实用方法
关注
分享
扫一扫
文章平均质量分 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 · 6820 阅读 · 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 · 7885 阅读 · 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 · 649 阅读 · 0 评论 -
element-ui table行合并--支持多个行 开箱即用
项目中使用table组件的时候，存在合并列或者合并行看element-ui table组件的文档由于数据是动态获取，所以存在合并不方便的场景所以换个思路来实现合并具体代码： <el-table :data="tableData" :span-method="arraySpanMethod" border sty...原创 2019-06-21 09:35:29 · 7488 阅读 · 11 评论 -
-webkit-overflow-scrolling:touch; ios橡皮筋效果卡屏，滚动穿透 --已解决
-webkit-overflow-scrolling 属性MDN中概述 入下-webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果.值选项1、auto使用普通滚动, 当手指从触摸屏上移开，滚动会立即停止2、touch使用具有回弹效果的滚动, 当手指从触摸屏上移开，内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的...原创 2019-05-30 18:48:27 · 2641 阅读 · 0 评论 -
h5页面在安卓手机浏览器上不能上下移动的问题
1、当在css中加入下面样式，会导致页面无法正常上下滑动// css 文件{ touch-action: none; }这行代码后，会导致页面无法正常上下滑动，解决办法：修改为默认值{ touch-action: auto; }或者删除改行样式原因：CSS属性 touch-action 值说明：auto当触控事件发生在元素上时，由浏览器来决定进行哪些操作，比如对viewport进...原创 2019-05-07 15:20:24 · 6522 阅读 · 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 · 7537 阅读 · 0 评论 -
使用canvas制作背景水印
记录使用canvas 制作文字背景水印// 首先创建canvas标签 并设置画布大小 var watchCanvas = document.createElement('canvas'); // 创建canvas标签 watchCanvas.id = 'myCanvas'; // 设置canvas id名 watchCanvas.width = '300'; ...原创 2018-11-07 17:26:50 · 1669 阅读 · 0 评论 -
使用mockjs 模拟前后台交互
使用背景： vue项目 axios使用详情：1、首先安装 # 在项目中安装 npm install mockjs2、在项目中使用在项目中src文件夹下 新建mock文件夹 新建mock.js 和index.js文件 这里面用来生成基础的接口项目结构截图：数据mock.js 文件//-----------------mock.js-------------------...原创 2018-11-03 17:36:07 · 3661 阅读 · 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 · 1860 阅读 · 0 评论 -
传输中文的乱码的原因及解决方式（两次encodeURI()）转码；
.encodeURL函数主要是来对URI来做转码，它默认是采用的UTF-8的编码. . UTF-8编码的格式:一个汉字来三个字节构成，每一个字节会转换成16进制的编码，同时添加上%号.假设页面端输入的中文是一个 “中”，按照下面步骤进行解码1.第一次encodeURI，按照utf-8方式获取字节数组变成[-28,-72-83]，对字节码数组进行遍历，把每个字节转化成对应的16进制数，这样...原创 2018-07-19 14:36:26 · 6281 阅读 · 0 评论 -
使用encodeURI和decodeURI转码和解码
encodeURI() 函数可把字符串作为 URI 进行编码。语法: encodeURI(URIstring) 参数 描述 URIstring 必需。一个字符串，含有 URI 或其他要编码的文本。返回： URIstring 的副本，其中的某些字符将被十六进制的转义序列进行替换。说明 该方法不会对 ASCII 字母和数字进行编码，也不会对这些 A...原创 2018-07-19 13:58:53 · 46845 阅读 · 0 评论 -
iOS 下键盘唤出后，fixed 元素失效
遮罩一般要充满全屏，做好的办法就是设置容器position: fixed; 但是如果遮罩上面的弹框需要输入弹出键盘的话，这时fixed就失效了，比如这种情况解题思路 iOS 下由于软键盘唤出后，页面 fixed 元素会失效，导致跟随页面一起滚动，那么假如页面不会过长出现滚动，那么即便 fixed 元素失效，也无法跟随页面滚动，也就不会出现上面的问题了。那么按照这个思路，如果使 fi...原创 2018-09-13 19:13:34 · 1062 阅读 · 0 评论 -
获取设备的相应宽高；
网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线的高) 网页正文全文宽： document.body.scrollWidth ...原创 2018-09-13 19:12:56 · 249 阅读 · 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 · 20974 阅读 · 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 · 1353 阅读 · 0 评论 -
Clipboard.js 实现点击复制
在开发过程中难免会遇到点击分享的需求，这里有两种实现方式： 第一种： 通过原生js 的方法用（存在兼容性）：document.execCommand( aCommandName, aShowDefaultUI, aValueArgument**)** 参数说明： aCommandName &nb...原创 2018-05-15 18:27:33 · 50993 阅读 · 6 评论