- 博客(49)
- 问答 (1)
- 收藏
- 关注
原创 It‘s possible that the file was already in use (by a text editor or antivirus)
删除用户下的.npmrc文件,即不改变全局安装的路径(不够好,本质问题仍没有解决,全局还是会安装在C盘)每次都用管理员身份运行命令行(不够方便,vscode 下的命令行默认也不是管理员身份运行的)
2024-05-06 12:04:58
1054
原创 浏览器书签栏的小图标设置
像vue中 , 基本上都是在文件夹public中的index.html设置浏览器标题跟图标 , 图片的大小啥的没有限制。在我们写项目中肯定需要自定义这些浏览器的图标 , 那么如何设置呢。其中的href是选择路径。
2023-07-17 17:06:02
830
原创 六步快速搭建个人网站
我把个人网站(博客)的平台分为共享平台和自建平台。共享平台是第三方的平台,你在它那注册账号写文章。这类平台很多,比如公众号,知乎,优快云,Wix,等等。自建平台就是属于你的,搭建在WordPress或其它类似工具上的平台。当你对写文章有信心的时候,再使用自建平台,搭建个人网站。根据W3techs最新数据统计显示,截至2020年底,全球所有网站中,使用WordPress搭建的网站达到39.5%。自建WordPress个人网站的好处,是其它免费平台没法比的。
2023-06-09 17:14:16
9675
4
原创 vue中如何更改el-upload中的文件名name跟type , 改变后缀为webp让图片更小
如果是手动上传的话 , before-upload就不会生效 , 我们需要把限制图片格式跟大小的放在 on-change中
2023-03-21 10:53:43
2097
原创 Vue-Quill-Editor富文本图片放大缩小imports of undefined
按照报错调用栈,读了源码发现undefined本来是要指向quill的,看了一下quill是个对象,里面三个属性,这里试图将quill的属性挂到window上。我们正常的下载 npm i quill-image-resize-module -S。网上找了很多解决方法都没用。我是放在main.js中的。页面中的data配置。
2023-02-17 16:09:15
1131
原创 JS数组比较 , 拿出相同的数据跟不同的数据
是否包含一个指定的值,如果是返回 true,否则false。some() 判断数组中是否有满足条件的元素。includes()方法用来判断一个。先简单了解一下这几个JS方法。
2023-02-16 14:33:15
761
原创 新增编辑共用一个页面 , 且编辑传ID新增不穿 , 但是这样新增页面会没有缓存 , 如何解决
当我新增跟编辑的时候共用一个页面 , 但是新增没有缓存了 , 点击新增缓存页面的时候会自动跳转到首页。首先我的后台使用的是花裤衩的demo , gitee上面有代码,这是。可以正常点击了 , 但是还是没有缓存 , 这是什么原因呢。因为缓存用的是页面的name作为缓存依据的。这个时候我新添加了一个路由。这样就可以正常使用了。
2023-02-03 09:59:51
383
原创 监听页面跳转
场景:父页面A,子页面B。从父页面A跳转到子页面B,进行添加操作,添加完成,关闭子页面B,跳转回父页面A。因为新增一条数据,需要重新加载列表。父页面A局部代码如下。
2022-12-27 15:24:41
648
原创 后台管理系统安全性问题(本地数据的token跟role不可更改)
当我们做后台的时候 , 肯定要把token存储在本地中 , 但是当别人篡改的时候该怎么办呢。
2022-08-08 10:38:09
374
原创 页面需要刷新才能出来想要的页面样式(scoped详解)
当 标签带有 scopedattribute 的时候,它的 CSS 只会影响当前组件的元素,和 Shadow DOM 中的样式封装类似。使用时有一些注意事项,不过好处是不需要任何的 polyfill。
2022-06-16 11:48:09
1048
原创 Scss的使用
Scss变量 : $ 嵌套 & : 代表父级 混入写法定义 : @mixin 方法名($width , $height) { width : $width height : $height }调用 : .app { @include 方法名(实参1 , 实参2)} 5. 继承定义 : %setBorder { ...
2022-01-11 10:13:23
355
原创 Vue中v-if和v-show的区别
1. 他们都可以对dom元素进行显示跟隐藏的 , 但是 v-if 是删除 , v-show 只是显示跟隐藏2. v-if 可以跟 v-else 连用 , 而 v-show 不能3. v-show 的话更适用于频繁切换 , 因为 v-if 在页面上频繁的进行增删DOM操作会影响页面加载速度和性能4. v-show 首次渲染会比 v-if 更快...
2021-12-22 21:51:56
617
原创 如何判断数据类型 , 最好的方法是什么
typeof不能准确的区分出来复杂数据类型const arr = []const obj = {}console.log(typeof arr) // 'object'console.log(typeof obj) // 'object'instanceof判断左边的对象和右边的构造函数的 prototype 在不在一条原型链上,或者左边的对象.__proto__能不能找到右边.prototypeconst arr = []const obj = {}console.log
2021-12-14 11:19:21
1090
原创 BFC是什么
BFC(Block formatting contexts)块格式化上下文,它是文档中的一块渲染区域,有自己的一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用!如何触发 BFC1、根元素(<html>)2、浮动元素(元素的 float 不是 none)3、绝对定位元素(元素的 position 为 absolute 或 fixed)4、行内块元素(元素的 display 为 inline-block)5、表格单元格(元素的 display 为
2021-12-06 21:11:52
199
原创 如何实现全屏与非全屏的切换
插件: screenfull第一步 : 安装 npm i screenfull@5.0.0第二步 : 导入 import ScreenFull from 'screenfull'第三步: 使用ScreenFull.toggle() 全屏与非全屏切换<template> <div> <button @click="Full">点击全屏</button> </div></template><..
2021-12-05 21:19:04
483
原创 如何打印出自己所需要的内容
插件:vue-print-nb第一步 : 安装 yarn addvue-print-nb第二步 : 在main.js导入import Print from 'vue-print-nb'注册 Vue.use(Print)// main.jsimport Print from 'vue-print-nb'Vue.use(Print)第三步 : 使用 在指定的dom上加上id id="xxx"在按钮上 v-print="{ id:'xxx' }"<template...
2021-11-27 21:29:50
357
原创 如何将文本 , 图片 , 视频转换为二维码
插件: qrcodeyarn add qrcode 导入import Qrcode from 'qrcode' 定义一个canvas标签 <canvas ref="canvas" /> 生成 Qrcode.toCanvas(需要放置二维码的canvas标签 , 文本内容 , { 配置高度宽度等等} )<template> <div> <button @click="btn">点击生成二维码</button> ..
2021-11-27 21:13:49
527
原创 如何配置环境变量
环境变量 : 为不同环境设置不同变量根目录创建文件 .env.develpment(开发环境) .env.production(生产环境)
2021-11-22 19:53:40
3659
原创 跨域问题如何解决
跨域浏览器创建一个文件夹, C:\aaa 创建一个谷歌浏览器的快捷方式 在快捷方式点右键 =>属性=>目标,移动到最后,加入空格,粘贴 --disable-web-security --user-data-dir=C:\aaa 点击确定,打开后就是跨域浏览器 然后把启动的项目地址复制过去proxy配制代理修改.env.development内的基地址为 : VUE_APP_BASE_API = '/abc' 加入proxy配制devServe...
2021-11-18 10:47:34
1120
原创 Vuex辅助函数
mapState使用公共数据将state中的变量映射到当前的组件中使⽤⽤mapState把公共数据(vuex.store) 映射 到本组件内部的计算属性中
2021-11-12 10:43:36
562
原创 Vue组件 [ 进阶版 ]
动态组件 , 组件缓存 , 组件激活与非激活 , 组件插槽 , 具名插槽 , 作用域插槽 , 自定义指令 , 自定义指令传值
2021-10-29 19:21:33
173
原创 Promise [面试题]
Promise表示一个异步操作的最终结果 , 以之交互的方式主要有then方法 , 该方法主要注册了两个回调函数 , 用于接受Promise的最终结果和不能执行的原因Promise的状态主要有三种 等待 , 执行 , 拒绝等待pending等待进入执行或拒绝状态 执行resolve不能进入其他状态 , 有一个不可变的最终结果 拒绝Rejected不能进入其他状态 , 有一个不可变得拒绝原因Promise.then(onResolve , onRejected) then接受两个参数如果o.
2021-10-26 21:16:23
87
空空如也
为什么小程序的wx.getLocation一直申请不通过啊
2024-04-29
TA创建的收藏夹 TA关注的收藏夹
TA关注的人