随笔分类 - HTML5
离不开javascript，新表单验证，音视频处理，canvas,svg,Two.js,Geolocation（地理定位插入地图）拖放API
摘要：一、账号注册 分别https://legacy.gitbook.com/login和https://github.com/注册账号。 https://legacy.gitbook.com/login登录时候最好选择github登录 二、github上新建一个仓库如 https://github.co
阅读全文
摘要：实际中遇到需要Facebook和Google+等第三方授权登录自己的Web应用(可能还有Android和IOS的手机应用)，本质上都是JS SDK的官方应用。这时候不得不去他们官方查看文档。 注：一下所有连接如果无法打开，请自行翻Q.......... 参考文档： 1、facebook：https:
阅读全文
摘要：一、搜索引擎工作原理 当我们在输入框中输入关键词，点击搜索或查询时，然后得到结果。深究其背后的故事，搜索引擎做了很多事情。 在搜索引擎网站，比如百度，在其后台有一个非常庞大的数据库，里面存储了海量的关键词，而每个关键词又对应着很多网址，这些网址是百度程序从茫茫的互联网上一点一点下载收集而来的，这些程
阅读全文
摘要：一、前言：偶然看到很多app内又很多关于全景图的页面，出于好奇很想看看怎么实现的。在安居客，以及汽车之家都看到过，先来2个他们的案例大家看看 某装修公司案例1， 汽车之家案例2 是不是眼前一亮，是不是也想看看他们到底怎么实现的。之前写过一个粗糙的关于three.js实现全景图的文章，相比之下上面的要
阅读全文
摘要：一、注：一般倒计时的时间都是后台传来的然后渲染到页面，这里有2个简单的倒计时方式 二、如何使用
阅读全文
摘要：一、使用的node模块 1、express当做服务器 2、socket.io 前后通信的桥梁 3、opn默认打开浏览器的模块(本质上用不到) 难点：前后通信 源码地址：https://github.com/wjf444128852/SimpleChat 欢迎clone并运行、扩展改进、issues
阅读全文
摘要：JQ3.1 文档下载地址：https://pan.baidu.com/s/1c2vMQdy 一、注意定义jQuery变量的时候添加var关键字 这个不仅仅是JQ，在JS中都是必须的 二、如果有多个变量可以使用一个var eg:var index=0,$main=$(".main"); 三、定义jQu
阅读全文
摘要：序言：之前有很多时候PC端页面只有一些切换，悬停下拉效果，可能有多个！这时候可能会选jQuery，但是就这么几个简单的效果用jq有点浪费，所以用原生js，这时候又会又一堆的for循环。。。性能又不太好。 能不能简单封装一下，可以复用？答案是：肯定的~~ 下面就是一个用构造函数实例化一个对象，用面向对
阅读全文
摘要：详细的请打开这里看console.log window.innerWidth： 文档显示区(body)的宽度window.innerHeight 文档显示区(body)的高度window.outrWidth 窗口的宽度(body+任务栏)window.outerHeight 窗口的高度(body+任
阅读全文
摘要：注：一、摘要说明(会不定期更新)： A：这里是webpack1.0+，2.0+请移步这里(已经配置好的简单脚手架) https://github.com/jiucheng-front/dev-webpack B：webpack2.0+案例：1 豆瓣热映电影 C：react+webpack3.0+(开
阅读全文
摘要：这里简单说明两个方法，都是未跨域情况下在index.html内操作b.html内的 DOM。 如：index.html内引入iframe，在index内如何用JS操作iframe内的DOM元素？ 先贴下index.html和iframe引入的a.html内容。 index-> a.html 法一：
阅读全文
摘要：git仓库地址https://github.com/wjf444128852/Carousel.git 1、carousel-1效果演示:http://wjf444128852.github.io/demo/Carousel/ 主要是tab切换样式的切换，用JS加载的img的src属性，缺点是加载的
阅读全文
摘要：全部学习资源下载：http://pan.baidu.com/s/1eSGy3Qi 效果预览：http://wjf444128852.github.io/demo/baiduditu/index.html html5里完全支持百度地图 使用步骤 1、 引入百度地图的JS * 链接 - http://a
阅读全文
摘要：演示地址：http://wjf444128852.github.io/demo/Carousel/index.html IE兼容性没处理，确切的说不太会，还望指点一二 思路： 1、js获取要给定点击事件的按钮组对象，如btns=document.xxx(),遍历过程绑定事件之前先取得当前对象的下标e
阅读全文
摘要：原理: 1、js动态创建DIV,指定CLASS类设置不同的背景图样式显示不同的雪花效果。 2、js获取创建的DIV并改变其top属性值，当下落的高度大于屏幕高后删除该移动div 3、好像不够完善勿喷 效果预览:http://wjf444128852.github.io/demo02/snow/ind
阅读全文
摘要：CSS3新增的动画帧非常绚丽，可以简单实现一些动画效果，目前除IE外各大主流浏览器都支持 本文演示三个：transform: scale3d(x, y, z)-缩放;、transform: translate3d(x, y, z)-位移;、transform:rotateX/Y(?deg)-旋转;
阅读全文
摘要：法一:升序原理:循环嵌套即双向遍历，在从前往后的遍历过程中，如果前一个位子大于后一个位子，把前一个位子的值付给后一个位子， 在从后往前遍历过程中如果前一个值大于后一个的值，把前面的值付给后面，过程中把被赋值位子的值用变量接收在赋值，否则无效。 降序同理 法二：自定义比较器(匿名函数)，简单暴力快捷
阅读全文
摘要：法一:返回新数组每个位子类型没变 法二:类似于法一，但本农觉着法一更易于理解 法三:比前两个更易于理解但是返回的新数组每个位子的number类型变为string类型了！！关键时刻得处理
阅读全文
浙公网安备 33010602011771号