- 博客(43)
- 收藏
- 关注
RSS订阅原创 Nuxt3中使用 element-plus和pinia
2.在 store/counter.ts 中使用defineStore函数来定义 store 对象。 1.在store文件夹中定义一个模块，比如： store/counter.js。参考：https://nuxt.com/modules/element-plus。 3.在组件中使用定义好的 store对象。
2023-04-27 17:09:59
559
原创 vue.extend创建组件的时候无法获取到 $store
当我们中创建一个组件一般都是使用普通的直接引入使用，当我们使用了extend创建的时候会导致一个问题就是组件中要使用this.$storethis.$router这些的时候他都是返回一个undefined的这个时候我们需要给他添加store这些进去即可。...
2022-07-29 11:31:34
1824
2
原创 微信小程序快速入门篇（二）--核心语法
小程序的核心语法开发文档 微信开放文档 (qq.com)一、了解什么是数据驱动和小程序的数据双向绑定数据驱动就是 我们数据发生改变，页面也跟着变化小程序的数据双向绑定我们在js文件中添加一个data data里面写我们的数据 然后在页面中 我们使用 {{}} 来使用data数据二、常用事件和属性列表怎么绑定点击事件？如何修改数据小程序绑定点击事件是使用 bindtap来绑定的<button type="primary" bindtap="addNum">商品数量+
2022-04-15 14:56:54
406
原创 微信小程序快速入门篇（一）
一、小程序的介绍在2017年的时候，微信推出了 一种不需要下载安装就可以使用的应用程序，也就是常说的 小程序二、小程序开发前的准备我们先去微信公众平台，注册账号并登录 官网 https://mp.weixin.qq.com/ 注册了之后我们下载开发者工具在【已登录】的小程序页面中，点击【开发工具】找到【开发者工具】，点击【下载】推荐下载【稳定版本】，大家可以根据自己的系统进行选择下载一路下一步，即可完成安装三、开发第一个小程序应用1、打开微信开发者工具，进行扫码登录2、登录成功
2022-04-15 14:21:50
818
原创 前端性能检测的工具 Lighthouse
Lighthouse 是一个非常流行的第三方性能测评工具 支持移动端和PC端使用它的话 我们要在本地安装一下 npm i lighthouse -g安装之后我们运行lighthouse 域名 --view --preset=desktop–preset=desktop 这个是代表PC端 如果是H5端直接删掉就可以了运行之后他会给你一个优化建议和报告然后我们根据优化建议就可以对自己的网站做一个优化了...
2022-04-11 10:51:46
1308
原创 Vue是如何监听组件的报错的
当我们开发完成上线之后 我们要怎么监听Vue组件的报错呢？我们有三种方式，可以根据自己的业务逻辑来进行搭配使用第一 监听下级组件的报错 errorCaptured 如果你返回值是false的话 就不会向上面传播我们在一个组件中 写了一个报错我们在App.vue中进行一个监听报错 // 监听下级组件的错误 返回 false会阻止向上传播 errorCaptured: (error, vm, info) => { // error vm组件实列 info错误信息 conso
2022-04-10 22:24:21
1304
原创 vue项目宝塔部署代理跨域
如果我们没有在宝塔设置跨域的话 那么请求就会发到我们本地，这样显然是不行的，那么我们需要在宝塔里面的配置中配置一下代理#解决后端api没有代理到的问题直接访问到本服务器ip的问题 location /api{ rewrite ^/api/(.*)$ /$1 break; proxy_pass http://39.98.123.211; #后端接口api index index.html; }把这个
2022-04-06 22:50:29
1321
4
原创 element-ui自定义正则校验规则value一直为underfind
第一排查你的验证规则有没有写对第二看看prop是否和命名的一样第三 el-form必须也要绑定 ：model
2022-03-04 00:53:22
697
原创 快速了解虚拟DOM和diff算法
什么是 虚拟DOM？虚拟DOM是一个用来 展示真实DOM的对象真实DOM <div id="app"> <ul id='list'> <li class='item'>张三</li> <li class='item'>李四</li> <li class='item'>王五</li> </ul>
2022-02-24 15:04:24
114
原创 通俗易懂了解并实现 vuex 原理
Vuex是什么？官方解释：vuex是一个专门为vue.js应用程序开发的状态管理模式。他采用 集中式存储管理应用的所有组件的状态，这个状态管理包括了以下几个部分：state:驱动应用数据源view，以声明方式将 state 映射到视图中actions 响应vue上的用户输入导致的状态变化官方的 ‘单项数据流’理念的简单示意：每一个vuex应用的核心就是 store(仓库)，store基本上就是一个容器，包含着你应用的大部分的状态(state)看图了解一下工作的原理注意点：改变状态
2022-02-23 22:04:02
288
原创 js简单实现Map filter forEach reduce
filter是一个常用的操作，它用于把 Array 的某些元素过滤掉，然后返回剩下的元素传入一个函数 然后 filter返回的是 当前的元素 索引 元素本身Array.prototype.myFilter = function(fn) { const arr = [] for(let i=0;i<this.length;i++){ if(fn(this[i],i,this)) { arr.push(this[i]) } } return arr}var arr = [1,2,
2022-02-17 11:55:04
294
原创 JavaScript的数组扁平化
数组扁平化就是将多维数组转成一维数组主要有 函数递归实现 正则匹配实现 reduce flat一、函数递归实现const arr = [1, [2, [3, [4, 5]]], 6];const res = [] function fn(arr) {//循环当前的数组 for(let i =0;i<arr.length;i++){ // 如果是数组的话就递归 否则就放到数组中去 if(Array.isArray(arr[i])){ fn(arr[i]) }else {
2022-02-17 11:11:45
277
原创 JS变量提升的原理
什么是变量提升？console.log(a)var a = 10上面这段代码不会报错 反而会输出一个undefined。这就是因为变量声明被提升了等于var a;console.log(a)a = 10上面是在全局的作用域中 那在函数作用域也会出现function fn() { console.log(a) // undefined var a = 10}为什么会有变量提升呢？变量提升原理在短暂的编译阶段，JS会搜索出所有的变量声明，并且提前把声明生效，至于剩下的句子就需
2022-02-11 11:09:19
515
原创 强行搞懂JS的刁钻问题
typeof null为什么是objectnull就是一个bug 根据 type tag信息，他的低位是 000 ，所以null被判定为一个对象。这个就是typeof null为object的原因了在ES6中曾提出有关修复这个bug的问题，但是提议被否定了，自从typeof null不是一个bug了 而是一个特征，并且永远不会被修复0.1+0.2为什么不等于0.3？0.1和0.2在二级制中是一个无限循环小数在双精度浮点数中 需要遵循 0舍1入的原则 要保留53位然后再把他们相加起来就得到了0.30
2022-02-11 10:23:16
394
原创 通俗易懂的防抖和节流
当我们为了避免频繁的触发回调导致大量的计算或请求等问题，我们需要用一些方法来处理，这个时候 防抖和节流就出现了 这两个东都与 闭包的形式出现防抖什么是防抖？防抖：事件被触发n秒之后再执行函数，如果在n秒内再次触发就重新计时比如：点击一个按钮输出1 当没有做防抖的时候一直点就一直触发 如果做了防抖 点击之后两秒触发 2秒内再次点击就重新计时 当停下来两秒之后会触发防抖函数<button>防抖</butto><script>let btn = docume
2022-02-09 21:19:25
2107
2
原创 最详细的CSS入门-04-盒子模型
盒子模型所谓的盒子模型就是把HTML中的布局元素看作是一个矩形的盒子总结盒子是由元素的内容、边框、内外边距组成的盒子的文字和图片就是内容区域盒子的厚度称之为盒子的边框盒子内容于边框的距离 是 内边距盒子于盒子之间的间距是外边距盒子边框语法border:border-width | border-style | border-color属性作用border-width定义边框粗细，单位是pxborder-style边框的样式border-
2021-10-18 16:21:08
244
原创 最详细CSS入门教程 03 - css字体样式
font字体font-size:大小作用：用于设置字体大小单位可以是相对长度，也可以绝对长度注意： 文字大小基本使用px 谷歌浏览器默认文字大小为16px 不同浏览器显示的字号大小不一样font-familu:字体作用：设置字体p { font-family:'微软雅黑' }font-weight:字体粗细在这里设置字体的加粗 也可以使用b和strong标签来加粗平常更喜欢用数字来表示加粗和不加粗font-style:字体风格在html中如何将字体倾
2021-10-12 15:14:53
192
原创 02 - CSS基础选择器(重点)
CSS选择器作用 作用：找到特定的HTML页面元素 （选择标签用的，把想要的标签选择出来） <style>h3 { color:red}/*把h3选择出来 然后把他的颜色变成红色 */</style> 基础选择器 标签选择器 概念：标签选择器是指用HTML标签名 作为选择器，按标签名分类，为页面中某一类标签指定统一的css样式 语法 标签名 { 属性：属性值 } ..
2021-10-11 17:06:59
114
原创 vue部署服务器
只需要npm run build 打包然后在项目的文件夹会生成一个文件夹名为 dist的文件夹 把这个放到服务器就可以如果出现部署之后出现空白页面的话 如这样的情况就需要在config.js中配置一下只需要加入publicPath: './'加入这个就不会部署服务器的时候报错就可以完美运行了...
2021-10-11 16:12:14
76
原创 01 - css层叠样式表
1.0 - css网页的美容师让我们的网页更加的丰富多彩，布局更加的灵活自由css最大的贡献：是让HTML从样式中分离，让HTML专注去做结构，css做样式结构(HTML)和样式(css)相分离1.1 - css初识概念CSS(Cascading Style Sheets),通常称为CSS样式表或层叠样式表作用主要用于设置HTML的文本内容、图片的外形和排版引入css样式表1. 行内式通过标签的style来设置元素的样式<p style = '属性：属性值;'>
2021-10-11 16:10:41
98
原创 swiper遇到tab栏切换不触发
在项目中遇到一个问题就是 在tab切换的时候 突然发现 swiper 不会自动轮播也不能切换了，看了文档发现要添加一个监听器在swiper初始化加上即可正常使用observer:true,observeParents:true,
2021-08-23 22:03:04
407
原创 js去重indexOf和es6的set
js的去重是很重要的 有很多的面试题也会问到第一种去重 使用indexOf() let arr = [1, 3, 4, 5, 6, 7, 4, 3, 2, 4, 5, 6, 7, 3, 2]; //调用函数 封装函数 把要去重的数组作为参数 console.log(find(arr)) function find(arr){ //创建一个空的数组 let arr2 = []; //循环一下数组 for(let i=0;i<arr.length;i++){ //判断数组i在不在空数组
2021-06-17 11:31:50
184
原创 Vue Cannot read property ‘parseComponent‘ of undefined 问题记录
当我更新了vue的时候 然后运行就报错了 Vue Cannot read property ‘parseComponent‘ of undefined显示无法读未定义属性解决问题 这个是跟vue与vue-template-compiler版本号的问题所以重新安装一下vue-template-compiler就行了版本号需要跟 vue的版本号一样才可以 不然还是会报错...
2021-06-09 17:19:26
2316
原创 element-ui 和echarts的依赖性大解决问题
类似以这样的话 就是比较大 我们需要优化一下怎么优化呢 ？我们需要把他全部导入的改成CDN导入就可以把体积变小了 <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <script src="https://cdn.bootcss.com/vue/2.6.11/vue.min.js"></script> <script src=".
2021-06-09 00:04:46
361
2
原创 GitHub修改host加速和host无法修改
修改host1查询ip然后打开网页 https://www.ipaddress.com/ip-lookup输入github.comgist.github.comgithub.global.ssl.fastly.netassets-cdn.github.com这几个在上面的网站输入这四个网址点lookup 然后出现一个页面往下滑继续输入当输入到assets-cdn.github.com的时候会出现四个ip地址然后键盘win+r 输入cmd 如果一个一个网址ping如果没有出现超
2021-05-19 16:42:54
889
原创 git commit如何跳过eslint
如果你在git commit的时候出现你的代码报错 但是代码又可以运行 这就是esline的规则 代码可能不规范什么的这时候就可以用到跳过esline验证了只需要在commit后面添加–no-verify这个就可以例 git commit --no-verify -m " first "...
2021-04-18 15:27:32
3222
原创 error: remote origin already exists.
当你在git push到GitHub的时候报错出现error: remote origin already exists.翻译过来呢就是 错误:远程源已经存在。那么怎么解决这个问题呢第一 先用git remote -v 查看远程库的信息可以看到 已经关联了仓库了我们就把他删掉输入 git remote rm origin （删除关联的仓库）然后在push就不会出错了...
2021-03-26 15:30:32
14681
2
原创 git的操作和简单的认识
1分布式版本控制git是分布式版本控制系统，每个人的电脑就是一个完整的版本库，工作的时候不需要联网，不会因为服务器损坏或服务器问题而无法工作git的协同方式：自己的电脑改了A文件，其他人的电脑也改了A文件，同时可以看到更新了那些代码和文件2git的安装下载慢用淘宝镜像 https://npm.taobao.org/mirrors/git-for-windows下载好无脑下一步安装好之后下一步Git Bash:Unix和Linux风格的命令行，使用最多 推荐最多Git CMD：window风
2021-03-14 21:16:19
79
原创 cookie
cookie 会话跟踪术cookie是从开始到结束的整个过程，全程跟踪客户状态cookie的作用就是用于解决 “ 然后记录客户端的用户信息 ” cookie ： 可以设置过期时间 最大可以存储 4kb 每个域名下最多可以存储50条数据（不同浏览器有偏差） 只能存储字符串 一般存储比较重要的东西 登录、购物车、点赞等语法必选项 name = value 设置cookie document.cookie=' username = xxx ' encodeURICompone
2021-03-10 09:07:26
60
2
原创 404 Not Found
出现404 Not Found nginx 这个问题的时候看一下自己的地址栏是不是错了 是不是多了符号这个就是多了%20 解决这个问题 只需要把空格去掉就可以了
2021-03-07 22:09:30
59
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人