前端

canvas的基础入门

8

鑫神 发布于 2019-06-14

canvas是定义在浏览器上的画布。它不仅仅是一个标签元素更是一个编程工具是一套编程的接口。利用它可以开发出很多东西,比如动画,游戏,动态的图表等富有变现力和感染力的应用。还可以开发出绚丽的3D动态效果。接下来我们一起学习!   一、 创建canvas    ...

阅读(307)评论(0)赞 (0)

纯 CSS 滚动进度条效果

8

鑫神 发布于 2019-01-11

结论先行,如何使用 CSS 实现下述滚动条效果? 就是顶部黄色的滚动进度条,随着页面的滚动进度而变化长短。 在继续阅读下文之前,你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下,不借助 JS ,能否巧妙的实现上述效果。 OK,继续。这个效果是我在业务开发的过程中遇到的一个类...

阅读(215)评论(0)赞 (0)

只知道ajax?你已经out了

鑫神 发布于 2018-11-21

随着前端技术的发展,请求服务器数据的方法早已不局限于ajax、jQuery的ajax方法。各种js库已如雨后春笋一般,蓬勃发展,本文主要想介绍其中的axios和fetch。 0.引入 ajax(Asynchronous JavaScript and XML–异步Jav...

阅读(279)评论(0)赞 (0)

关于HTML5存储和CSS的一些技巧

8

鑫神 发布于 2018-11-21

HTML5存储 cookies 大小限制4K 发送在http请求头中 子域名能读取主域名的cookies 本地存储 localStorage sessionStorage 大小限制5M(注意超出限制处理,超过时setItem会抛出异常) 可以存储数组、json、图片(canvas...

阅读(262)评论(0)赞 (0)

webVR全景图多种方案实现(pannellum,aframe,Krpano,three,jquery-vrview)

15

鑫神 发布于 2018-11-09

前言 有一篇文章我说了H5实现全景图预览,全景视频播放的原理,有需要的小伙伴可以自行去看一下 今天我就拿出我的实践干货出来,本人实测实测过 需求 老板:我需要可以上传全景图片,然后手机网站上都可以360度看全景图 需求分析 一个上传功能 一个全景360度预览功能 正文 H5 上传...

阅读(766)评论(0)赞 (1)

关于响应式布局,你必须要知道的

6

鑫神 发布于 2018-11-05

一、前言 响应式Web设计可以让一个网站同时适配多种设备和多个屏幕,可以让网站的布局和功能随用户的使用环境(屏幕大小、输入方式、设备/浏览器能力)而变化。本文主要介绍一些响应式布局容易忽略但又很重要的知识点。 二、视口 移动前端中常说的 viewport (视口)就是浏览器中用于...

阅读(231)评论(0)赞 (0)

强大的日期处理类库Monent.js

1

鑫神 发布于 2018-11-02

一、介绍及安装 1.1 介绍 Moment.js是一个优秀的JavaScript 日期处理类库. 如果没有Moment.js之类的日期处理库,我们如果需要获得格式化后的日期.往往需要通过new Date().getMonth()…之类方法进行拼接, 或者使用JQ封装的...

阅读(310)评论(0)赞 (0)

CSS+JS实现流星雨动画

1

鑫神 发布于 2018-11-01

1、效果图 完整效果,请移步 codepen-流星雨案例 2、源码 HTML <body> <div class="container"> <div id="mask"></div> <div id="sky"><...

阅读(297)评论(0)赞 (0)

详解TCP 建立连接时的 3 次握手

4

鑫神 发布于 2018-11-01

传输控制协议 TCP 是一种面向连接的、可靠的、基于字节流的传输层通信协议,由IETF的RFC 793定义。在简化的计算机网络 OSI 模型中,它完成第四层传输层所指定的功能,用户数据包协议(UDP)是同一层内另一个重要的传输协议。   先来复习一下 OSI 的七层模型...

阅读(1317)评论(0)赞 (1)

如何在React项目中直接使用WebAssembly

鑫神 发布于 2018-11-01

前言 自从入坑WebAssembly以来,躺了很多坑,也浏览了很多资料,都没有看到很多能够直接在前端项目中使用WebAssembly的例子。即使有,我自己按照介绍的步骤一步一步来, 也会报各种错误,官方的文档也写的比较模糊。于是,就决定自己撸一个,让React项目能够直接的借助W...

阅读(250)评论(0)赞 (0)