- 博客(60)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 8.x提示报错
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...
2019-12-13 15:38:23
534
原创 create-react-app中使用axios请求本地json文件
在create-react-app创建react应用时，模拟本地请求静态json文件，必须把静态文件放到public下才可以请求到。
2019-09-01 12:14:03
2710
原创 页面布局--三栏布局，高度已知，两边宽度固定，中间自适应实现方式
题目：假设高度已知，三栏布局，其中左栏和右栏宽度为200px，中间自适应全局样式 html *{ padding: 0; margin: 0; } .layout{ margin-top: 20px; } .layout article div{ min-height: 100px; }1、浮动布局...
2018-08-03 15:22:55
1251
原创 Promise和ajax配合使用
1、声明Promise对象的方式。创建Promise对象，根据业务需求判断执行成功或者失败，成功调用resolve(),失败调用reject（）// 方法1let promise = new Promise ( (resolve, reject) => { if ( success ) { resolve(res) } else { ...
2018-08-03 14:16:45
3154
原创 微信浏览器中清楚缓存
1、最近在开发微信公众号中，写好的H5页面在微信中遇到了缓存，给开发和测试造成了不少麻烦。分别总结了ios和Android清除缓存的方法。2、Android中在微信任意窗口中国打开http://debugx5.qq.com ，在弹出的页面中选择，cookie、文件缓存、广告过滤缓存、DNS缓存，勾选，然后点击“清除”按钮就行了。3、IOS清除缓存在微信中找到“我--设置--通用...
2018-07-26 14:09:05
6689
1
原创 安装vue-cli 4058错误解决办法
一、在使用vue脚手架的时候执行命令npm i -g vue-cli出现如下报错npm WARN checkPermissions Missing write access to C:\Users\liuyg\AppData\Roaming\npm\node_modules\vue-cli\node_modules\cliui\node_modules\wordwrapnpm ERR! p...
2018-07-17 19:16:09
3070
原创 JS数组的深拷贝和浅拷贝
一、浅拷贝在js中操作数组过程中，会需要把数组进行备份，直接赋值如下：//浅拷贝 直接赋值吧var arr1 = ["前端","安卓","苹果"];var arr2 = arr1;arr2[0] = "后端";console.log("原始值：" + arr1 );//后端,安卓,苹果console.log("新值：" + arr2);//后端,安卓,苹果理解：对于数组，如果只
2018-07-10 19:21:24
2011
原创 Js中对象的深拷贝和浅拷贝
浅拷贝：只拷贝对象的基础属性值，对属性值为对象或数组的属性则拷贝指针。 深拷贝：拷贝对象的所有属性作为一个全新的对象。拷贝前后的对象互不影响。浅拷贝仅仅是指向被复制的内存地址，如果原地址中对象被改变了，那么深拷贝出来的对象也会相应改变。一、对象引用对象引用容易理解，直接赋值，修改复制后的数组，原对象会随之改变。//对象引用var boy = { age:18 }var girl = ...
2018-07-10 18:19:44
5896
2
原创 JavaScript函数参数中值传递和引用传递
先看一段代码//引用传递 以数组为例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...
2018-06-06 11:14:07
1119
原创 移动端300ms延迟的由来及解决方案
一、移动端300ms点击延迟的前因后果一般情况下，如果没有经过特殊处理，移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟。也就是说，当我们点击页面的时候移动端浏览器并不是立即作出反应，而是会等上300ms才会出现点击的效果。在移动WEB兴起的初期，用户对300ms的延迟感觉不明显。但是，随着用户对交互体验的要求越来越高，目前移动端300ms的点击延迟逐渐变得明显而无法忍受，那么，移...
2018-06-04 17:29:21
619
原创 移动端1px像素问题及解决办法
在移动端web开发中，UI设计稿中设置边框为1像素，前端在开发过程中如果出现border:1px，测试会发现在某些机型上，1px会比较粗，即是较经典的移动端1px像素问题。首选先看一下，pc时代和移动端时代对1px的对比。一、像素的理解 像素是网页布局的基础。一个像素就是计算机能够显示一种特定颜色的最小区域。当设备尺寸相同但像素变得更密集时，屏幕能显示的画面的过渡更细...
2018-06-04 14:31:35
19407
原创 跨域问题及jsonp解决方案
1、前后端未分离： 前端代码及请求数据接口都在同一个服务器上,前端代码测试依赖服务器2、前后端分离： 静态服务器：运行前端代码 后台服务器：运行数据接口服务器3、同源策略 同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。所以a.com下的js脚本采用ajax读取b.com里面的文件数据是会报错的。4、跨域分析：ajax/ifram...
2018-06-02 17:53:04
3925
原创 取消长按移动端Web页面，出现弹框
禁用图片弹框，给img标签加上 img{ pointer-events: none; //元素永远不会成为鼠标事件的target -webkit-user-select: none; -moz-user-select: none; -webkit-user-select:none; -o-user-select:none; user-sele...
2018-05-29 13:44:51
2016
原创 ES6中Promise浏览器兼容问题解决办法
1、在项目中使用到了ES6的Promise对象，代码在谷歌浏览器中正常运行，而在360浏览器下的兼容模式下，IE内核是不支持Promise的。2、通过can i use网站https://caniuse.com/）查到的ES6 promise的支持情况3、要是在项目中使用Promsie对象，解决方法是使用第三方插件bluebird.js（github地址：https://github.com/pe...
2018-05-17 16:58:04
22399
2
原创 echarts中toolbox增加自定义图标和事件
1、echarts提供了丰富的图标，如提供了 saveAsImage保存图片 restore 配置项还原 dataView数据视图工具 dataZoom 数据区域缩放 magicType 动态类型切换 brush 选择组件的控制按钮等。2、在实际开发过程中，根据需求需要自定义图标及功能3、实现方式：除了各个内置的工具按钮外，还可以自定义工具按钮。echarts官方配置文档中中为注意，自定义的工...
2018-05-15 10:21:34
28924
5
转载 js获取iframe和父级之间元素，方法、属，获取iframe的高度自适应iframe高度
1、在父页面 获取iframe子页面的元素（在同域的情况下 且在http://下测试，且最好在iframe onload加载完毕后 dosomething...）js写法a、同过contentWindow获取也有用contentDocument 获取的 但是contentWindow 兼容各个浏览器，可取得子窗口的 window 对象。contentDocume
2018-05-09 14:07:46
4988
转载 ES6中箭头函数与普通函数this的区别
普通函数中的this:1. this总是代表它的直接调用者, 例如 obj.func ,那么func中的this就是obj2.在默认情况(非严格模式下,未使用 'use strict'),没找到直接调用者,则this指的是 window3.在严格模式下,没有直接调用者的函数中的this是 undefined4.使用call,apply,bind(ES5新增)绑定的,this指的是
2018-04-02 16:27:50
495
原创 ios input输入框type=search，软键盘搜索按钮
在ios中input输入内容后搜索，html提供type=search的模式，但是软键盘弹起后，键盘上没有“搜索”，必须在input外层加上form，必须有action<form action=""><input type="search" placeholder="" placeholder="请输入搜索" /></form>...
2018-03-29 16:02:52
12427
原创 html在移动端IOS点击闪屏问题
1、在实际的html移动端开发时，在移动端IOS，点击屏幕会出现闪屏的效果，如何去除闪屏，可以在html或者body{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
2018-03-29 15:37:01
4582
原创 ios手机设置input为readonly后，解决仍会获得焦点弹起软键盘
可以在input中添加unselectable="on" onfocus="this.blur()"最终为<input type="text" readonly="readonly" unselectable="on" onfocus="this.blur()"/>
2018-03-12 16:55:23
6691
原创 placeholder兼容性问题
1、输入框提示信息在placeholder为普遍应用之前，普遍采用使用JavaScript来实现输入框提示。HTML5提供了placeholder来帮助实现提示，不需要任何的JavaScript。只需要在你的input文本框的标记上添加HTML5规范里新增的placeholder属性，然后在属性值里输入你需要的提示信息。如下所示：2、可以通过CSS3来美化placeholder提示信息的样
2018-02-07 12:00:15
497
原创 使用宏批量修改word中图片大小
word中使用宏修改图片大小，图片大小相同1、打开word中视图选项卡，选择“宏”->“输入宏名”->“创建”2、编辑宏输入下面代码Sub FormatPics() Dim iSha As InlineShape For Each iSha In ActiveDocument.InlineShapes If iSha.Type = wdInlineShapePi
2018-02-07 11:49:09
18848
转载 jquery 父、子页面之间页面元素的获取，方法的调用
一、jquery 父、子页面之间页面元素的获取，方法的调用：1. 父页面获取子页面元素： 格式：$("#iframe的ID").contents().find("#iframe中的控件ID").click(); 实例：$("#ifm").contents().find("#iBtnOk").click(); // ifm 为 标签 id; iBtnOk
2018-02-07 11:31:18
415
原创 ajax动态获取select中option内容，并添加点击事件
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
2018-02-07 11:22:28
6445
1
原创 只保留表格表头，其他内容清空
使用jquery只保留表格中表头一行，其他的内容代码清空的代码。$("table tr:not(:first)").remove();
2018-02-07 11:12:37
2934
原创 html和word中字体对应
1、开发中需要使用freemarker导出word，需要前端人员写html模板，在开发中遇到了word中字体和css中字体对应的问题，经过试验如下：word字字号word字体值(pt)Css字体大小(px)初号44pt58.6小初36pt48一
2018-02-07 10:54:15
6563
1
原创 pc端点击图片放大效果
1、在pc端会遇到点击图片，然后让页面添加蒙版，图片居中放大的效果；效果图如下2、代码实现方式：问题解决 图片放大 body{background-color: #E8E8E8;} $("body").on('click','
2017-10-12 13:58:23
7476
1
原创 jquery.ajax()向后台传递数组数据问题，java后台无法接受
使用jquery ajax前端向后台传数据的时候有时候会传数组数据，而java后台同学接收到的数据不对，添加traditional：true问题解决
2017-10-12 10:29:43
5261
原创 js获取上一页访问的URL地址
返回上一页我们可以使用history.go(-1)或者history.back();document.referrer记录上一页的url
2017-10-11 16:49:43
4019
原创 jquery修改输入框和文本域的placeholder
在项目中遇到输入框的重置按钮，重置的内容是需要把input输入框中的内容置空，并且显示placeholder的值；如果使用$('input').val(' ');的方式不仅把输入框中的内容置空了，并且输入框的placeholder也为空了；经过测试可以使用一下两种方式1、方法一使用defaultValue2、方法二使用attr()方法 点击1、方法一$('button').on('click',function(){ $
2017-08-23 16:22:35
23058
4
原创 jquery的表单事件
表单事件是web开发中常用的事件，以jquery为例，梳理一下jquery的表单事件。1、blur事件为元素，失去焦点的时候触发的。2、focus事件为元素，获取焦点的时候触发的。3、change事件，和的值都是可以发生改变的，可以通过change事件监听元素改变的动作，input元素：监听input中value值的变化，当value改变时，失去焦点后触发c
2017-08-22 17:44:15
1240
原创 jquery键盘事件及keycode大全
jquery的键盘事件分为keypress、keydown和keyup事件一、键盘事件1、keypress()事件keypress当按钮被按下时，会发生该事件，我们可以理解为按下并抬起同一个按键。2、keydown()事件当按钮被按下时，发生 keydown 事件。3、keyup事件keyup 事件会在按键释放时触发，也就是你按下键盘起来后的事件
2017-08-22 16:54:16
32293
1
原创 iphone/safari手机不支持keyup事件的解决办法
需求：在移动端使用html5做模糊搜索的时候，需要根据用户在input输入框中输入的内容，进行模糊匹配。首先根据的键盘事件，keydown() keypress() keyup()，由于keyup事件是在按键释放时触发，也就是按下键盘起来后的事件，因此选用的是keyup事件。但是keyup在ios手机原生的输入法是不支持的，但是在ios端第三方的输入法搜狗输入法是支持的，为了兼容性，不能使
2017-08-22 16:20:33
3972
原创 html中实现添加水印的功能
最近项目需求中需要在html中添加水印效果，试验了一下几种方法1、使用背景图添加水印2、使用定位添加水印3、使用js添加可配置控制水印
2017-08-21 18:45:24
30215
原创 注册登录时输入11位手机号，不能输入字母和特殊字符，input number类型去掉上下加减箭头
1、如果使用type=“number”，则为造成能输入“-”、‘+’和“.”，在type为number的时候要可以输入加号、减号和小数点的。2、在为number类型时，会产生上下可以加减的箭头3、限制输入框为只能输入最大为11为数字4、密码输入为6-16为数字和字母的组合
2017-08-08 15:34:30
8627
原创 user agent stylesheet浏览器默认样式及样式重置
1、user agent stylesheet是浏览器默认样式表，是浏览器默认样式。2、不同浏览器的默认样式不同个，甚至同种浏览器不同版本的默认样式也可能不同。其中google中对body的默认样式为margin：8px；3、前端开发者在开发网页的时候如果考虑适配不同浏览器的不同默认样式，一般是采用重置浏览器的默认样式例如：html{height:100%; width:1
2017-08-08 13:52:43
13774
1
原创 HTML页面跳转的方法
1、html中使用meta中跳转，通过meta可以设置跳转时间和页面 2、a标签直接跳转百度一下3、通过javascript中实现跳转// 直接跳转window.location.href='index.html';// 定时跳转setTimeout("javascript:location.href='index.html'", 5000);其
2017-07-28 12:05:37
220674
5
原创 去除input默认的加减号
input标签有type=number的时候，默认情况下有加减号的功能，去除默认的加减号为input[type='number'] { -moz-appearance:textfield;}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
2017-07-19 16:34:52
2136
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人