1

Three.js与webVR

WebVR如此近 - three.js的WebVR示例程序解析 关于WebVR 最近VR的发展十分吸引人们的眼球,很多同学应该也心痒痒的想体验VR设备,然而现在的专业硬件价格还比较高,入手一个估计就要吃土了。但是,对于我们前端开发者来说,我们不仅可以简单地在手机上进行视觉上的VR体验,还可以立马上手 ...
YSWALLE 发布于 2017-09-20 14:40 评论(1)阅读(48)
0

解决html5 canvas 绘制字体、图片与图形模糊问题

html5 canvas 绘制字体、图片与图形模糊问题 发生情况 多出现在高dpi设备,这意味着每平方英寸有更多的像素,如手机,平板电脑。当然很多高端台式电脑也有高分辨率高dpi的显示器。 canvas在浏览器中的缩放原理 如果没有设置style那么就以html的属性width,height作为尺寸 ...
fyter 发布于 2017-09-20 14:14 评论(0)阅读(9)
2

JS中如何巧妙的用事件委托

常见场景:页面有多个相同的按钮需要绑定同样的事件逻辑。 如下HTML,实现:点击每个按钮,当它的 data-id不为null的时候输出它的data-id(实际业务中会有更复杂的逻辑) 实现方案一:(缺点 1 for循环影响性能,2每次循环都会在内部创建一个事件,3 如果 li 是动态追加的会导致事件 ...
九成 发布于 2017-09-20 14:08 评论(0)阅读(30)
8

如何使用Flexbox和CSS Grid,实现高效布局

在现代网页设计时代,使用Flexbox和CSS Grid来对齐元素,变得相对容易起来。 ...
葡萄城控件技术团队 发布于 2017-09-20 12:03 评论(0)阅读(226)
0

webpack 通用模块(每个页面都用到的js)编译

1、项目目录 2、配置文件:webpack.config.js 3、执行命令 4、执行结果 项目新的目录结构: common.js部分代码: ...
孟繁贵 发布于 2017-09-20 11:19 评论(0)阅读(16)
0

CSS3选择器:nth-child和:nth-of-type之间的差异

对于p:nth-child选择器,选择一个元素如果: 对于p:nth-of-type选择器,选择一个元素如果: :nth-of-type选择器,限制条件少 ...
喵嘻嘻 发布于 2017-09-20 11:17 评论(0)阅读(13)
0

ES6,Array.includes()函数的用法

在ES5,Array已经提供了indexOf用来查找某个元素的位置,如果不存在就返回-1,但是这个函数在判断数组是否包含某个元素时有两个小不足,第一个是它会返回-1和元素的位置来表示是否包含,在定位方面是没问题,就是不够语义化。另一个问题是不能判断是否有NaN的元素。 结果: ES6提供了Array ...
白色的海 发布于 2017-09-20 11:13 评论(0)阅读(12)
0

CSS深入理解之border_imooc张

1 2 3 4 5 cssborder 6 154 155 156 thin:1px 157 medium:3px 158 thick:5px 159 style:dashed 160 style:dotted 161 style:double 162 点击显示更多 163 ... ...
逻辑左移喔 发布于 2017-09-20 11:12 评论(0)阅读(15)
0

Bootstrap Table急速完美搭建后台管理系统

Bootstrap Table是基于 Bootstrap 的 jQuery 表格插件,通过简单的设置,就可以拥有强大的单选、多选、排序、分页,以及编辑、导出、过滤(扩展)等等的功能 ...
Galary 发布于 2017-09-20 11:02 评论(2)阅读(729)
0

AngularJs(v1)相关知识和经验的碎片化记录

1、利用angular指令监听ng-repeat渲染完成后执行脚本 http://www.cnblogs.com/wangmeijian/p/5141266.html ...
yuzhihui 发布于 2017-09-20 10:49 评论(0)阅读(7)
0

计算器

<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <meta name="keywords" content="js javascript 计算器 北京时间 js获取当前时间"/> <meta name="description" conten ...
龙卷风之殇 发布于 2017-09-20 10:34 评论(0)阅读(25)
0

html便民查询各个工具类实例代码分享(支持pc和移动端)

1 1.手机号码查询 2 3 4 8 9 2.身份证查询 10 11 12 16 17 3.固定电话查询 18 19 20 24 25 4.在线秒表 26 27 28 32 33 5.股票行情 34 35 36 40 41 6.邮编查询 42 43 44 48 49 7.... ...
小胡来生缘 发布于 2017-09-20 10:34 评论(0)阅读(23)
0

走进Node.js 之 HTTP实现分析

上文“走进Node.js启动过程”中我们算是成功入门了。既然Node.js的强项是处理网络请求,那我们就来分析一个HTTP请求在Node.js中是怎么被处理的,以及JavaScript在这个过程中引入的开销到底有多大。 Node.js采用的网络请求处理模型是IO多路复用。它与传统的主从多线程并发模... ...
iKcamp 发布于 2017-09-20 10:08 评论(0)阅读(15)
0

webpack CommonsChunkPlugin 提取公共代码

1、项目结构 2、部分代码 module.js index文件夹下的index.js login文件夹下的index.js 3、webpack.config.js 4、测试 (1)webpack.config.js 输出: (2) ...
孟繁贵 发布于 2017-09-20 09:55 评论(0)阅读(11)
0

angular高级篇之transclude使用详解

angular指令的transclude属性是一个让初学者比较难以理解的地方,transclude可以设置为false(默认),true或者对象三种值,如果不设该属性就默认为false,也就是说你不需要将该指令所在元素包含的内容嵌入到模板中。 当transclude为true的时候,这时指令所在元素 ...
zc的救赎 发布于 2017-09-20 09:45 评论(0)阅读(16)
0

javascript正则多次调用test 结果交替出现

现在需要一个正则验证小数点后保留一到三位数,小数点前只能两位或一位整数的这么一个数。 正则如: 验证如下: 因为我们用1.23符合规则的数据去调用test,调用的次数为奇数的时候输出true,调用的次数为偶数的时候输出false。 明明用1.23是符合的为什么还会输出false的情况呢? 经过翻阅M ...
伪代码 发布于 2017-09-20 00:09 评论(0)阅读(32)
0

前端angularJS利用directive实现移动端自定义软键盘的方法

最近公司项目的需求上要求我们iPad项目上一些需要输入数字的地方用我们自定义的软键盘而不是移动端设备自带的键盘,刚接到需求有点懵,因为之前没有做过,后来理了一下思路发现这东西也就那样。先看一下实现之后的效果: 实现的效果就是当点击页面中需要弹出软键盘的时候软键盘弹出,浮在页面的中间,和模态框一样的效 ...
雷厉风行L 发布于 2017-09-19 23:26 评论(0)阅读(38)
0

Vue.js项目模板搭建

前言 从今年(2017年)年初起,我们团队开始引入「Vue.js」开发移动端的产品。作为团队的领头人,我的首要任务就是设计 整体的架构 。一个良好的架构必定是具备丰富的开发经验后才能搭建出来的。虽然我有多年的前端开发经验,但就「Vue.js」来说,仍然是个新手。所幸「Vue.js」有一个配套工具「V ...
WEB攻程狮 发布于 2017-09-19 23:05 评论(2)阅读(49)
0

jquery 一键复制到剪切板

今天做项目有一个功能,通过点击事件复制一段文本到剪切板,在网上找了一些,整理了一下,方便需要的朋友使用。 复制文本 $(function(){ var clipboard = new Clipboard('#copy',{ text: function(trigger) { alert("复制成功!... ...
小胡来生缘 发布于 2017-09-19 22:24 评论(0)阅读(32)
0

[js高手之路]Node.js+jade+mongodb+mongoose实现爬虫分离入库与生成静态文件

接着这篇文章[js高手之路]Node.js+jade抓取博客所有文章生成静态html文件继续,在这篇文章中实现了采集与静态文件的生成,在实际的采集项目中, 应该是先入库再选择性的生成静态文件。 那么我选择的数据库是mongodb,为什么用这个数据库,因为这个数据库是基于集合,数据的操作基本是json ...
ghostwu 发布于 2017-09-19 21:46 评论(0)阅读(128)