logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

JSON报错JSON转换失败JSON转译失败(快速解决方法,附详细注释)

解决JSON转译报错 本地缓存自定义过期时间由于localStorage暂未定义过期时间,需要自定义过期时间,实现原理非常简单:在存储数据的同时,记录下当时的时间戳,在读取数据时,读取当前时间戳进行对比即可。JSON转译失败处理var str=""try{str=JSON.stringify({data:value,time:curTime})//使用try catch方法,防止因JSON转译失败

#json#javascript#html5 +1
vscode绿色、护眼色,vue自动格式化配置参考

{"settings": {"workbench.colorTheme": "Atom One Light","workbench.colorCustomizations": {"[Atom One Light]": {"editor.background": "#C7EDCC","sideBar.background": "#C7EDCC","activityBar.background": "

文章图片
#vscode#vue.js#编辑器
vue项目同时使用sass和less

有时因为代码需要,需要同时使用sass和less,现将本人的一点经验心得分享给大家。1.首先建议安装淘宝镜像,如已安装可跳过命令:npm install -g cnpm --registry=https://registry.npm.taobao.org2.如项目中已有sass,需要安装less,执行如下代码:cnpm install less --savecnpm install less-lo

#npm#javascript#less
图片无法显示 base64图片无法显示 图片体积过大无法显示

图片体积过大在vue项目中,经常使用webpack或其他打包工具,但因打包工具对图片的引入经常有大小限制,所以导致图片无法加载,一般来说,图片超过20kb就容易无法显示,此时应使用require引入方法显示图片如果是背景图图片,可以直接使用style添加背景图片实现<div class="nav" :style="'background-image: url(' + bgl + ');'"&

#html
vue项目webpack打包优化体积优化,打包体积减少200kb到4Mb

1.压缩图片应尽可能地压缩项目中的图片,或使用svg矢量图、雪碧图、webp图片(此种图片仅兼容谷歌和opera浏览器,但图片的体积更小)等小体积的图片,达到减少打包体积的目的。2.路由懒加载可以在路由配置里,使用require引入页面或组件实现路由懒加载,每个页面大约可以减少10—50kb的打包体积,示例如下:3.移除源代码,替换压缩后的源码修改vue.config.js配置文件,提取公共方法或

#vue.js#webpack
解决elementUI表格的疑难杂症,排序显示错乱的问题

使用自定义排序方法 :sort-method=“(a,b)=>{return a.percentage - b.percentage}” sortable。查询elementUI官方文档发现,列表排序会使用elementUI默认的排序,可能与开发者想要的效果不一致。

文章图片
#elementui#前端#javascript +2
vscode绿色、护眼色,vue自动格式化配置参考

{"settings": {"workbench.colorTheme": "Atom One Light","workbench.colorCustomizations": {"[Atom One Light]": {"editor.background": "#C7EDCC","sideBar.background": "#C7EDCC","activityBar.background": "

文章图片
#vscode#vue.js#编辑器
vscode编辑器搜索小技巧

`vscode`是大家常用的编辑器,这里分享一些常用的搜索技巧,希望可以帮助大家加速代码查找和开发进度。一. 搜索目录下的指定文件如果想要搜索某个文件目录下的指定文件,该如何配置呢?例如想搜索H5项目下所有目录的vue文件,查找pageId这个字段如果想同时搜索所有目录下的vue和js文件,那么可以将files to include改成./H5/**/*.vue,./H5/**/*.js,双*号代

#搜索引擎#全文检索#vue.js
到底了