Vue
负者歌于途,
代码丛中过,bug不沾身
展开
-
prettier 格式化代码配置
使用的是vs code环境,前提是已经配置好prettier自动化格式,但是使用的格式化方式是prettier自己的,然后需要自定义一些格式化方法,在项目根目录创建 .prettierrc文件,然后里面写自己需要的配置:...原创 2022-07-13 09:33:48 · 1067 阅读 · 0 评论 -
npm init @vitejs/app
npm init @vitejs/app,vite创建新项目原创 2022-02-07 16:16:57 · 482 阅读 · 0 评论 -
一个好用的加载中的样式
主要是记录一下一个小清新的加载样式,方便以后拷贝:<view class="loading-wapper" v-if="!loadedAll && !noListData"> <view class="loading-icon"></view> <text class="loading-txt">加载中</text></view>样式 .loading-icon {原创 2020-12-18 12:29:44 · 396 阅读 · 0 评论 -
js的导入导出总结import和require区别
导出===es5:module exports = { a:a, b,b}es6:export default { a:a, b:b}导入===es5export default 和 export 区别1 、export与export default均可用于导出常量、函数、文件、模块等2、你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用3、在一个文件或模块中,export.原创 2020-11-17 19:38:12 · 1427 阅读 · 0 评论 -
webpack的优化
production打包自带优化原创 2020-10-29 12:52:38 · 116 阅读 · 0 评论 -
package.json中的devdependencies 和 dependencies
通过npm安装包的时候,可以:npm install 包名安装的包在dependencies目录下面(运行依赖)npm install 包名 -S安装的包在dependencies目录下面(运行依赖)npm install 包名 -D安装的包在devDependencies目录下面(开发依赖)dependencies 开发依赖devDependencies 运行依赖然后是删除的时候亲测npm uninsatll 包名npm unins...原创 2020-10-28 14:15:18 · 389 阅读 · 0 评论 -
前端的导入和导出
commjs的导入导出规范connemjs的导出的语法module.exports = { name:'aaa'}导入的语法const aa = reqiure("./a.js") Es6的导入export default { name:"aaaaa"}导出import a from "./a.js"原创 2020-10-15 11:01:11 · 173 阅读 · 0 评论 -
webpack的入门
webpack的主要作用:将多个js文件进行合并,对代码进行压缩混淆,将一个浏览器不支持的规范,编译成浏览器可以识别的js文件现在的需求是使用原生js进行页面的设计,在代码压缩混淆这一块不知道该怎么做,最后选择了使用webpack对代码进行压缩混淆1.首先是安装webpacknpm install webpack webpack-cli -D然后既可以实现零配置对代码进行压缩,直接运行执行npx webpack但是零配置的限制是,需要压缩的文件必须放在根目录下的src文件夹里面,原创 2020-10-15 10:56:31 · 349 阅读 · 0 评论 -
入门ts
既然总要有人做废物,为什么不能是我。1.脚手架搭建了一个ts的vue项目,2.然后再home文件里面学一些ts的语法,试试怎么样/*//类成员修饰符public公有的,可以自由访问类的成员protected保护,类及其继承的字了可以访问private私有,只有类可以访问*/...原创 2020-09-28 10:34:48 · 158 阅读 · 0 评论 -
vue-cli3的eslint配置问题
Eslint用这个就很高大上,就是感觉大项目,所以我也来试试水vue-cli3按照官网教程配置搭建后,发现每次编译,eslint都抛出错误error: Expected indentation of 4 spaces but found 0 (indent) at src\views\User.vue:26:1:1 error found.1 error potentially fixable with the `--fix` option.You may use special comm原创 2020-08-07 11:10:25 · 706 阅读 · 0 评论 -
vue项目打包删除所有的console
1.安装npm install babel-plugin-transform-remove-console --save-dev2.在babel.config.js文件中新增加,不多逼逼,上代码const productPlugins = []//去除打包之后的文件里面的consoleif (process.env.NODE_ENV === 'production') { productPlugins.push('transform-remove-console')}module原创 2020-07-09 12:30:35 · 1000 阅读 · 0 评论 -
进入当前页面有且只刷新一次当前页面
问题记录:写的一个h5的链接,在微信里面测试没有问题,但是在别人家的app里面打开,第一次没有广告,然后之后的所有操作,跳转返回,都是正常的,很郁闷,找不到解决方法,那就让他第一次进来刷新一次吧,嘿嘿具体实现方法:在url后面拼接一个随便你看起来顺眼的就行进入的url是http://kuwen10001.top/static/web/det/index.html?hid=20 if (window.location.href.indexOf("&woshua=1") ==原创 2020-07-02 18:28:42 · 704 阅读 · 0 评论 -
vue的动画,淡入淡出之类的
动画动画原创 2020-06-30 12:45:24 · 350 阅读 · 0 评论 -
vue-cli3.0实现打包gzip压缩和一些东西
一.查看自己的打包详情,那个文件过大1.npm安装要用的插件npm install --save-dev webpack-bundle-analyzer2.在vue.config.js文件中引入插件const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin 3.添加配置,使用的是默认的配置module.exports = { configureWebpack: {原创 2020-06-29 18:44:21 · 1645 阅读 · 0 评论 -
客户端快速获取定位,快速获取本机ip的方法
获取定位<script type="text/javascript" src="https://ip.ws.126.net/ipquery"></script>获取本机ip <script src="https://pv.sohu.com/cityjson?ie=utf-8"></script>虽然方法看起来很low,但是用起来是真的快,记录一下,不要关闭...原创 2020-06-16 18:26:19 · 502 阅读 · 0 评论 -
使用vue-cli3.0打包项目的一些操作记录
主要是对vue.config.js文件的一些操作1.首先是打包出来的js文件里面包含的有.map文件,首先需要去除,map文件的作用据说的为了可以报错module.exports = { lintOnSave: false, // 打包出来的js,css文件地址 publicPath: './', //打包出来的文件夹名字 outputDir: "d", //打包出来的文件不包含map文件 productionSourceMap: false原创 2020-05-26 22:55:36 · 303 阅读 · 0 评论 -
使用vue制作一个多处操作DOM的腾讯广告的心得
1.公司主要的业务就是通过广告盈利,在这里选择使用vue制作一个列表页中间包括广告的页面,以及详情页原创 2020-05-25 17:50:55 · 1868 阅读 · 0 评论 -
vue前端解决跨域proxy
示例接口地址为http://shop.loveliving.top/api/v1/1511315131在vue.config.js文件里面module.exports ={ devServer: { proxy:{ '/api':{ target:"http://shop.loveliving.top",...原创 2020-04-01 00:16:51 · 537 阅读 · 0 评论 -
自定义头部图标的两种方式
1.使用字体图标"app-plus": { "titleNView": { "buttons": [{ "width": "32px", "color":"#000", "fontSize":"23px", "text":"\ue6b9", "fontSrc":"/static/home/iconfont.tt...原创 2020-01-04 08:38:05 · 964 阅读 · 1 评论 -
搜索记录前十条保存在本地
// 搜索按钮 serachBtn() { const history = this.searchHistory const query = this.searchKey if (!query) { this.$message.info('请输入搜索内容') return false } // 找到有没有重复的 if (...原创 2019-12-30 18:06:10 · 362 阅读 · 2 评论 -
本地存储 与 vueX的小差别
vuex可以进行全局的状态管理,但刷新后数据会消失,在有些情况下我们更希望当我们刷新页面后数据依然存在,即实现数据在本地永久存储。所以用户的信息,token这些东西,我感觉还是存储在本地比较方便一点...原创 2019-12-30 14:33:26 · 396 阅读 · 0 评论 -
try catch的使用,有点神奇啊
没有用过,在别人的代码中看到了使用这个东西,然后就搜寻资料,找到的都是说,异常处理,然后就是在搜寻了一下用法,然后自己试用了一下,就在这里随便总结一下就说我们自己造出来的异常,然后处理一下,throw new Error() 一样自己写的代码,你感觉这个地方会发生异常,然后你就把他放在try里面,如果发生异常会执行catch里面的代码,然后再catch里面抛出哪里出现了错误,你也...原创 2019-12-30 11:41:31 · 492 阅读 · 0 评论 -
uniapp中字体图标的使用
1.在static里面引入对应的文件2.在main.js里面引入对应的css样式文件3.使用<text class="iconfont iconicon-test"></text>后面的类就是对应的图标的类...原创 2019-12-30 09:53:23 · 492 阅读 · 0 评论 -
this.$refs.editFormRefs.resetFields()
在使用element ui中的表单时,使用ref属性的时候,表单必须有ref属性的值,还要有数据绑定的数据源,还要有验证规则,才可以实现关闭表单清空内容如下:el-formref="editFormRefs" :model="roleForm":rules="formRules"el-form-item在formItem中还要有验证规则prop="roleName"...原创 2019-10-13 13:05:12 · 2666 阅读 · 0 评论 -
NavigationDuplicated控制台报错
NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated", message: "Navigating to current location ("/users") is not allowed", stack: "Error↵ at new NavigationDuplicated (w...原创 2019-10-11 16:37:16 · 637 阅读 · 0 评论 -
常用的请求/fetch/axios
fetch参数:method:请求方式 get post put delete(get ,delete只需要设置method就行了)fetch("http://127.0.0.1:3000/",{ method:"post", body:"unmae=list&pwd=123", headers:{ 'Content-Type':'ap...原创 2019-10-11 09:58:12 · 111 阅读 · 0 评论 -
axios拦截器
//请求拦截器axios.interceptors.request.use(function(config){ //拦截器的方式配置请求头 config.headers.mytoken = 'nihao'; return config},function(err){ console.log(err)})//响应拦截器axios.interceptors.r...原创 2019-10-11 09:57:08 · 121 阅读 · 0 评论 -
Axios全局配置
axios.defaults.timeout = 3000 //超出时间axios.defaults.baseURL= 'http://localhost:3000/' //配置基准的url,以后调用接口的时候,就可以省略前面的地址axios.defaults.headers['mytoken']='hello'//配置请求头,请求头或多一个 mytoken=hello...原创 2019-10-11 09:55:28 · 163 阅读 · 0 评论