前端
文章平均质量分 76
WEXIA666
这个作者很懒,什么都没留下…
展开
-
前端监控与前端埋点方案
前端监控与前端埋点方案原创 2022-12-20 13:57:49 · 661 阅读 · 1 评论 -
前端性能优化的七大手段
前端性能优化的七大手段原创 2022-12-20 13:56:52 · 603 阅读 · 0 评论 -
常见的CSS布局方法
常见的CSS布局方法原创 2022-12-20 13:55:38 · 484 阅读 · 0 评论 -
JavaScript数组去重方法
JavaScript数组去重方法原创 2022-12-20 13:54:30 · 465 阅读 · 0 评论 -
JavaScript常见六种继承方式
JavaScript常见六种继承方式原创 2022-12-20 13:53:36 · 71 阅读 · 0 评论 -
Vuex的相关知识
vuex是一种对vue 应用中多个组件的共享状态进行集中式的管理(读/写);内的方法,以便在该组件中直接使用。的辅助函数,用于在组件中映射。原创 2022-12-20 13:51:49 · 444 阅读 · 0 评论 -
TypeScript学习笔记
TypeScript学习笔记原创 2022-12-01 14:03:12 · 373 阅读 · 0 评论 -
微信小程序开发学习笔记
微信小程序开发学习笔记原创 2022-10-26 09:27:40 · 614 阅读 · 0 评论 -
React学习笔记
前端React学习笔记原创 2022-10-21 14:54:17 · 246 阅读 · 0 评论 -
前端JavaScript 常见的报错及异常捕获
常见的错误类型RangeError:标记一个错误,当设置的数值超出相应的范围触发。比如,new Array(-20)。ReferenceError:引用类型错误,当一个不存在的变量被引用时发生的错误。比如:console.log(a)。SyntaxError:语法错误。比如 if(true) {。TypeError:类型错误,表示值的类型非预期类型时发生的错误。常见的错误RangeError: Maximum call stack size exceeded含义:超出了最大的堆栈大小转载 2021-08-17 11:16:06 · 399 阅读 · 0 评论 -
JavaScript链表的基本操作完整版
JavaScript链表的基本操作完整版一:定义单向链表节点类//定义单向链表的节点类class Node{ constructor(data){ this.data = data //节点的数据域(数据成员) this.next = null //节点的指针域(指针成员) }}二:定义单向链表类//定义单向链表类class SingleLinked{ constructor(){ this.size = 0 //用记原创 2021-08-07 23:19:33 · 2247 阅读 · 0 评论 -
JavaScript运算符参考手册
JavaScript运算符参考手册JavaScript 算术运算符给定 y = 5,下表解释了算术运算符:运算符描述例子y 中的结果x 中的结果+加x = y + 2y = 5x = 7-减x = y - 2y = 5x = 3*乘x = y * 2y = 5x = 10/除x = y / 2y = 5x = 2.5%模数(除余)x = y % 2y = 5x = 1++累加x = ++yy = 6原创 2021-08-07 23:16:30 · 146 阅读 · 4 评论 -
前端Vue中常用表单rules校验规则总结
「前端Vue中常用rules校验规则」本文转载自 https://www.cnblogs.com/lieone/p/11856330.html对前端vue中常用的rules做了总结。1、是否合法IP地址export function validateIP(rule, value,callback) { if(value==''||value==undefined||value==null){ callback(); }else { const reg = /^(\d{1,2转载 2021-08-03 20:21:24 · 2544 阅读 · 0 评论 -
手写Promise函数
手写Promise1 定义整体结构class Promise{ /* Promise 构造函数 executor: 内部同步执行的函数 (resolve,reject) =>{} */ constructor(executor){ } /* 为 promise指定成功/失败的回调函数 函数的返回值是一个新的 promise对象 */ then(onResolved, onRejected){ }原创 2021-08-02 10:18:54 · 282 阅读 · 0 评论 -
Vue项目实战---外卖app笔记
day011. 项目开发准备项目描述技术选型API接口你能从此项目中学到什么?2. 开启项目开发使用脚手架创建项目安装所有依赖/指定依赖开发环境运行生产环境打包与发布3. 搭建项目整体界面结构stylus的理解和使用 结构化, 变量, 函数/minxin(混合)vue-router的理解和使用 router-view/router-link/keep-alive $router: 路由器对象, 包含一些操作路由的功能函数, 来实现编程式导航(跳转路由)原创 2021-07-28 09:50:48 · 1140 阅读 · 2 评论 -
slot、slot-scope与v-slot替换
「slot、slot-scope与v-slot替换 」 slot、slot-scope已经被弃用,所以推荐使用v-slot进行替换 // slot-scope 弃用写法 <el-table-column label="状态" prop="mg_state"> <template slot-scope="scope"> <el-switch v-model="scope.row.mg_state">原创 2021-07-27 15:39:50 · 5824 阅读 · 0 评论 -
加载服务器图片预览问题
「加载服务器图片预览问题」查看 API接口返回的数据时可以看到:所以在处理图片预览效果的时候,应该是将 url 的地址 赋值给 previewPath,然后加载一个对话框进行img 展示// 处理图片预览效果handlePreview(file) { this.previewPath = file.response.data.url console.log(this.previewPath) this.previewVisible = true},<!--图片预览模块对话框原创 2021-07-27 15:38:18 · 743 阅读 · 0 评论 -
stylus和stylus-loader版本在Vue中的兼容问题
「stylus和stylus-loader版本在Vue中的兼容问题」报错代码Module build failed (from ./node_modules/stylus-loader/dist/cjs.js):ValidationError: Invalid options object. Stylus Loader has been initialized using an options object that does not match the API schema. - options原创 2021-07-27 15:34:25 · 540 阅读 · 0 评论 -
NodeJS教程笔记
Node介绍为什么要学习Node.js企业需求具有服务端开发经验更改front-endback-end全栈开发工程师基本的网站开发能力服务端前端运维部署多人社区Node.js是什么Node.js是JavaScript 运行时通俗易懂的讲,Node.js是JavaScript的运行平台Node.js既不是语言,也不是框架,它是一个平台浏览器中的JavaScriptEcmaScript基本语法ifvarfunctionObjectArray原创 2021-07-27 15:32:49 · 378 阅读 · 0 评论 -
HTML教程笔记
HTML教程笔记1. web标准的构成 结构—> 网页元素整理分类(HTML) 、表现----> 外观样式(CSS)、行为----> 交互(JavaScript) 三者分离2. HTML语法规范(Hyper Text Markup Language):超文本标记语言 <html> <!-- 头部标签 --> <head> <!-- 标题标签 --> <原创 2021-07-27 15:25:17 · 230 阅读 · 0 评论 -
JavaScript数组操作方法总结
前言最近在学习JavaScript的时候,发现数组操作方法老是记得不是很清楚,于是去网上找了一些资料,都不是很全,于是自己尝试整理,后来发现一个公众号:小狮子前端 ,这个大佬的整理很详细,于是做了搬运,并且在这个基础上再稍微添加了一些方法,大佬在GitHub上也有网站,里面有很多前端学习资料,附上大佬网址:https://github.com/Chocolate1999/Front-end-learning-to-organize-notes有兴趣的可以去看看。...原创 2021-07-22 22:54:11 · 292 阅读 · 2 评论 -
前端代码多行选中及光标移到最后最前的操作快捷键
今天在写代码的时候突然发现之前没注意到的快捷键,因此写一下记录一下。鼠标滚轮中键按住下拉,可以多行选择。这样就可以同时输入多行一起。搭配 home键和end键,可以实现全体光标的最前和最后。...原创 2021-07-20 10:04:19 · 2593 阅读 · 2 评论 -
MongoDB基础及高级教程
MongoDB基础教程附录1 数据库主要分成两种: –关系型数据库(RDBMS) •MySQL 、 Oracle 、 DB2 、 SQL Server …… •关系数据库中全都是表 –非关系型数据库(No SQL)not only sql •MongoDB 、 Redis …… •键值 对数据库 •文档数据库 MongoDBMongoDB简介 •MongoDB 是为快速开发互联网 Web 应用而设计的数据库系统。 •MongoDB 的设计目标原创 2021-07-14 15:24:58 · 865 阅读 · 0 评论 -
Bootstrap教程
Bootstrap教程容器:1、流体容器 class=“container-fluid”2、固定容器 class=“container” 阈值 width 大于等于1200(lg 大屏pc) 1170(1140+槽宽) 大于等于992小于1200(md 中屏pc) 970(940+槽宽) 大于等于768小于992(sm 平板) 750(720+槽宽) 小原创 2021-07-08 08:09:38 · 423 阅读 · 0 评论 -
GIT教程
GIT教程Git基础 Git官网(下载速度慢) https://git-scm.com/ 阿里云加速(下载速度快):https://npm.taobao.org/mirrors/git-for-windows/01——版本控制集中式(svn)svn因为每次存的都是差异 需要的硬盘空间会相对的小一点 可是回滚的速度会很慢优点: 代码存放在单一的服务器上 便于项目的管理缺点: 服务器宕机: 员工写的代码得不到保障 服务器炸了: 整个项目的历史记录都会丢失原创 2021-07-08 08:08:22 · 903 阅读 · 0 评论 -
JS模块化学习笔记
JS模块化学习笔记1 模块化进化史教程全局function模式module1.js//数据let data = 'atguigu.com'//操作数据的函数function foo() { console.log(`foo() ${data}`)}function bar() { console.log(`bar() ${data}`)}module2.jslet data2 = 'other data'function foo() { //与另一个模块原创 2021-07-08 08:06:47 · 221 阅读 · 0 评论 -
Webpack教程
Webpack5教程1.webpack简介1.1 webpack是什么 入口文件例如index.js,依次引入资源例如jQuery,less等,引入之后形成了 chunk 代码块 再对chunk代码块进行处理,即打包(less打包成css,jQuery变成js文件等),打包好的资源就称为bundle1.2 webpack五个核心概念:Entry、Output、Loader、Plugins、Mode2.webpack 初体验2.1 初始化配置1. 运行指令: 开发环境:we原创 2021-07-08 08:05:21 · 180 阅读 · 0 评论 -
vuecli3.0+ element-ui打包发布图标不显示问题
首先需要明确的是:icon不显示发现是路径不对,请求路径是/dist/static/css/static/fonts/732389de.element-icons.ttf,多了css/static。正确路径应该是/dist/static/fonts/732389de.element-icons.ttfvue-cli2 可以更改utils.js文件if (options.extract) { return ExtractTextPlugin.extract({ use: loaders,原创 2021-06-26 12:41:46 · 1367 阅读 · 0 评论 -
利用宝塔面板部署Vue项目教程
1 安装 堡塔SSH客户端,进行SSH连接服务器2 在Ubuntu的系统中,输入命令wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh3 安装成功之后,输入服务器ip+8888端口访问宝塔面板http://1xx.xxx.xx:12580/ //这里我已经将宝塔面板默认的端口改为了 125804 SSH连接之后,输入 bt 就可以列出原创 2021-06-26 12:39:52 · 17747 阅读 · 5 评论 -
less学习教程
less学习教程原创 2021-06-24 09:40:02 · 109 阅读 · 0 评论 -
axios自己学习笔记
axios学习笔记1 与ajax的区别 axios是通过promise实现对ajax技术的一种封装,就像jQuery实现ajax封装,是现在前端最流行的ajax请求库 简单来说: ajax技术实现了网页的局部数据刷新,axios实现了对ajax的封装。ajax请求是一种特别的http请求对服务器端来说, 没有任何区别, 区别在浏览器端浏览器端发请求: 只有XHR或fetch发出的才是ajax请求, 其它所有的都是非ajax请求浏览器端接收到响应 一般请求: 浏览器一般会直接显示响应原创 2021-06-23 21:33:44 · 270 阅读 · 0 评论 -
ES6学习笔记
ES6学习笔记1 let 关键字let关键字用来声明变量,使用 let声明的变量有几个特点:不允许重复声明块儿级作用域不存在变量提升不影响作用域链应用场景:以后声明变量使用 let就对了2 const关键字const 关键字用来声明常量, const声明有以下特点:声明必须赋初始值标识符一般为大写不允许重复声明值不允许修改块儿级作用域注意: 对象属性修改和数组元素变化不会出发 const错误应用场景:声明对象类型使用 const,非对象类型声明选择 let3原创 2021-06-23 21:31:21 · 241 阅读 · 0 评论