![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
实用方法
文章平均质量分 54
moguPeople
一个切图仔~
展开
-
npm ERR! Unexpected token in JSON at position 1 while parsing near
执行npm 任何命令报错npm ERR! Unexpected token < in JSON at position 1 while parsing near 'npm ERR! <!doctype html>npm ERR! <htm...'npm ERR! A complete log of this run can be found in:报错如下图:...转载 2020-01-17 16:30:51 · 6691 阅读 · 3 评论 -
element-ui 日期组件最大日期和最小日期限制
element-ui 日期组件最大日期和最小日期<el-date-picker v-model="transactionDate" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" placeholder="选择日期" value-format=...原创 2019-12-04 17:02:30 · 7766 阅读 · 0 评论 -
Chrome 安装React developer tools 工具方法
安装chrome插件方法一 适合有有梯子的打开Chrome ->点击右上角 三个竖点 ->更多工具 ->扩展程序 ->点击左上角扩展程序->左下角chrome网上应用商店搜索React developer tools 点击安装方法二 没有梯子1、到react-devtools的源码仓库 https://github.com/facebook/react...原创 2019-07-09 14:00:56 · 607 阅读 · 0 评论 -
element-ui table行合并--支持多个行 开箱即用
项目中使用table组件的时候,存在合并列或者合并行看element-ui table组件的文档由于数据是动态获取,所以存在合并不方便的场景所以换个思路来实现合并具体代码: <el-table :data="tableData" :span-method="arraySpanMethod" border sty...原创 2019-06-21 09:35:29 · 7420 阅读 · 11 评论 -
-webkit-overflow-scrolling:touch; ios橡皮筋效果卡屏,滚动穿透 --已解决
-webkit-overflow-scrolling 属性MDN中概述 入下-webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果.值选项1、auto使用普通滚动, 当手指从触摸屏上移开,滚动会立即停止2、touch使用具有回弹效果的滚动, 当手指从触摸屏上移开,内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的...原创 2019-05-30 18:48:27 · 2424 阅读 · 0 评论 -
h5页面在安卓手机浏览器上不能上下移动的问题
1、当在css中加入下面样式,会导致页面无法正常上下滑动// css 文件{ touch-action: none; }这行代码后,会导致页面无法正常上下滑动,解决办法:修改为默认值{ touch-action: auto; }或者删除改行样式原因:CSS属性 touch-action 值说明:auto当触控事件发生在元素上时,由浏览器来决定进行哪些操作,比如对viewport进...原创 2019-05-07 15:20:24 · 6169 阅读 · 1 评论 -
ios上input的focus()、autofocus无效处理
出现focus无效原因:ios的UIWebView 默认的KeyboardDisplayRequiresUserAction为false,设置为true就行,WKWebView 不支持这个属性,如果要从原生入手解决,请参考https://stackoverflow.com/questions/32407185/wkwebview-cant-open-keyboard-for-input-fie...转载 2019-04-28 15:16:12 · 7286 阅读 · 0 评论 -
使用canvas制作背景水印
记录使用canvas 制作文字背景水印// 首先创建canvas标签 并设置画布大小 var watchCanvas = document.createElement('canvas'); // 创建canvas标签 watchCanvas.id = 'myCanvas'; // 设置canvas id名 watchCanvas.width = '300'; ...原创 2018-11-07 17:26:50 · 1608 阅读 · 0 评论 -
使用mockjs 模拟前后台交互
使用背景: vue项目 axios使用详情:1、首先安装 # 在项目中安装 npm install mockjs2、在项目中使用在项目中src文件夹下 新建mock文件夹 新建mock.js 和index.js文件 这里面用来生成基础的接口项目结构截图:数据mock.js 文件//-----------------mock.js-------------------...原创 2018-11-03 17:36:07 · 3592 阅读 · 0 评论 -
利用express+node 建立本地服务器并利用node代理处理跨域请求;
第一步 下载安装node.js 第二步 初始化文件夹 命令: npm init 然后一路回车 第三步 安装express,ejs, request, npm install express ejs request –save-dev 在初始化文件下新建nodeServer.js...原创 2018-07-30 16:18:33 · 1822 阅读 · 0 评论 -
传输中文的乱码的原因及解决方式(两次encodeURI())转码;
.encodeURL函数主要是来对URI来做转码,它默认是采用的UTF-8的编码. . UTF-8编码的格式:一个汉字来三个字节构成,每一个字节会转换成16进制的编码,同时添加上%号.假设页面端输入的中文是一个 “中”,按照下面步骤进行解码1.第一次encodeURI,按照utf-8方式获取字节数组变成[-28,-72-83],对字节码数组进行遍历,把每个字节转化成对应的16进制数,这样...原创 2018-07-19 14:36:26 · 6224 阅读 · 0 评论 -
使用encodeURI和decodeURI转码和解码
encodeURI() 函数可把字符串作为 URI 进行编码。语法: encodeURI(URIstring) 参数 描述 URIstring 必需。一个字符串,含有 URI 或其他要编码的文本。返回: URIstring 的副本,其中的某些字符将被十六进制的转义序列进行替换。说明 该方法不会对 ASCII 字母和数字进行编码,也不会对这些 A...原创 2018-07-19 13:58:53 · 46478 阅读 · 0 评论 -
iOS 下键盘唤出后,fixed 元素失效
遮罩一般要充满全屏,做好的办法就是设置容器position: fixed; 但是如果遮罩上面的弹框需要输入弹出键盘的话,这时fixed就失效了,比如这种情况解题思路 iOS 下由于软键盘唤出后,页面 fixed 元素会失效,导致跟随页面一起滚动,那么假如页面不会过长出现滚动,那么即便 fixed 元素失效,也无法跟随页面滚动,也就不会出现上面的问题了。那么按照这个思路,如果使 fi...原创 2018-09-13 19:13:34 · 977 阅读 · 0 评论 -
获取设备的相应宽高;
网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.body.scrollWidth ...原创 2018-09-13 19:12:56 · 225 阅读 · 0 评论 -
使用xlsx.full.min.js处理excel表格(主要将数据转化为excel表并实现下载)
需要文件xlsx.full.min.js&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&转载 2018-10-08 14:17:15 · 20741 阅读 · 3 评论 -
利用xlsl.full.js导入excel表格
需要的文件 xlsx.full.min.js &lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&a转载 2018-10-08 14:17:45 · 1296 阅读 · 0 评论 -
Clipboard.js 实现点击复制
在开发过程中难免会遇到点击分享的需求,这里有两种实现方式: 第一种: 通过原生js 的方法用(存在兼容性):document.execCommand( aCommandName, aShowDefaultUI, aValueArgument**)** 参数说明: aCommandName &nb...原创 2018-05-15 18:27:33 · 50878 阅读 · 6 评论