web前端
Two_Too
Come morning light~~~~~~~辛勤工作,劳有所获。
展开
-
npm/yarn 安装包报错网络连接失败
设置淘宝镜像地址:npm config set registry https://registry.npm.taobao.orgnpm config set disturl https://npm.taobao.org/distyarn config set registry https://registry.npm.taobao.orgyarn config set disturl https://npm.taobao.org/dist原创 2021-12-28 18:10:34 · 1467 阅读 · 0 评论 -
函数式编程思维
1.纯函数对于相同的输入,永远会得到相同的输出,而且没有任何可观察的副作用,也不依赖外部环境的状态。 var xs = [1,2,3,4];//Array.slice是纯函数,因为它没有副作用,对于固定的输入,输出总是固定的xs.slice(0,2);xs.splice(0,2); //会改变源数据,非纯函数 优缺点: import _ from 'loadsh';var sin = _.memorize(x => Math.sin(x));//第一次计算原创 2021-09-30 14:05:04 · 1199 阅读 · 2 评论 -
css文本溢出显示省略号,以及会遇到的坑
1.需要控制的html加上样式:white-space: nowrap;overflow: hidden;text-overflow: ellipsis;2.多行溢出display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;3.在纯文字的时候没有问题,当内容是字母或者数字时出现问题,需要加上:word-break:break-all;word-w.原创 2021-07-14 14:04:50 · 208 阅读 · 0 评论 -
element级联选择器懒加载,清空踩坑
lazy: true,async lazyLoad (node, resolve) { const { level } = node let params = {} if (level >= 1) { let res = await api if (res.success && res.data) { let newArr = [] //用于回显数据与新数据去重 i.原创 2021-05-08 14:25:19 · 822 阅读 · 0 评论 -
前端性能优化之必备良品,防抖和节流
1.防抖 什么是防抖? 动作绑定事件,触发事件,但不立即执行动作在一定时间后执行,在这段时间内,反复触发时间,则重新等待一定的时间后在执行动作。 通俗一点讲防抖就是多次触发,在停止触发一定时间后执行操作。常用于搜索时的优化,避免用户未输入完成不停的查询,还有防止多次点击按钮多次请求等等。 实现代码如下:debounce(fn, delay) { let timer = null; return function ()...原创 2020-11-26 16:55:09 · 207 阅读 · 0 评论 -
antd design pro 4富文本编辑器braft-editor
最近在使用antd design pro 4.0设计知识库版本管理富文本编辑器选择了 tinymce-react中文文档地址:http://tinymce.ax-z.cn/general/basic-setup.php英文文档地址:https://www.tiny.cloud/docs/npm install --save @tinymce/tinymce-react...原创 2020-09-27 11:10:29 · 1619 阅读 · 0 评论 -
android打包之后无法访问HTTP的问题
这篇文章简单粗暴一点。ionic4+angular7+cordova用命令行构建项目:1.ionic cordova platform add android2.完成之后找到文件 platforms\android\app\src\main\AndroidManifest.xml3.在application里配置:android:usesCleartextTraffic...原创 2020-04-16 17:19:34 · 1450 阅读 · 0 评论 -
ionic4使用扫码插件QRscanner无法识别一维码条码解决方法
最近在开发PDA项目,使用angular7+ionic4+cordova项目,需要支持扫码一维码(条码)和二维码,于是我选择QR scanner扫码插件。令人头大的问题出现了,qr scanner能识别出二维码,但是一维码无法识别。。。。。。后来发现配置一下编码格式可以解决这个问题。1.QR Scanner版本3.0.1找到文件 plugins\cordova-plu...原创 2020-04-16 16:54:04 · 1093 阅读 · 0 评论 -
谷歌修改useragent,chrome模拟微信、QQ内置浏览器
1、首先咋模拟时,需要用到UA,微信和 QQ 内置浏览器 UA 安卓 QQ 内置浏览器 UA: Mozilla/5.0 (Linux; Android 5.0; SM-N9100 Build/LRX21V) > AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 > Chrome/37.0.0.0 Mobile Safari...原创 2019-07-16 09:10:42 · 6101 阅读 · 0 评论 -
vue文件上传和下载,excel上传和下载,vue使用FormData上传excel文件,使用blob下载文件
一、excel文件上传 1、html代码:<el-button size="mini" :plain="true" class="file-box" type="button"> 导入 <input id="up" ref="file" type="file" class="file-btn" @change="inputCustomProd...原创 2019-06-25 11:10:53 · 2678 阅读 · 0 评论 -
vue cli3.0如何定位css所在的vue文件及行数
1.第一种: 老版本的在config里面index.js,设置 cssSourceMap:true2.第二种: 在vue cli3.0版本,新建vue.config.js文件在其中配置 css:{ sourceMap: true }配置完成后,重启项目,打开谷歌调试...原创 2019-05-13 11:43:20 · 2000 阅读 · 0 评论 -
echarts踩坑,dataZoom和X坐标系文字重叠解决方法
找到echarts中的grid配置 :代码写入bottom属性:grid:{ bottom: "70px"}完成效果:原创 2019-04-19 16:14:44 · 6186 阅读 · 0 评论 -
微信小程序,如何去掉或修改button的边框、圆角
在写微信小程序的时候遇到了这样的问题: index.wxml文件设置按钮:<button>按钮</button> index.wxss设置按钮的样式为:button{ border:none; border-radius:0;}发现样式并没有起效果,这是因为微信小程序button的边框、圆角是通过button::after设置的,这样写...原创 2018-04-09 16:28:32 · 5033 阅读 · 3 评论 -
windows10使用git报错 fatal:open /dev/null or dup failed: No such file or directory解决方案或git bash here闪退
安装好git之后,在命令行输入git --version报错 百度搜了很久全凉了,试过sfc/scannow命令,失败。。。。。。试过替换C:WINDOWS\system32\drivers\null.sys文件,还是失败。。。。。心态很不稳定 在挣扎了很久,问了大佬之后,找到这种方法: 首先打开regedit ...原创 2018-06-27 18:01:25 · 3351 阅读 · 3 评论 -
react警告:setState(...): Cannot update during an existing state transition (such as within `render` or
在使用react的时候,发现一个警告 Warning: setState(...):Cannot update during an existing state transition (such as within `render` or another component's constructor). Render methods should be a pure function of ...原创 2018-09-13 16:15:16 · 5364 阅读 · 0 评论 -
vue开发移动端android打包Webstorm+cordova打包vue成Android项目
一. 打包vuevue项目开发完成后,使用 npm run build打包成功之后,打开生成的dist文件夹中的 index.html,看看是不是ok的,没问题就继续下一步。二. 使用cordova打包android项目1. 新建cordova项目全局安装cordova:npm install -g cordova创建cordova项目:cordova c...原创 2018-10-18 16:07:00 · 6392 阅读 · 0 评论 -
关于cordova打包的android项目,禁止随手机系统改变字体大小的解决方法
1. 我用的是最新版的cordova,在项目根目录下找到node_modules\cordova-android\framework\src\org\apache\cordova\engine\SystemWebViewEngine.java我先开始找到的是上面的文件,但是我重新用命令行打包android的时候,添加的 settings.setTextZoom(100); 代码神奇的不见...原创 2018-10-19 12:36:55 · 1235 阅读 · 7 评论 -
个人真实面试总结,前端面试题记录2021补充版
最近去面试了几家公司,总结一下面试官问过的问题。。。。一、本地缓存localStorage:这是一种持久化的存储方式,也就是说如果不手动清除,数据就永远不会过期。localStorage的优势1、localStorage拓展了cookie的4K限制2、localStorage会可以将第一次请求的数据直接存储到本地,这个相当于一个5M大小的针对于前端页面的数据库,相比于co...原创 2018-12-05 11:38:09 · 552 阅读 · 0 评论 -
gitee码云克隆项目账户密码输入错误解决方法
今天盆友发给我一个项目,非常兴奋的打开命令行开始克隆,第一次克隆gitee的项目,一激动账户密码输错了。在命令行重新输入账户和密码不起作用,脑瓜疼呀~~~~~~~经过一番查找资料,发现输错密码,不能用命令行更改,,,,找到了一种方法: 1.打开电脑的控制面板,找到凭据管理器2.打开凭据管理器之后,选择 windows凭据 ,找到gite...原创 2018-12-17 12:59:53 · 17532 阅读 · 22 评论 -
vue实现国际化,vue+i18n+element国际化
安装国际化语言插件vue-i18n:npm install vue-i18n --save本文使用的i18n版本:8.10.01.创建语言包:CH.json{ "errText": { "err_tel": "手机号码格式错误!", }}EN.json{ "errText": { "err_tel": "Mobile ph...原创 2019-04-18 16:03:16 · 497 阅读 · 0 评论 -
理解,JS全局预处理与执行
1.使用var定义的变量被加到预处理的词法环境中: function f() {// 函数执行时会首先对a进行预处理 var a; console.log(a); //a为undefined console.log(b); //报错 b is not defined var a=5; //为a赋值 a=...原创 2018-03-08 17:23:29 · 290 阅读 · 0 评论