玉帛逸-CSDN博客

原创 es6之解构赋值

一、基本类型的解构赋值解构赋值不仅适用于 let / const也适用于var指令 const [ a, b, c, d ] = 'good'; console.log(a, b, c, d); // g o o dconst { length: len } = 'mingyubo';console.log(len); //8 匹配的是字符串的length属性let [a]...

2018-03-13 16:48:00 200

原创 es6快速入门学习----let和const

一、let和const//let 命令申明不會提升，作用域在塊級代碼內if (true) { let a = 1; var b = 3; } console.log(b); // 3 console.log(a); // 报错：a is not defined//暂时性死区：块级作用域内存在let，它所声明的变量就会’绑定’在此区域，不受外界影响...

2018-03-13 11:14:57 144

原创 js作用域常见面试题解析

console.log(a); var a=1; console.log(a); function a(){alert(2)}console.log(a); var a=3;console.log(a); function a(){alert(3)}console.log(a); console.log(a())

2017-12-27 10:07:50 1871

原创 css 头部banner背景图适配

每个网站都有banner图，基本上设计图banner图宽度都为1920px，当然,适配的方式有多种。下面简单介绍几种： 1，最愚蠢的办法就是用媒体查询（不多说）； 2，用 img 标签去自适应，但是缺点也很明显，如何图片上很多字体等需要手写，当小到一定的程度位置就会不对，当很大时，图片分辨率也会有问题 3，下面介绍一种个人常用的，先贴代码.course-class-infos {positi

2017-08-17 18:44:04 3008

原创关于百度echarts map地图的使用之分布图

首先贴出效果图，是关于公司产品注册的分布情况（数据非真实情况，仅为模拟）：下面为代码片段： .map-table{ width:700px ; height:540px;} <div id="map-data" class=" map-table" ></div>// 用户分布数据图表var mapData = echart

2017-08-16 09:51:15 2206

原创弹性布局flex

由于兼容性问题，flex布局目前为止，本人基本还只是使用在移动端。使用过它的攻城狮都是对它爱不释手，现在对于没有使用过的人简单讲解下：布局的传统解决方案，基于盒状模型，大多使用 position定位布局 + float浮动布局。当然，这些都可以解决我们的问题，但是，在有些情况下却不是最简单的方式，例如，如微信下的导航栏，使用flex布局在效率上无疑快很多；1.任何一个容器都可以指定为 Flex

2017-07-25 17:25:03 421

原创移动端android上line-height不居中的问题

现在越来越多的移动界面使用rem适配，遇到的坑也不尽其数，今天就移动端android上line-height不居中的问题提出自己的解决办法。据分析得知原因： 1.字体大小不要使用奇数字号，带小数点的更不要提了。也就是说被2整除的整数且不可小于12px。 2.使用rem的单位时造成（根元素如果动态改变时，根元素字体可能不是整数）。那么，怎么解决了？网上有好几种，如 1.把字号内外边距等设

2017-07-19 15:22:40 13349

原创移动端适配之rem

rem是相对于根元素的字体大小，也就是说，我们只需动态改变根元素的字体大小，即可以适配各类手机， js代码如下：var html = document.documentElement;var width = html.clientWidth;html.style.fontSize = width / 16 + 'px'html.style.fontSize = width / 16 + ‘px

2017-07-18 10:53:01 383

原创移动端多指触屏事件兼容

ios下有多指触屏事件，如 gesturestart：当手指触摸屏幕，并且有两根以上手指执行; gesturechange：当有两根或多根手指在屏幕上，并且有手指移动的时候触发; gestureend：当多余两根手指头抬起时执行; 本事件下有我们常用的事件如多指缩放 e.scale 多指旋转e.rotation 等，这里我们处理缩放事件但是此事件在安卓下并不兼容，显然这事件是不可行的

2017-07-13 16:53:37 2141

玉帛逸的博客