2017-10-09 10:29:36
html最新的flex布局的理解
每当我们去进行前端页面布局时都会用到float、position、margin等一些属性,这些属性用起来略显麻烦,并且浏览器去进行渲染时会大大消耗性能 所以今天我们来谈谈最新的 flex布局,也叫弹性布局! 需要注意的是任何容器都可以指定为flex布局,但是在flex布局中float、clear、vertical-align都会失效
3223
2018-05-11 14:49:49
如何解决html5 canvas 绘制字体、图片与图形模糊问题
html5 canvas 绘制字体、图片与图形模糊问题 发生情况 多出现在高dpi设备,这意味着每平方英寸有更多的像素,如手机,平板电脑。当然很多高端台式电脑也有高分辨率高dpi的显示器。 canvas在浏览器中的缩放原理 如果没有设置style那么就以html的属性width,height作为尺寸。 如果设置了style中的width、height,那么以其style设置为最终绘制到浏览器的尺寸。 也就是说,属性中的宽高并不代表实际宽高,所以高dpi下会放大canvas,导致模糊
4441
2017-10-09 10:23:46
2017-10-09 10:21:37
选择输入框的应用方式
前段时间有一个需求,需要做一个选择输入框,类似百度的搜索框一样。由于本人也是菜鸟一枚,在网上找了一大堆,现给出两种比较好用的实现方式。 第一种:基于html5的新特性 效果如下图所示
2148
2017-10-09 10:19:35
如何用html5 canvas实现匀速运动
匀速运动:指的是物体在一条直线上运动,并且物体在任何相等时间间隔内通过的位移都是相等的。其实就是匀速直线运动,它的特点是加速度为0,从定义可知,在任何相等的时间间隔内,速度大小和方向是相同的。 <head> <meta charset=
2361
2017-10-09 10:13:49
2017-10-09 10:11:19
2017-10-09 10:12:02
如何实现快速排序的方法
算法之旅 | 快速排序法 HTML5学堂-码匠:前几期“算法之旅”跟大家分享了冒泡排序法和选择排序法,它们都属于时间复杂度为O(n^2)的“慢”排序。今天跟大家分享多种排序算法里使用较广泛,速度快的排序算法 —— 快速排序法 [ 平均时间复杂度为O (n logn) ]。 Tips 1:关于“算法”及“排序”的基础知识,在此前“选择排序法”中已详细讲解,可点击文后的相关文章链接查看,在此不再赘述。 Tips 2:如果无特殊说明,本文的快速排序是从小到大的排序。
2350
2017-10-09 10:06:21
字符串转json的注意事项
一个post搞了一天,时而正常时而错误! let str = "{'name':'wanglei'}"; let obj = JSON.parse(str); 以上会报错: VM143:1 Uncaught SyntaxError: Unexpected token ' in JSON at position 1 at JSON.parse (<anonymous>) at <anonymous>:1:6 str = '{&quo
1873
2017-10-09 10:04:53
如何实现数组和对象的深浅拷贝
前提:原始数据类型和对象类型赋值时的差异 JavaScript的数据类型分为原始数据类型和对象类型。二者在内存中存放的方式不同,导致了其赋值时差异。分别举个栗子
2056