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()"/>

1、输入框提示信息在placeholder为普遍应用之前，普遍采用使用JavaScript来实现输入框提示。HTML5提供了placeholder来帮助实现提示，不需要任何的JavaScript。只需要在你的input文本框的标记上添加HTML5规范里新增的placeholder属性，然后在属性值里输入你需要的提示信息。如下所示：2、可以通过CSS3来美化placeholder提示信息的样

word中使用宏修改图片大小，图片大小相同1、打开word中视图选项卡，选择“宏”->“输入宏名”->“创建”2、编辑宏输入下面代码Sub FormatPics() Dim iSha As InlineShape For Each iSha In ActiveDocument.InlineShapes If iSha.Type = wdInlineShapePi

一、jquery 父、子页面之间页面元素的获取，方法的调用：1. 父页面获取子页面元素：    格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click();     实例：$("#ifm").contents().find("#iBtnOk").click(); // ifm 为 标签 id; iBtnOk

html代码：js代码：//ajax请求，封装的get请求方法Get(GETITEMSCURRENTCODE,provOption,function(data){ if(data.code == 0){ var html = ''; var len = data.data.length; for(var i = 0 ; i< len;i++){ html = htm

使用jquery只保留表格中表头一行，其他的内容代码清空的代码。$("table tr:not(:first)").remove();

1、开发中需要使用freemarker导出word，需要前端人员写html模板，在开发中遇到了word中字体和css中字体对应的问题，经过试验如下：word字字号word字体值(pt)Css字体大小(px)初号44pt58.6小初36pt48一

1、在pc端会遇到点击图片，然后让页面添加蒙版，图片居中放大的效果；效果图如下2、代码实现方式：问题解决 图片放大 body{background-color: #E8E8E8;} $("body").on('click','

使用jquery ajax前端向后台传数据的时候有时候会传数组数据，而java后台同学接收到的数据不对，添加traditional：true问题解决

返回上一页我们可以使用history.go(-1)或者history.back();document.referrer记录上一页的url

解决html2canvas截图图片跨域的问题

在项目中遇到输入框的重置按钮，重置的内容是需要把input输入框中的内容置空，并且显示placeholder的值；如果使用$('input').val(' ');的方式不仅把输入框中的内容置空了，并且输入框的placeholder也为空了；经过测试可以使用一下两种方式1、方法一使用defaultValue2、方法二使用attr()方法 点击1、方法一$('button').on('click',function(){ $

表单事件是web开发中常用的事件，以jquery为例，梳理一下jquery的表单事件。1、blur事件为元素，失去焦点的时候触发的。2、focus事件为元素，获取焦点的时候触发的。3、change事件，和的值都是可以发生改变的，可以通过change事件监听元素改变的动作，input元素：监听input中value值的变化，当value改变时，失去焦点后触发c

jquery的键盘事件分为keypress、keydown和keyup事件一、键盘事件1、keypress()事件keypress当按钮被按下时，会发生该事件，我们可以理解为按下并抬起同一个按键。2、keydown()事件当按钮被按下时，发生 keydown 事件。3、keyup事件keyup 事件会在按键释放时触发，也就是你按下键盘起来后的事件

需求：在移动端使用html5做模糊搜索的时候，需要根据用户在input输入框中输入的内容，进行模糊匹配。首先根据的键盘事件，keydown() keypress() keyup()，由于keyup事件是在按键释放时触发，也就是按下键盘起来后的事件，因此选用的是keyup事件。但是keyup在ios手机原生的输入法是不支持的，但是在ios端第三方的输入法搜狗输入法是支持的，为了兼容性，不能使

最近项目需求中需要在html中添加水印效果，试验了一下几种方法1、使用背景图添加水印2、使用定位添加水印3、使用js添加可配置控制水印

1、如果使用type=“number”，则为造成能输入“-”、‘+’和“.”，在type为number的时候要可以输入加号、减号和小数点的。2、在为number类型时，会产生上下可以加减的箭头3、限制输入框为只能输入最大为11为数字4、密码输入为6-16为数字和字母的组合

1、user agent stylesheet是浏览器默认样式表，是浏览器默认样式。2、不同浏览器的默认样式不同个，甚至同种浏览器不同版本的默认样式也可能不同。其中google中对body的默认样式为margin：8px；3、前端开发者在开发网页的时候如果考虑适配不同浏览器的不同默认样式，一般是采用重置浏览器的默认样式例如：html{height:100%; width:1

1、html中使用meta中跳转，通过meta可以设置跳转时间和页面 2、a标签直接跳转百度一下3、通过javascript中实现跳转// 直接跳转window.location.href='index.html';// 定时跳转setTimeout("javascript:location.href='index.html'", 5000);其

form表单无法提交input disabled内容,readonly,disabled

input标签有type=number的时候，默认情况下有加减号的功能，去除默认的加减号为input[type='number'] { -moz-appearance:textfield;}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {

浮动处理图文混排

绪论：如果动态生成的元素用on来绑定事件，会根据selector不同，阻止冒泡的结果也不同。

1、html中提供了6中空格，分别为 &ensp；&emsp；&thinsp；&zwnj；&zwj；具体区别看参考：http://www.cnblogs.com/chenshihaook/p/6186343.html2、 为不换行空格，全称No-Break Space，使用最多的空格，它是按下space键产生的空格。在HTML中，如果你用空格键产生此空格，空格是不会累加

1、事件冒泡的由来！事件发生需要有事件源，即引发这个事件的对象。事件发生后，事件源本身没有处理事件的能力，如：我们给div添加一个点击事件，但div本身并不能处理这个事件，事件必须传播，达到能够处理本事件的代码中。就是要找到处理该div点击事件的函数。事件冒泡：就是通过事件冒泡找到找到处理点击事件的函数。事件冒泡是根据DOM中的对象树，以此向上查找。如果父节点有执行该点击事件的函数或可

闭包为相似元素添加点击事件

Js批量定义变量及使用

1、使用html+css+js实现导航切换动画效果

web页面在不同浏览器和操作系统的识别var systemVersion="";function brover(){       varbrowser = {           versions: function () {               var u = navigator.userAgent, app =navigator.appVersion;   

css强制换行、超出隐藏和限制行数

1、if (!("a" in window)) {    var a = 1;}alert (a);分析：首先会解析所有函数，其次是var声明的变量，但是不会赋值。因为javascript没有块的概念。像for(var i in array)这里的i依然是全局变量。执行顺序是：    1.var a;//声明一个变量，但是不会赋值    2.if语句，全局变量相当于

一、返回控制与函数结果，语法为：return 表达式;该语句结束函数执行，返回调用的函数，而且把表达式的值作为函数的结果输出 我是一段文字 $(function(){ var aa; $('span').on("click",function(){ aa = add(3,4); alert("打印结果"+aa);

function browserRedirect() {            var sUserAgent = navigator.userAgent.toLowerCase();            var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";            var bIsIphoneOs = sUserAgent.

1、使用javascript，把数组中重复元素去除掉。代码实现如下： // 方法一 var span = document.getElementsByTagName('span')[0]; var arr = ["a","b","c","a",5,8,5,"文天祥","文天祥"，"张三"，"张三"] var len = arr.length

1、使用input标签的type=“file”，上传文件，获取上传文件的文件名和扩展名；代码如下： #mybtn{ width: 100px; height: 30px; font-size: 18px; background-color: lightcoral; text-align: center; }

1、先上代码 *{padding: 0;margin: 0;} .wrap{width: 400px;height: 400px;background-color: lightblue;} .main{width: 100px;height: 100px;background-color: lightgreen;margin-top: 50px;}

火狐浏览器下绝对定位失效 *{padding: 0;margin: 0;} body{position: relative; } .wrap{ width: 200px; height: 200px; background-color: lightcoral; position: absolute; left: 150px;

移动端高清、多屏适配方案转载自：http://www.cnblogs.com/lovesueee/p/4618454.html背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点：

开篇介绍：在CSS中是有三种定位机制的：普通文档流、浮动和绝对定位。在未指定其它两种定位机制的情况下，所有框都是在普通文档流中定位的。1、普通文档流即就是根据块级元素的标签在HTML里的顺序，从上至下，依次排开。行内元素在一行中水平排列的。行元素（行内元素）:在水平方向上修改水品尺寸(padding，margin，border)，能产生相应的效果，垂直方向上对行元素的高度是毫无影响的。

在html中写的有三个input标签和button标签，-的class为firstone，+ 的class为firsttwo-+-+-+jq中的写法var inputFirstString = $('input').eq(0).val(); var inputSecondString = $('input').eq(1).val(); var

1.相邻兄弟选择器       P+b : 同一个父元素下p标签后面的第一个兄弟元素b；2.通用兄弟选择器       p~b : 同一个父元素下p标签后面的所有兄弟元素b；3.属性选择器       将元素属性用于选择器中，从而获取指定元素属性或者值得元素；       语法：       [属性] ： 匹配 "指定属性" 的 "所有" 元素；