- 博客(24)
- 收藏
- 关注
RSS订阅原创 Webpack实战-入门、进阶与联调小结
何为Webpack使用 Webpack 的意义如何开始一个 Webpack 工程1、Webpack 是一个开源的 JavaScript模块打包工具，其最核心的功能是解决模块依赖，把各个模块按照特定的规则和顺序组织在一起，最终合并成1个/多个 JS 文件。2、随着技术发展，JS 承担的功能多了代码也增多。产生一些不好维护的地方：需要手动维护 JS 的加载顺序。多个 script 之间通常会有隐式依赖关系，页面多的时候容易出问题。
2024-01-15 10:25:49
849
原创 vscode打包调试vue项目
打包后点击 preview后面的运行，终端就能看到一个地址，浏览器打开就可以查看打包后的效果，跟放到测试环境效果一样，这样节省了发到测试环境调试时间。如果没有请点击左侧菜单栏右上角三个点点，勾选NPM脚本就可以看到了。vscode左侧菜单有NPM脚本，打包预览。，但是打包后放到测试环境，可能原因：哪里导致页面卡死。
2024-01-08 10:26:25
414
原创 vscode插件
提交记录，点击想看的提交记录就可以看到都修改了哪些文件，非常清晰明了。鼠标放到代码会展示修改人员；鼠标悬浮到文字上可以展示详细内容。vscode左侧扩展，输入插件名搜索并点击。vscode底部左侧会多一个选项，点击。前两个很实用，其他的基本都有后续再补充。，弹窗一个新窗口可以查看提交记录。
2024-01-06 11:25:56
388
原创 Vue3+Pinia+keep alive移动端缓存列表页
vue3移动端使用keep-alive缓存列表页，详情页返回列表页缓存，回到首页不缓存
2023-10-17 11:25:32
298
1
原创 Vue3 + Vant4使用List列表和PullRefresh下拉刷新更新列表使用记录
使用vantlist时遇到的一些坑和结合下拉加载更多展示
2023-10-13 16:55:25
907
原创 scss给不包含某个规则开头的类名添加颜色
按钮四种状态：normal（普通状态）、hover（悬停状态）、active（活动状态）和focus（聚焦状态）上面两种写法效果：除了Defailt按钮，其他按钮含。这里活动状态定义了一种灰色，其他状态是另一种灰色。开头的类名就是默认按钮，那给不包含的。设置样式就不会影响其他按钮。的四种状态设置自定义颜色。
2023-07-27 16:59:39
130
1
原创 vscode卸载时还需要清空code配置
这可能是由于未完全清除之前安装的版本所导致的问题。除了卸载 Visual Studio Code，还需要删除相关的配置文件和文件夹，以确保完全清除旧版本。
2023-07-25 16:34:21
777
原创 Angular 通过 HostListener 监听DOM点击事件
原因： 因为blur事件添加了loading层，点击“按钮”被 loding层挡住了，现在要的效果是失焦时就需要触发该按钮的事件。前景： 表单某一项输入框 blur 事件需要更新右侧数据（调接口），为防止误触增加了loding弹层。需求： 修改表单这个值后未失焦时鼠标放到“按钮”上，并点击了按钮，需要触发“按钮”功能。该装饰器只会在当前组件生效，不需要考虑清除全局监听。参考文章，计算元素距离顶部距离，和评论第一条。
2023-07-13 13:32:18
491
1
转载 开发用得到的 JS 优化技巧
从文章摘取一些我记不住又觉得好用的, 感兴趣可以看原文1. 含有多个条件的if语句我们可以在数组中存储多个值，并且可以使用数组的includes方法// longhandif (x === 'abx' || x === 'def' || 'x' === 'ghi') { // logic}// shorthandif (['abx', 'def', 'ghi'].includes(x)) { // logic}2.比较结果的返回在 return 语句中, 我们
2021-04-01 18:35:48
100
转载 JS对URL进行转码与解码
用途用于js对字符串编码 escape()用于整个url编码 encodeURL()用于参数传递编码 encodeURIComponent()详解1.escape 和 unescapeescape()不能直接用于URL编码，它的真正作用是返回一个字符的Unicode编码值。采用unicode字符集对指定的字符串除0-255以外进行编码。所有的空格符、标点符号、特殊字符以及更多有联系非ASCII字符都将被转化成%xx格式的字符编码（xx等于该字符在字符集表里面的编码的16进制数字
2021-01-25 13:44:27
541
原创 vue仅使用腾讯地图根据城市名称获取经纬度
方式一: 下载插件1.下载npm install qqmap --save 2.使用// 2.1引入import maps from 'qqmap'export default { mounted () { // 方法调用 this.getLatitude('北京', '北京市', '通州区') }, methods: { // 2.2 获取经纬度方法 getLatitude (province, city, countytown) { con
2020-12-11 13:22:40
940
原创 js限制input输入文本2个字符英文1个字符
js限制input输入文本2个字符英文1个字符<input type="text" v-model="comodMark" @input="changeValue" />changeValue (el) { let value = el.target.value // 最长4个字符 (需求限制4个字符) if (value.length > 4) { value = value.substring(0, 4) }
2020-11-09 16:52:55
478
原创 vue 添加特殊字体使用
// 项目引用iconfont 直接加在iconfont.css@font-face {font-family: "sentyTea"; src: url('./sentyTea.ttf') format('truetype'); }下载特殊字体 放到指定font文件夹下面// 使用.logo { font-family: sentyTea;}特殊字体引用加载在别的文件会报...
2020-03-04 20:22:07
249
原创 iview的datePicker控件日期限制
<DatePicker type="daterange" placement="bottom-end" :editable='editable' :clearable='editable' :options="timeOption" placeholder="Select date" style="width: 200px"></Dat...
2020-03-04 10:21:55
1670
2
原创 js判断时间跨度是否超过3个月
前景: vue + iview的datePicker组件 , 需求 选择时间范围不能超过三个月!第一次写博客纪录,参考了几位不同大佬的方法组合写的1.先判断获取每个月有多少天 (含平润年)data: ‘2020-02-27’getMonthDay (date) { let baseMonthsDay = [31,28,31,30,31,30,31,31,30,31,30,31]...
2020-02-28 00:12:20
3916
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人