、 今天有幸给大家分享一下谷歌浏览器针对移动网页测试的技巧，主要是最近做个微信公共号网站。所以就要对页面测试拉。移动网页我们最长测得就是各种手机大小的页面效果和出现网络问题的效果展示。 今天就简单分享下在谷歌浏览器测试页面的适配和网速限制展示。 页面的...

2018-09-18 06:33:30

最近因为的工作的原因在弄vue，从后端弄到前端之前一直用js，现在第一次接触vue感觉还挺有意思的，就是自己太菜了，这个脑子呀。。。。不太够用。。。。。页面设计用了一个叫vux的东西，vux可以提供一些组件，用起来还是比较方便的，因为自己比较菜吧，所以有很多东西...

2018-09-18 06:33:27

通过计算某个扇形区域的值占整个圆的百分比来得到这个扇形的角度，从而根据startAngle这个属性来设定图形的开始渲染的角度，使点击某个扇形时圆环旋转使之始终对准某个点。 期间考虑到某扇形区域太小点击不到，来设置最小扇形区域。 const myChartContainer = document...

2018-09-18 06:33:20

自定义可拖动的进度条，如下图效果： 代码分三部分 HTML 1 body 2 div id ="demo" 3 4 div class ="progress" 5 div class ="progress-bar" 6 div class ="progress-thumb" / div 7 / div 8 / div 9 10 / div 11 / body CSS 1 #demo { 2 width : 600px ; height : 100p...

2018-09-18 06:33:24

浏览器的四大内核： Trident，Gecko，Webkit，Blink。 不同的内核对网页编写语法的解释也有不同，进而导致同一个页面在不同内核的浏览器下显示出来的效果也会有所出入，这也是作为一个前端工程师需要了解不同浏览器所使用的内核和各种兼容性问题。浏览器内核是浏览器的...

2018-09-18 06:33:21

（接上一次） 属性：表示事物的一些特征 属性又可分为两种： 标签属性和样式属性 两者的区别： 位置不一样 样式属性写在 style 中 标签属性写在标签内 写法不一样 样式属性是属性 : 属性值 标签属性是属性 = ”属性值” 选择器： 1、标签选择器 2、id选择器 3、class选...

2018-09-18 06:33:20

!DOCTYPE html html lang="en" dir="ltr" head meta charset="utf-8" title高度塌陷解决/title style media="screen" .box1{ border: 10px #bfc993 solid; } .box2{ width: 100px; height: 100px; background-color: rgb(224, 223, 182); float: left; } .clearfix{ zo...

2018-09-18 06:33:15

web标准 不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、EC...

2018-09-18 06:33:09

有好多小伙伴私聊我问我html5新特性 和用法，下面我给大家具体介绍一下html5都新加了哪些新特性， 下面我给大家总结一下。 1)新的语义标签 footer header 等等 2）增强型表单 表单2.0 3）音频和视频 4）canvas 绘图 5）SVG绘图 6）地理定位 7） 拖放API 8）web worker...

2018-09-18 06:33:14

盒模型 1、box-sizing: content-box 是普通的默认的一种盒子表现模式 盒子大小为 width + padding + border content-box:此值为其默认值，其让元素维持W3C的标准Box Mode 2、box-sizing:border-box 以盒子边框为界 自己管理里面的元素 border-box 盒子大小为 width 就...

2018-09-18 06:32:58