徐海东的博客

微信公众号网页调试的时候，必须通过微信公众号后台备案配置的域名才能进行访问。有时候开发者调试时都是打包了前端代码上传到服务器后再调试，这样效率未免会很低。我们可以使用代理的方式去实现本地调试。目的：通过Nginx代理实现本地调试微信公众号

pc端与移动端图片性能优化篇！在前端项目中图片的性能优化也有不少可以提升的方向。优化方向：减少请求数量；缩短响应时间；减少请求图片的大小；

首先用户在浏览器中输入域名，操作系统会检查浏览器缓存和本地的hosts文件中，是否有这个域名记录，有的话就从记录中找到对应的IP地址，完成域名解析。

在没有更新jsencrypt版本号的情况下，打包后项目控制台突然出现JSENCRYPT_VERSIONisnotdefined出现问题的原因1.没有锁定版本号,^version代表兼容某个版本，版本号中最左边的非0数字的右侧可以任意，例如项目用的是"jsencrypt":"^3.0.0-rc.1",打包的时候会去拉取最新的3.0.0或者3.0.1版本的jsencrypt2.jsencrypt最新版本更新可能出现了bug，没有向下兼容去npm找到jsencrypt依赖，最近更新几...

常用的遍历方法除了for循环，还有forEach、map、for of、filter、every、some、reduce、find1.forEach方法对数组的每个元素执行一次给定的函数用法：依次向 callback 函数传入三个参数：数组当前值，数组当前项的索引，数组对象arr.forEach(callback(currentValue [, index [, array]]))需要注意的是forEach()在被调用时不会改变原数组，尽管 callback 函数在被调用时可能会改

在JavaScript中，有时候会遇到以下两种情况基本类型的变量, 直接调用方法 var item = 1234 item.toString() // '1234' var num = 123; num.toFixed(2) // '123.00' 众所周知只有Object类型才有方法，那上述代码基本类型为什么也可以调用方法，其中涉及到JavaScript的装箱。 装箱的...

Symbol作为JavaScript ES6新的原始数据类型，表示独一无二的值。它有以下几个特性无法用new进行显式定义let a = Symbol() let b = new Symbol() // 报错typeOf返回的值为Symbolvar sym = Symbol('foo')typeof sym // 'symbol'Symbol属性是不可枚举的symb...

Git commit 的介绍从git官网我们可以知道Git commit作用是记录对仓库的修改在日常开发中，使用Git命令最多的应该就是Git commit ，然而书写规范的commit message能够提高开发人员的代码维护升级效率，在能快速方便排查问题。那么commit message的规范就十分重要了Git commit message的规范目前使用比较多的规范是Ang...

jenkins构建日志报错找不到对应node版本的依赖原因：构建环境升级了node环境，但是缓存了依赖，此时项目构建找不到新版本node的依赖解决办法：清除该项目的工作空间，即可重新拉取jenkins构建日志报错 拉取node-sass失败原因：项目的package-lock.json 锁定了版本号以及地址，从npm拉取失败，导致无法从淘宝镜像拉取相应的依赖...

问题：使用this.$ref['form'] .resetFields()无法重置表单项原因：1.没有给表单添加ref属性<el-form ref="form"></el-form>2.表单项el-form-item没有添加prop属性，prop属性需要与input框绑定的属性一致<el-form ref="form" :model="si...

1.用户授权在开发小程序的前段时间，微信刚好升级了小程序接口。“获取 wx.getUserInfo 接口后续将不再出现授权弹窗”，只能通过让用户点击button的方式发起授权。升级的原因是要在某些时候需要用到数据时才让用户授权而不是一进去就授权。。。参考文档：https://developers.weixin.qq.com/blogdetail?action=get_post_info&amp;l...

实现逐帧动画一般用的图片 是雪碧图CSS3实现的方法是 添加animation.n { width: 75px; height: 75px; background-image: url(../img/shu6.jpg); background-size: 75px; /*infinite 指无限次循环 ,alternate指播放后反向 */

题目：写一个函数fn(n)，返回一个数组，里面有n个随机但不重复的数字。取值范围[2，32].本人解题思路function fn(n) { var arr = []; for (var i = 2;i &lt; 32; n++) { arr[i]=i; } arr.sort(function() { return 0...

position定位有四种：static,relative,absolute,fixed.1.static,默认定位，忽略z-index,top,left,right,bottom2.relative,相对定位，元素偏离，保留空间，可通过z-index,top,left,right,bottom定位3.absolute,绝对定位，脱离文档流，会覆盖其他元素，相对于最近的“定位”祖先元素

块级元素：div p h1 h2 h3  h4 form  ul行内元素：a b b span input selectCss盒模型:内容，border,margin，padding什么是块级元素？每个块级元素默认占一行高度。什么是行内元素？行内元素一般都是基于语义级(semantic)的基本元素，只能容纳文本或其他内联元素，常见内联元素 “a”。比如 SPAN

visiblity :hidden,占据文档空间，无法点击display:none,不占据文档空间，无法点击

1.减少页面http请求数量在用css引入背景图片通常我们都会用background，然而每一个url就是一次http请求，我们可以把众多图片合在一起，用background-position可将这部分图片加载的HTTP请求缩减为1个。background:url(.....)no-repeat x-offset y-offset;2.css和JS使用外部文件，因为浏览器会对内

在控制台输入[].forEach.call($$("*"),function(a){ a.style.outline="1px solid #"+(~~(Math.random()*(124))).toString(16)})

.container{border: 1px solid #000;width: 300px;height: 300px;position: relative;}.box{border: 1px solid #000;width: 50px;height: 50px;position: absolute;margin: auto;left: 0;

正常的ajax不能跨域，要解决跨域办法有两种1.使用jsonp,2.设置cors，数据头。采用了设置cors：Access-Control-Allow-Origin：**代表所有源都可以访问，也可以设置特定的值控制哪些域和端口可以访问

function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if(url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&")

1.block, inline-block,inline三者的区别答：block:块级元素，独占一行，如果有多个block元素会各自另起一行，默认情况下，block元素宽度填满其父辈元素宽度。block元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行。可以设置margin和padding属性。inline：不会独占一行，inline元素设置width,...

题目：json转换的几种方式var obj1={'name":"tom","sex":"女"};  //JSON对象var str1="{"name":"kim","sex":"男"}" //字符串JSON.stringify(obj); 将JSON转换为字符串eg: var a=JSON.stringify(obj1);JSON.parse(string);将

CSS伪类用于向某些选择器添加特殊的效果。 :active 向被激活的元素添加样式。 :focus 向拥有键盘输入焦点的元素添加样式。 :hover 当鼠标悬浮在元素上方时，向元素添加样式。 :link 向未被访问的链接添加样式。 :visited 向已被访问的链接添加样式。