![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
墨守成规如何成功
这个作者很懒,什么都没留下…
展开
-
JavaScript中几个优雅的运算符使用技巧
ECMAScript 发展进程中,会有很多功能的更新,比如销毁,箭头功能,模块,它们极大的改变 JavaScript 编写方式,可能有些人喜欢,有些人不喜欢,但像每个新功能一样,我们最终会习惯它们。新版本的 ECMAScript 引入了三个新的逻辑赋值运算符:空运算符,AND 和 OR 运算符,这些运算符的出现,也是希望让我们的代码更干净简洁,下面分享几个优雅的 JavaScript 运算符使用技巧。否则,我们要显示现有列表。这样,我们避免了不必要的更新和任何副作用,例如解析,重新渲染,失去焦点等。原创 2023-01-12 14:28:42 · 167 阅读 · 0 评论 -
打包报错’default’ is not exported by node_modules/axios/lib/utils.js
文件 导出使用commjs 导出 vite 不认 , 如果用 webpack 可以使用。axios v0.24.0 以上报错。原因:是 0.24.0。原创 2023-01-05 14:45:05 · 2197 阅读 · 0 评论 -
vite + vue3.0 + ts 项目搭建
这个权限管理就是为了方便,跟系统安全真的不沾边,只是根据后台返回的角色信息来生成他可以看见的菜单和按钮,显示菜单的方法是根据权限删除掉路由表里没有权限的路由,然后再动态添加,原本包含没有访问权限的原路由表只要打开页面运行代码就已经不存在了,并且404页面除了过滤掉项目没有的路由外,同时每次的路由跳转都会鉴权。如果你知道了没有权限的路由试着强行跳转会因为没有权限直接会跳转404。原创 2022-12-02 15:24:41 · 1208 阅读 · 0 评论 -
使用STS临时访问凭证访问OSS
https://help.aliyun.com/document_detail/100624.html原创 2022-11-18 11:59:45 · 222 阅读 · 0 评论 -
electron关于无边框窗口无法拖拽移动以及点击事件失效的问题
electron 项目 窗口无边框。但是无边框窗口会产生无法移动的问题。原创 2022-10-09 15:40:13 · 1882 阅读 · 0 评论 -
vue DevTools安装
然后拖到 谷歌浏览器扩展插件里面。原创 2022-08-29 17:54:22 · 163 阅读 · 0 评论 -
vue 口报 net::ERR_INCOMPLETE_CHUNKED_ENCODING 200 (OK) 或者 文件被截取
NET::ERR_INCOMPLETE_CHUNKED_ENCODING 200 (OK)错误背景:微服务不通过统一的nginx端口访问,能够正常请求接口并获取对应的响应。但是通过nginx的话,则出现请求通(也就是响应200),但始终没有得到正确的响应,提示上述错误 NET::ERR_INCOMPLETE_CHUNKED_ENCODING 200 (OK)解决办法:在nginx中的对应的反向代理配置如下内容,即可解决:proxy_buffer_size 1024k;proxy_buffer转载 2022-05-24 10:30:56 · 1392 阅读 · 0 评论 -
vscode 保存去掉自动加分号、逗号、双引号
原由问题:以前是工具保存后报错,因为自动添加自动加分号、逗号、双引号等解决方法:直接改esluntrc.js 规则后面发现很多仓库都是那种格式,不想改了保持和别人一样的格式更改 settings.json 文件快捷键“Ctrl + Shift + P”打开命令面板{“editor.formatOnType”: true,“editor.formatOnSave”: false,“http.proxyAuthorization”: null,“prettier.useEditor原创 2022-04-19 11:04:37 · 6855 阅读 · 0 评论 -
vue必备插件库
lodash :中文官网Lodash 通过降低 array、number、objects、string 深拷贝等等的使用难度从而让 JavaScript 变得更简单。 Lodash 的模块化方法 非常适用于:遍历 array、object 和 string对值进行操作和检测创建符合功能的函数...原创 2022-03-04 11:04:13 · 351 阅读 · 0 评论 -
Element input 大于0的数字 数字
<el-input v-model="form.frame" type="number" min="1" oninput="javascript:this.value=this.value.replace(/[^\d]/g,'')" ></el-input>原创 2021-11-12 09:29:04 · 1487 阅读 · 1 评论 -
vue prettier/prettier eslintrc相关问题
问题一warning Delete ␍ prettier/prettier(eslint配置的一些问题)原因描述在window系统中,clone代码下来,会自动把换行符LF(linefeed character) 转换成回车符CRLF(carriage-return character)。这时候我们本地的代码都是回车符。方法一: 自动修复,不可能每次拉代码都要修改好麻烦不支持npm run lint --fix方法二:git 修改配置git config --global core.原创 2021-09-13 15:56:57 · 7495 阅读 · 1 评论 -
跨服 被设置 重复设置 nginx The ‘Access-Control-Allow-Origin‘ header contains multiple values ‘*, 报错
http 不能请求 https 资源#允许跨域请求的域,*代表所有add_header 'Access-Control-Allow-Origin' *;#允许带上cookie请求add_header 'Access-Control-Allow-Credentials' 'true';#允许请求的方法,比如 GET/POST/PUT/DELETEadd_header 'Access-Control-Allow-Methods' *;#允许请求的headeradd_header 'Acc...原创 2021-09-11 11:38:09 · 1818 阅读 · 0 评论 -
【巨坑】【苹果电脑】输入空格乱码或者页面列表渲染的是时候出现其他汉字
表现方式1: 确 定 中间打个空格 打包编译后被 电脑渲染成 确实要。莫名出现其他字2:列表数据 某名出现一次数据,然后又被渲染成其他字3:所有的文字外面浏览器自动加了一层font标签 并且 还翻译成其他字巨坑:某名的问题一度从代码上查找问题的我,被坑了很久,关掉自动翻译- 正常...原创 2021-09-09 14:45:29 · 167 阅读 · 0 评论 -
【巨坑】【苹果电脑】props无法更新渲染(组件之间的通信第二次无法被渲染)
window 电脑没任务问题。在苹果电脑上需要做兼容子组件模板 {{value.total}} 无法实时接受父组件传值渲染props: { value: { type: Object, default: function () { return { pageNum: 1, pageSize: 20, total: 0,// 总数无法被渲染 第一次父组件初始化生效 };原创 2021-09-09 14:37:22 · 183 阅读 · 0 评论 -
cmder
安装流程1:官网下载cmderhttps://cmder.net/2:安装环境变量3:cmd 注册cmder.exe /REGISTER ALL原创 2021-09-04 00:17:16 · 97 阅读 · 0 评论 -
vu对于那些没有prop 组件的清空
Vue组件可能会有这样的需求:在某种情况下,需要重置Vue组件的data数据。但是没有 prop 属性this.$refs["form"].resetFields(); 无效此时,我们可以通过this.data获取当前状态下的data,通过this.data获取当前状态下的data,通过this.data获取当前状态下的data,通过this.options.data()获取该组件初始状态下的data。然后只要使用Object.assign(this.data,this.data, this.data,原创 2021-08-17 10:04:44 · 280 阅读 · 0 评论 -
‘webpack-dev-server‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。解决方法
npm i webpack-dev-server原创 2021-05-17 15:12:14 · 101 阅读 · 0 评论 -
nvm node版本切换
window 版本添加1: nvm 是 node.js 的版本管理器。安装的时候最好卸载 node.jsnvm 安装包下载https://pan.baidu.com/s/1SSqtv0zsuvGIrhABQnsc8Q提取码 dtmi2:傻瓜式安装 完成2:安装完成后 node.js 和 npm 都不是内部命令 是因为 nvm 安装完成后没有 安装node3:安装指定 版本的node1:nvm install 12.18 安装node12.18版本2:nvm ls 查看已安装的版本原创 2021-05-17 11:04:17 · 435 阅读 · 0 评论 -
vue 线上文件刷新404 ngixn 配置 try_files
try_files 字面上意思 尝试查找某个文件$uri 注意不是 $urlserver {listen 80;gzip on;gzip_types application/javascript;server_name www.baidu.com;root html/xxx-admin;index index.html;try_files $uri $uri/ /index.html;}原创 2021-05-13 11:34:56 · 736 阅读 · 0 评论 -
vue H5 用 uni. 跳转到小程序
h5 跳转小程序界面引用<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>在需要用的地方直接调用 uni.navigateTo({ url: "" });原创 2021-03-17 16:27:02 · 164 阅读 · 0 评论 -
vue 某一个对象清空vule值,保留key
其中就是将一个对象的属性copy到另一个对象vue中:this.$data 获取当前状态下的datathis.$options.data() 获取该组件初始状态下的data所以,下面就可以将初始状态的data复制到当前状态的data,实现重置效果:Object.assign(this.$data, this.$options.data())当然,如果你只想重置data中的某一个对象或者属性:this.form = this.$options.data().form某一个对象清空vul原创 2021-03-12 14:37:03 · 1134 阅读 · 0 评论 -
vue-waterfall-easy 的使用
安装npm install vue-waterfall-easy --save-dev引用import vueWaterfallEasy from 'vue-waterfall-easy'html<vue-waterfall-easy :maxCols="2" :line-gap="200" :imgsArr="arr" :timeOut="500" :reachBottomDistance="100" @scrol原创 2021-03-09 09:29:32 · 568 阅读 · 0 评论 -
vue 前端Vue-CLI配置scp2进行服务器自动部署
安装scp2npm install scp2 --save-devpackage.json“deploy:prod”: “npm run build && cross-env NODE_ENV=prod node ./deploy”,跟目录建立yirenck文件夹里面建立文件 index.js products.jsindex.js// yirenck/index.js里面const scpClient = require("scp2");const ora = requ原创 2020-12-16 15:51:40 · 317 阅读 · 0 评论 -
vue中解决file input 选择相同文件不触发change事件
<input ref="referenceUpload" type="file" accept=".map" @change="changeFile($event)" />methods: { upload(e) { //上传逻辑 //上传完毕后 清除以前的值 this.$refs.referenceUpload.value = null; }, }原创 2020-12-03 11:50:12 · 1264 阅读 · 0 评论 -
vue , vue-cli , webpack 的区别以及关联
一:vue 和 vue-cli 的区别以及关联基本概念vue:1: 是一套框架,用于构建用户界面的渐进式框架。2: vue主要是从基础知识、组件的了解、动画的过渡、可复用性和组合以及工具、模块化的管理。Vue-cli1:而vue-cli 是一个基于 Vue.js进行快速开发的完整系统。2:vue-cli 主要是从搭建交互式脚手架、零配置原型开发、基于webpack构建并进行配置、插件和Preset的扩展以及图形化的创建和Vue.js项目的用户界面管理等。区别和关联区别:vue是原创 2020-09-01 10:43:45 · 11111 阅读 · 1 评论 -
解决:error delete ·CR· (prettier/prettier)
Prettier是什么?首先,对应ESLint大多都很熟悉,用来进行代码的校验,但是Prettier(直译过来就是"更漂亮的"????)听得可能就比较少了。js作为一门灵活的弱类型语言,代码风格千奇百怪,一千个人写js就有一千种写法。虽然js没有官方推荐的代码规范,不过社区有些比较热门的代码规范,比如standardjs、airbnb。使用ESLint配合这些规范,能够检测出代码中的潜在问题,提高代码质量,但是并不能完全统一代码风格,因为这些代码规范的重点并不在代码风格上(虽然有一些限制)。格式化能支原创 2020-08-20 14:24:40 · 5938 阅读 · 1 评论 -
npm 换 yarn
npm install -g yarnyarn config set registry 'https://registry.npm.taobao.org'npm和yarn的区别初始化某个项目npm inityarn init默认的安装依赖操作npm install/linkyarn install/link安装某个依赖,并且默认保存到packagenpm install xxx —saveyarn add xxx移除某个依赖项目npm uninstall x..原创 2020-08-19 10:49:30 · 240 阅读 · 0 评论 -
vue-使用问题说明
常见问题node 升级1:npm install -g n (下载node版本管理)2:n + 你需要的nodejs版本号(升级到指定板块 2 或者 3 选一个)3:n stable (升级到最新稳定版)4:node -v 查看版本很多时候 是因为权限不够 命令前面加上 sudo 例子:sudo n stable ...原创 2020-06-09 11:35:44 · 101 阅读 · 0 评论