- 博客(49)
- 收藏
- 关注
RSS订阅原创 Error: PostCSS plugin autoprefixer requires PostCSS 8 问题解决办法
报错：Error: PostCSS plugin autoprefixer requires PostCSS 8。执行：npm i postcss-loader autoprefixer@8.0.0。原因：autoprefixer版本过高。降低autoprefixer版本。
2023-08-29 11:44:54
2930
原创 openai推出的辅助编辑器Cursor，妈妈再也不用担心我不会写代码了
在为期两年的探索和研究后，OpenAI宣布成功推出全新的代码编辑器——OpenAI Cursor。这款编辑器集成了前沿人工智能技术，最引人注目之处便是其内部搭载了GPT-4模型，使得代码编写过程中可实现更加高效、准确、智能化的提示与建议。最最最重要的是它是免费的！！！不需要openAI账号和key。
2023-04-19 14:58:09
874
原创 从零使用vuepress搭建个人博客部署.github.io
记录小白如何搭建个人博客github部署的博客👉： DreamLuffe的博客netilify部署的博客：👉：DreamLuffe的博客网上有很多优秀的开源博客页面，我们就直接安装好，再继续开发。我这里找到的是vuepress-theme-reco这个博客模板。npm run dev 跑起来在 http://localhost:8080/ 访问目录结构打开config.js自定义配置配置详细请看vuepress-theme-recovuepress配置在GitHub上，创建一个新的仓库，
2023-04-09 21:24:58
909
原创 pip下载包报错ERROR: Could not find a version that satisfies the requirement xxxx==1.0.2 (from versions
【代码】pip下载包报错ERROR: Could not find a version that satisfies the requirement xxxx==1.0.2 (from versions。
2023-03-12 15:13:48
1388
1
原创 (全网最详细)Mysql下载安装和配置方法(看了必成功)
输入mysqld --initialize-insecure --user=mysql,初始化数据库，并设置默认root为空，初始化完成后，在mysql根目录中会自动生成data文件。再输入mysqld -install,为windows安装mysql服务，默认服务名为mysql。我的安装目录：D:\variable\MySQL\mysql-8.0.32-winx64。输入mysql -u root -p ,不用输入密码直接回车。出现mysql>配置完成。使用管理员打开cmd。
2023-03-06 12:54:46
566
原创 JSON.parse报错 SyntaxError：Unexpected end of JSON input
代码】JSON.parse报错SyntaxErrorUnexpectedendofJSONinput。
2022-07-26 11:14:29
2430
原创 Vue3快速上手
Vue3快速上手1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%…2.源码的升级使用Proxy
2022-04-30 23:29:00
331
原创 发布NPM包
包目录结构：必须包含index.js,package.json,README.md三个文件index.js 这里写自己要是显得功能然后module.exports暴露出去// 这是包的入口文件const date = require('./src/dateFormat')const escape = require('./src/htmlEscape')module.exports = { ...date, ...escape}package.json 这是包的信息
2022-03-25 11:21:49
841
原创 配置npm淘宝镜像,vscode不能使用node
配置npm使用淘宝镜像npm config set registry https://registry.npm.taobao.orgnpm查看镜像地址npm config get registry vscode不能使用node输入set-ExecutionPolicy RemoteSigned回车，再输入A即可
2022-03-19 16:44:38
1878
原创 什么是防抖与节流，怎么实现
函数节流是：在固定的时间内触发事件，每隔n秒触发一次函数防抖是：当你频繁触发后，n秒内只执行一次1.防抖n秒内函数只能执行一次，如果在n秒内这个事件再次被触发的话，那么会重新计算时间function debounce(fn) { let timeout = null; // 创建一个标记用来存放定时器的返回值 return function () { clearTimeout(timeout); // 每当用户输入的时候把前一个 setTimeout clear 掉
2022-03-14 19:09:01
173
原创 设置路由params可传可不传
在params参数后面加？即可 { path: '/search/:keyword?', name: 'Search', component: Search, meta: { show: true } },如果没有’？’ 路径会出问题传递params参数时，空串解决办法加 undefined，不然也会跟上图一样出现路径问题this.$router.push({ name:'Search', params:{ keyw
2022-03-13 22:26:43
811
1
原创 vue项目关闭eslint
在项目根目录下创建vue.config.js文件写入以下配置文件即可module.exports={ // 关闭eslint lintOnSave:false}
2022-03-13 15:09:00
1760
原创 柯里化（Curry）
普通纯函数需要多次传递重复的值// 普通纯函数function chackAge(min, age) { return age >= min}console.log(chackAge(18,20));console.log(chackAge(18,24));console.log(chackAge(22,24));当一个函数有多个参数的时候先传递一部分参数调用它(这部分参数以后永远不会变)然后在返回一个函数接受剩余的参数，返回结果// 函数柯里化function che
2022-03-12 15:58:44
410
原创 模拟实现内部函数
// 模拟memoize方法的实现function memoize(fn){ let cache = {} return function(){ let key = JSON.stringify(arguments) cache[key] = cache[key] || fn.apply(fn,arguments) return cache[key] }}let getAreaWhthMemory = memoize(getAr
2022-03-12 10:05:37
141
原创 JavaScript原型链实现继承
<!-- 父类型--> function Supper() { this.supProp = 'supper property' } Supper.prototype.showSupperProty = function (){ console.log(this.supProp) }<!-- 子类型--> function Sub(){ this.subProp = 'Sub pro
2022-03-10 16:36:08
678
原创 经典面试题
function fun(n,o){ console.log(o); return { fun:function(m){ return fun(m,n); } }}var a = fun(0);a.fun(1);a.fun(2);a.fun(3) //undefined ? ? ?var b = fun(0).fun(1).fun(2).fun(3) //undefined ? ? ?var c = fun(0
2022-03-10 15:57:10
90
原创 git如何clone所有的远程分支
找一个干净目录，假设是git_workcd git_workgit clone http://myrepo.xxx.com/project/.git ,这样在git_work目录下得到一个project子目录cd projectgit branch -a，列出所有分支名称如下：remotes/origin/devremotes/origin/releasegit checkout -b dev origin/dev，作用是checkout远程的dev分支，在本地起名为dev分支，并切换到本地的
2022-01-14 12:40:08
571
原创 自己写插件工具，Vue.use(xxxx,(参数))使用
const install = (Vue, vm) => { /** * 检查是否登录 */ const isLogin = () => { //如果没有token,跳转到登录页面 const token = vm.vuex_token; if (!token) { vm.$u.toast("请登录") setTimeout(() => { vm.$u.route({ type: 'redirect', url: 'page
2022-01-04 20:49:06
745
原创 vue路由守卫拦截、axios请求，响应拦截
1.// 路由守卫拦截，判断是否登录并且判断当前页面是否需要验证登录信息// 路由守卫router.beforeEach((to, from, next) => { if (!localStorage.getItem('token') && !localStorage.getItem('id') && to.meta.istoken === true) { router.push('/login'); vue.prototype.$msg.fai
2021-11-28 16:45:52
719
原创 vue路由跳转的四种方法
vue路由跳转有四种方式router-linkthis.$router.push() (函数里面调用)this.$router.replace() (用法同push)this.$router.go(n)一、不带参1.1 router-link<router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：route
2021-11-26 11:59:27
13337
1
原创 路由传递参数params/query
路由传参1.query 表示参数在url后面进行传递，参数直接拼在url地址栏的后面，用？分割一下，多个参数用&分割获取使用 $route.query2.params 表示在routes定义的时候可以使用 “：参数名”的形式进行占位处理可以传递多个参数 如果要保证页面刷新之后参数还可以使用，需要在routes中做配置获取使用 $route.params(细节重点)如果想要在页面刷新或者执行其它操作之后还保留传递的参数，需要在路由表（routes）中作配置，使用 “：参数名”的形式进行占位
2021-11-25 20:09:46
610
原创 路由的meta属性
{ path: '/userinfo', component: userinfo, meta: {istoken: true}}可以在路由导航守卫跳转的时候判断有没有这个信息,如果有让跳转// 路由守卫router.beforeEach((to, from, next) => { if (!localStorage.getItem('token') && !localStorage.getItem('id') && to.meta.istoke
2021-11-25 20:02:21
2779
原创 element表单重置
当使用添加的对话框表单时使用来重置表单数据 this['formName'] = {} this.$nextTick(() => { this.$refs['formName'].resetFields() }) 编辑的时候需要重置时使用this.$nextTick(() => { this.$refs['form'].clearValidate() })...
2021-11-15 16:24:08
1342
原创 element输入框验证通过变成绿色
在公共样式里面加入，旧版element自带，但是新版本取消了.el-form-item.is-success .el-input__inner,.el-form-item.is-success .el-input__inner:focus,.el-form-item.is-success .el-textarea__inner,.el-form-item.is-success .el-textarea__inner:focus { border-color: #67C23A}.el-f
2021-11-11 10:26:05
1727
原创 vue中安装less，scss后，在运行时报错
安装：lessnpm install less less-loader --save安装：scss:npm install sass-loader node-sass如果报错可能是less-loader版本过高，卸载npm uninstall less-loader，重新安装npm less-loader 安装指定版本npm install less-loader@4.1.0 --save，scss同理sass-loader要安装^7.3.1版本：npm install sass-loader@7.
2021-11-09 17:07:44
317
原创 Vue单独给页面设置背景颜色
利用路由守卫来进行单独设置beforeRouteEnter(to, from, next) { window.document.body.style.backgroundColor = "rgb(242,244,247)"; next(); }, beforeRouteLeave(to, from, next) { window.document.body.style.backgroundColor = ""; next(); },...
2021-11-05 19:46:59
929
原创 隐藏uniapp滚动条
在pages当前路由的配置项中添加以下配置"app-plus":{ "titleNView":false, "scrollIndicator":"none"}```
2021-11-04 08:44:02
330
原创 如何修改elementui输入框的样式
<style scoped lang="scss">>>> .el-input__inner{ width: 30px; }</style>
2021-10-30 11:38:45
1537
原创 数据筛选filter()
filter()是一个过滤函数，返回符合条件的元素的新数组，结果为true就会放入数据，为false就过跳过。filter((value,key,arr)=>{})参数value是每个元素，key是数组索引，arr则是整个数组。let arr1 = [1,2,3];let arr2 = arr1.filter((value,key,arr) => { console.log(value) // 1，2，3 console.log(key) // 0，1，2
2021-10-29 18:10:49
1594
原创 vue中路由的基本使用
1.老规矩—>安装 引用 应用//安装npm install vue-router//在main.js中引入并使用import VueRouter from 'vue-router'Vue.use(VueRouter)2.router文件夹新建index.js文件添加上路由配置,如下所示// 该文件专门用于创建整个应用的路由器import VueRouter from 'vue-router'//引入组件import About from '../pages/About'
2021-10-26 21:26:39
181
原创 解决element-ui中MessageBox 弹框时滚动条导致布局抖动
html { width:100vw; overflow-x:hidden;}body{ padding-right: 0px !important;}
2021-10-23 20:28:30
1945
2
原创 vuex的使用（组件通信）
vuex相当于一个公共仓库，保存着所有组件都能共用的数据。1.安装npm i vuex2.引入（在项目下新建store文件夹，然后新建一个index.js文件添加以下代码）//该文件用于创建Vuex中最为核心的storeimport Vue from 'vue'//引入Vueximport Vuex from 'vuex'//应用Vuex插件Vue.use(Vuex)//准备actions——用于响应组件中的动作const actions = { jiaWait(context,
2021-10-19 11:35:39
225
原创 Vue-cli配置代理服务器，解决跨域请求问题
在vue.config.js配置文件中加上devServer配置项proxy里面的’/demo’是进入代理服务器的标识，target要请求的跨域路径，pathRewrite是访问路径的时候将路径标识删除module.exports = { pages: { index: { //入口 entry: 'src/main.js', }, }, lintOnSave:false, //关闭语法检查 //开启代理服务器（方式一） /* devServer:
2021-10-17 23:49:12
320
原创 Vue实现组件间通信
props方法通信(父传子)在组件标签上添加要传递的参数，在子组件中使用props来接收//app组件<template> <div> <Student name="李四" sex="女" :age="18"/> </div></template><script> import Student from './components/Student' export default { name:'App',
2021-10-17 01:27:56
101
原创 vscode 报错：vscode The Vue Language Server server crashed 5 times in the last 3 minutes.
这是由于版本的更新导致的
2021-10-16 20:12:24
2997
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人