xuexizhe88的博客

1、在使用统一脚手架的时候提示了报错信息如下ERROR in ./app/containers/App/SiderMenu/SiderPanel/style.scss (./node_modules/css-loader!./node_modules/postcss-loader/src!./node_modules/sass-loader/lib/loader.js!./app/conta...

在create-react-app创建react应用时，模拟本地请求静态json文件，必须把静态文件放到public下才可以请求到。

题目：假设高度已知，三栏布局，其中左栏和右栏宽度为200px，中间自适应全局样式 html *{ padding: 0; margin: 0; } .layout{ margin-top: 20px; } .layout article div{ min-height: 100px; }1、浮动布局...

1、声明Promise对象的方式。创建Promise对象，根据业务需求判断执行成功或者失败，成功调用resolve(),失败调用reject（）// 方法1let promise = new Promise ( (resolve, reject) => { if ( success ) { resolve(res) } else { ...

1、最近在开发微信公众号中，写好的H5页面在微信中遇到了缓存，给开发和测试造成了不少麻烦。分别总结了ios和Android清除缓存的方法。2、Android中在微信任意窗口中国打开http://debugx5.qq.com ，在弹出的页面中选择，cookie、文件缓存、广告过滤缓存、DNS缓存，勾选，然后点击“清除”按钮就行了。3、IOS清除缓存在微信中找到“我--设置--通用...

一、在使用vue脚手架的时候执行命令npm i -g vue-cli出现如下报错npm WARN checkPermissions Missing write access to C:\Users\liuyg\AppData\Roaming
pm
ode_modules\vue-cli
ode_modules\cliui
ode_modules\wordwrapnpm ERR! p...

一、浅拷贝在js中操作数组过程中，会需要把数组进行备份，直接赋值如下：//浅拷贝 直接赋值吧var arr1 = ["前端","安卓","苹果"];var arr2 = arr1;arr2[0] = "后端";console.log("原始值：" + arr1 );//后端,安卓,苹果console.log("新值：" + arr2);//后端,安卓,苹果理解：对于数组，如果只

浅拷贝：只拷贝对象的基础属性值，对属性值为对象或数组的属性则拷贝指针。 深拷贝：拷贝对象的所有属性作为一个全新的对象。拷贝前后的对象互不影响。浅拷贝仅仅是指向被复制的内存地址，如果原地址中对象被改变了，那么深拷贝出来的对象也会相应改变。一、对象引用对象引用容易理解，直接赋值，修改复制后的数组，原对象会随之改变。//对象引用var boy = { age:18    }var girl = ...

先看一段代码//引用传递 以数组为例var arr = [1,5,3,6,46,12];var str = arrFun1(arr);console.log('str==' + str);//原数组*2console.log('arr==' + arr);//arrFun1方法中使用arg去接传参，因此arr数组不会改变var num = arrFun2(arr);console.lo...

一、移动端300ms点击延迟的前因后果一般情况下，如果没有经过特殊处理，移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟。也就是说，当我们点击页面的时候移动端浏览器并不是立即作出反应，而是会等上300ms才会出现点击的效果。在移动WEB兴起的初期，用户对300ms的延迟感觉不明显。但是，随着用户对交互体验的要求越来越高，目前移动端300ms的点击延迟逐渐变得明显而无法忍受，那么，移...

        在移动端web开发中，UI设计稿中设置边框为1像素，前端在开发过程中如果出现border:1px，测试会发现在某些机型上，1px会比较粗，即是较经典的移动端1px像素问题。首选先看一下，pc时代和移动端时代对1px的对比。一、像素的理解        像素是网页布局的基础。一个像素就是计算机能够显示一种特定颜色的最小区域。当设备尺寸相同但像素变得更密集时，屏幕能显示的画面的过渡更细...

1、前后端未分离：    前端代码及请求数据接口都在同一个服务器上,前端代码测试依赖服务器2、前后端分离：    静态服务器：运行前端代码    后台服务器：运行数据接口服务器3、同源策略    同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。所以a.com下的js脚本采用ajax读取b.com里面的文件数据是会报错的。4、跨域分析：ajax/ifram...

禁用图片弹框，给img标签加上 img{ pointer-events: none; //元素永远不会成为鼠标事件的target -webkit-user-select: none; -moz-user-select: none; -webkit-user-select:none; -o-user-select:none; user-sele...

1、在项目中使用到了ES6的Promise对象，代码在谷歌浏览器中正常运行，而在360浏览器下的兼容模式下，IE内核是不支持Promise的。2、通过can i use网站https://caniuse.com/）查到的ES6 promise的支持情况3、要是在项目中使用Promsie对象，解决方法是使用第三方插件bluebird.js（github地址：https://github.com/pe...

1、echarts提供了丰富的图标，如提供了 saveAsImage保存图片  restore 配置项还原 dataView数据视图工具  dataZoom 数据区域缩放 magicType 动态类型切换 brush 选择组件的控制按钮等。2、在实际开发过程中，根据需求需要自定义图标及功能3、实现方式：除了各个内置的工具按钮外，还可以自定义工具按钮。echarts官方配置文档中中为注意，自定义的工...

1、在父页面 获取iframe子页面的元素（在同域的情况下 且在http://下测试，且最好在iframe onload加载完毕后 dosomething...）js写法a、同过contentWindow获取也有用contentDocument 获取的 但是contentWindow 兼容各个浏览器，可取得子窗口的 window 对象。contentDocume

普通函数中的this:1. this总是代表它的直接调用者, 例如 obj.func ,那么func中的this就是obj2.在默认情况(非严格模式下,未使用 'use strict'),没找到直接调用者,则this指的是 window3.在严格模式下,没有直接调用者的函数中的this是 undefined4.使用call,apply,bind(ES5新增)绑定的,this指的是

在ios中input输入内容后搜索，html提供type=search的模式，但是软键盘弹起后，键盘上没有“搜索”，必须在input外层加上form，必须有action<form action=""><input type="search" placeholder="" placeholder="请输入搜索" /></form>...

1、在实际的html移动端开发时，在移动端IOS，点击屏幕会出现闪屏的效果，如何去除闪屏，可以在html或者body{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

可以在input中添加unselectable="on" onfocus="this.blur()"最终为<input type="text"  readonly="readonly" unselectable="on" onfocus="this.blur()"/>