- 博客(36)
- 收藏
- 关注
RSS订阅原创 git仓库迁移，同步分支代码，并且去除仓库的历史提交记录
创建了一个新仓库并且没有之前的历史提交记录，如果不想使用master分支，可以切换成其他分支。4、清除历史提交记录：重写git提交历史，创建新的master空分支。1、创建新git仓库：全新的空git仓库。
2023-12-21 16:03:09
912
原创 babili-webpack-plugin编译后的代码v+‘‘===1,会被压缩成字符串v1
然后翻了下源码 使用了 babel-preset-babili, 继续往下找发现它又使用了babel插件:babel-plugin-minify-constant-folding。这个插件主要功能是将javascript代码中无用的常量、表达式、函数等内容进行折叠并优化。
2023-10-17 11:26:01
199
原创 移动端问题整理
1、字符串反转const reverseStr = str =>{ if (!str) return; return str.split('').reverse().join('');}reverseStr('acb');
2021-09-18 14:03:37
190
原创 echart 折线图去掉折线上面的小圆点
Echart 去掉折线上面的小圆点: 只需要加上symbol: "none"series:[{ symbol: "none", name: "seriesName", type: "line", data: "seriesData" }]
2021-08-04 11:30:34
9292
原创 面试（小红书）
1、http与HTTPS2的区别2、tcp与udp3、cdn？？4、手写发布订阅模式 实现emit/on5、Vue组件通信6、Vue组件 如何渲染成页面的
2021-07-21 19:21:21
367
2
原创 项目中常用方法
1、正则限制范围1~10000,并保留2位小数 reg: /^10000$|^([1-9]\d{0,3})(\.\d{1,2})?$/2、正则限制范围1~10000,并保留2位小数/^\d{1,2}\.\d{1,2}\.\d{1,2}$/g;3、时间控件disabledDate(time) { // let curDate = (new Date()).getTime(); // let beforeDay = curDate - 2 * 24 * 3600 * 1000; /..
2021-07-17 23:39:02
166
原创 UEditor使用及有序无序列表展示不展示问题
最近被提了bug，富文本编辑器的有序无序列表不展示，如下图所示检查后发现有序与无序列表的图片找不到但是Ueditor的原官网访问不了 下载 ueditor-list的插件解压后放到themes目录下并修改ueditor.config.js里listiconpath路径,listiconpath : '../themes/ueditor-list/'即可如有需要再贴上ueditor-list下载包...
2021-07-15 11:26:47
1031
1
原创 await async for循环中的使用
有一需求需要给数组中每一项赋值，我这么写的async mounted() { let list = await this.setArr(); console.log(list, 'list')},methods: { setArr() { let arr = [{id: 1, groupList: []}, {b:1, groupList: []}]; arr.forEach(async item => { it
2021-01-25 16:22:46
2703
原创 mac安装nvm
nvm： Node版本管理工具，允许一个电脑上安装多个node版本，进行版本的切换。nvm install stable //安装最新版 nodenvm install node版本号 //安装指定版本的nodenvm use node版本号 //切换到指定版本的nodenvm alias default node版本号 //设置默认版本1、配置本地代理，以下ip中的一个（百度搜的忘记哪个了，感谢广大网友）命令vim /etc/hosts2、安装nvm命令..
2020-11-22 21:29:00
266
原创 vue-awsome-swiper安装和css引入问题
1、安装npm install swiper vue-awesome-swiper --save# oryarn add swiper vue-awesome-swiper2、css引入问题（进入package.json中先查看swiper的版本号）import Vue from 'vue'import VueAwesomeSwiper from 'vue-awesome-swiper'// import style (>= Swiper 6.x)import 'swipe
2020-09-27 21:23:35
908
原创 2020前端面试题总结
一、css1、栅格布局2、两栏布局左边定宽右边自适应3、css动画 如实现从左到右从右到左4、HTML5新特性5、css实现三角形6、清除浮动的方法和原理7、css哪些属性可以继承哪些不能8、rem em及px之间区别9、垂直居中的方式（定宽与不定宽）二、动画三、vue1、vue里阻止事件冒泡2、watch和computed及methods之间区别3、双向数据绑定的原理4、数据通信的方式四、js1、瀑布流2、跨域及其原...
2020-07-29 22:31:50
258
原创 ERROR in ./src/css/main.css Module build failed (from ./node_modules/mini-css-extract-plugin/dist/
webpack打包项目时，使用插件MiniCssExtractPlugin抽离css，配置如下：rules:[ { test: /\.(css|less)$/, use: [ MiniCssExtractPlugin.loader, "style-loader", "css-loader", "postcss-loader", ], }]运行webp
2020-07-16 16:49:28
5412
原创 MiniCssExtractPlugin 与ExtractTextPlugin
都是用来抽离css样式,防止将样式打包在js中引起页面样式加载错乱的现象extract-text-webpack-plugin 4.0的beta版本才支持webpack4.x 或者使用mini-css-extract-pluginextract-text-webpack-plugin 默认版本 在webpack3.x可用...
2020-07-09 15:47:25
1372
原创 cannot declare a let variable twice
使用webpack打包h5项目后浏览器与安卓手机均没有问题，但是测试的时候发现iphone7，版本为10.3.3，出现以下报错：网上搜索的解决办法，修改webpack里js压缩插件的配置如下new UglifyJsPlugin({ uglifyOptions: { safari10: true, compress: { warnings: false }},...
2020-06-05 13:56:18
987
原创 webpack.optimize.UglifyJsPlugin has been removed, please use config.optimiza
报错如下图：解决：webpack4.x使用mini-css-extract-plugin代替extract-text-webpack-plugin使用方式：也有小伙伴通过升级npm i extract-text-webpack-plugin@next -D 升级后是beta版本所以没有采用
2020-05-27 11:33:11
1153
原创 报错webpack.optimize.UglifyJsPlugin has been removed, please use config.optimization.minimize instead.
我使用的是webpack4.x，报错如下：错误原因是我在webpack.config.js里plugins用了UglifyJsPlugin解决方式：在package.json中修改
2020-05-27 11:15:27
2240
原创 Property propDD has no initializer and is not definitely assigned in the constructor
1、object类型解决方案检测报错代码 @Prop() propDD: object;修改后 方式一 @Prop({ type: Object, default: {} }) propDD: any; 方式二 @Prop() propDD?: object;2、array类型解决方案检测报错代码 @Prop() propF: string[]; @Prop() propG: Array<..
2020-05-19 11:27:31
12351
1
原创 小程序踩坑
使用框架taro1、使用chooseImage获取图片临时路径为wxfile://xxx，结果图片不展示，原因是chooseImage执行后会自动调用useDidShow方法2、使用previwImage预览图片也会执行useDidShow方法...
2020-04-21 13:55:50
777
原创 webpack
1、什么是webpack？webpack是模块打包工具；2、commjs 规范引入moudle.exports= A;var A = require ('../..xx.js);3、es moudle 模块引入export default A ;import A from '../xx.js'...
2020-03-07 11:10:41
315
原创 移动端框架之mand-mobile
技术大佬指定要求使用mand-mobile框架，记录下mand-mobile踩坑点。mand-mobile样式更改，最好使用主题色，使用变量样式覆盖 popup不能多层嵌套 iPhoneX会有问题 ...
2019-09-21 12:05:21
1920
原创 vue3.0代理配置
vue2.0 时经常使用配置代理，proxyTable,如下图3.0脚手架搭建项目后使用proxy，去掉了pathrewrite两者的区别时 proxyTable 配置的代理/qrapi/会替换target里面的地址，而proxy配置的代理/api/会拼接在target后面...
2019-03-06 09:39:26
1614
原创 ios10使用 Clipboard点击无反应
尝试了官网及网上的所有案例，触发事件标签改为button ，在html中加入onclick=“”，但是点击按钮ios都没有反应，后来更换版本号就好使了，目前使用的是1.5.2版本。...
2019-02-19 10:15:18
1323
原创 vue -- Cannot set property 'render' of undefined解决方法
在用vue-cli3做项目，本地run的时候没有问题，打包时报错：Cannot set property ‘render’ of undefined网上有查看解决办法说是组件里写了script标签，没写 export default {}加上这句话之后依旧不好使。查看配置文件，我将打包到的文件目录注释后，就好了。...
2018-12-12 15:55:49
5000
原创 vue-cli3设置代理无效
闲着无聊使用vue-cli3.0搭建了项目，在配置代理后运行的时候出现了如下情况：但是这个接口直接拿地址拼接是能取数据的，如下（不好意思部分数据必须要隐藏哈）：以下是我的vue.config.js,代理配置： 错误原因：pathRewrite中'^/api':’api‘i问题 // 冒号后面的api意思是用‘/api’代替target里面的地址，后面组件中我们掉接口时直...
2018-11-14 17:47:20
22123
9
原创 vue项目中报有关eslint的错，关闭eslint
Errors: 4 http://eslint.org/docs/rules/semi 4 http://eslint.org/docs/rules/quotes 3 http://eslint.org/docs/rules/我在运行vue项目的时候终端报如下报错解决办法，关闭eslint，打开config里面的index.js1、将useEslint
2018-01-10 10:19:02
2548
1
原创 在本地查看打包后的项目
我使用的是vue前端框架，nginx服务器；1、首先在终端输入命令npm run build,文件中会多一个目录dist2、在nginx的nginx.conf中配置如下3、重启nginx4、在浏览器中输入http://localhost:9000/在打包后在本地运行会出现如下错误解决办法如下：1、修改config里面的ind
2018-01-05 14:26:29
1244
原创 溢出显示省略号
单行文本overflow: hidden;text-overflow: ellipsis;white-space: nowrap;多行文本显示省略号在webkit浏览器或者是移动端（绝大部分是用的是webkit内核的浏览器）的页面的页面实现起来比较简单，它需要使用到webkt的css扩展属性-webkit-line-clamp（webkit是私有属性，还有比如 -moz-,-o
2018-01-03 09:54:25
385
转载 git的使用
1、首先安装git，安装完成后，点击鼠标右键如下2、新建一个仓库git config --global user.name Una2(用户名)git config --global user.email 2461005083@qq.com(邮箱)qq.com比如下面以我的githubmkdir myGit (这是创建一个新的文件夹)cd myGitgi
2018-01-02 17:45:07
207
原创 web学习感悟
从事物联网行业的web开发有一年多的时间了，遇到了不少问题每次都是到各个网站解决问题，自己也很少整理。最近公司比较闲，本宝宝决定，从今天起开始写博客，虽然可能技术比较菜，但是宝宝爱学习，哈哈哈-----前端工作忙的时候很忙，显得时候很闲，闲到觉得自己颓废，我已经颓废半个月了，未来还有诗和远方，不能止步于眼前的苟且。
2017-12-29 15:40:05
1269
原创 label标签中for的使用
label 中for标签的作用 点击label后也会出现和点击button一样的效果其label中的for的值是服务元素的Id，绑定指定id的元素，点击label后会激活相应的控件
2017-12-29 14:34:08
2726
原创 短信验证码获取
短信验证码获取（等待时间为Num=60s） <button id='btn'>点击获取验证码</button><script src="http://code.jquery.com/jquery-2.1.1.min.js"></script><script> $(function () { var Num = 60; function getNumber() { v
2017-12-29 13:52:00
617
原创 使用vue搭建的项目
全局安装脚手架vue-cli（要有node环境）npm i vue vue-cli -g以webpack为模板创建项目vue init webpack myproject进入目录cd myproject 安装所需的依赖包npm install 运行npm run dev
2017-12-27 11:30:54
308
转载 三种本地存储方式
当网页要发http请求时，浏览器会先检查是否有相应的cookie，有则自动添加在request header中的cookie字段中。这些是浏览器自动帮我们做的，而且每一次http请求浏览器都会自动帮我们做。这个特点很重要，因为这关系到“什么样的数据适合存储在cookie中”。存储在cookie中的数据，每次都会被浏览器自动放在http请求中，如果这些数据并不是每个请求都需要发给服务端的数据
2017-12-27 10:49:06
1828
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人