Vue
文章平均质量分 82
记录Vue相关知识点,以及前端功能实现
Litt_White
这个作者很懒,什么都没留下…
展开
-
Vue专栏目录
Vue专栏目录,目前主要分为项目搭建,vue知识点,vue功能实现,第三方包等内容原创 2023-01-18 09:54:43 · 844 阅读 · 0 评论 -
前端工程化:脚手架开发
这个是Linux下的,可以通过bash命令行操作,cmd和shell都会报错。ora:loading状态加载。:windows下没有。chalk:颜色渲染。原创 2023-08-07 09:41:39 · 1202 阅读 · 0 评论 -
前端工程化:模块化、包管理工具、打包工具(Webpack基本使用和优化)、前端性能监控
test.imooc__source [ 1 ] : source } // 测试:用来对loader进行单独测试,排查当前文件bug 的 // 判断当前模块是否为主模块(直接运行当前js文件,而不是在其他地方引用,运行其他文件),如果是主模块,require.main = module if(require . main === module) {a: 1,b: 2loader的定义,还是比较简单的,就是上面的格式难的是关于模块信息的提取,涉及到一些算法。const {原创 2023-08-07 09:40:29 · 2499 阅读 · 0 评论 -
前端工程化:express服务端开发
【代码】前端工程化:express服务端开发。原创 2023-04-23 08:52:28 · 1141 阅读 · 2 评论 -
Js:手写EventBus核心逻辑
【代码】Js:手写EventBus核心逻辑。原创 2023-04-08 20:53:59 · 163 阅读 · 0 评论 -
Js:Proxy(Vue3响应式原理)、Reflect(源码中应用多)
是一一对应的,也是13个方法,这里以。也是ES6新增的一个API,它是。分别对应的是函数类型;原创 2023-04-08 16:11:54 · 962 阅读 · 0 评论 -
Js:展开运算符/剩余运算符,解构赋值,函数默认参数,逻辑运算符(|| 和&&),空值合并运算符(??)
age : 7 } ] console . log(... arr1) // 1 3 5 {age:7} (不是数组) // 展开语法和 Object.assign() 行为一致, 执行的都是浅拷贝(只遍历一层)。数组展开语法和 Object.assign() 行为一致, 执行的都是浅拷贝(只遍历一层)原创 2023-04-08 13:55:22 · 1300 阅读 · 0 评论 -
Js:函数增强、对象的增强(vue2响应式原理)、原型对象
Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。(2)函数的输出值和输入值以外的其他隐藏信息或状态无关,也和由I/O设备产生的外部输出无关(因为副作用往往是产生bug的 “温床”。:原型对象指向另一个类型的实例,类似于套娃,就形成了原型链。)都具有__proto__属性(私有属性),指向该对象的原型。默认情况下属性都是没有特别的限制,可以删除,修改对象中的属性。③原型对象的作用是存放这个类型创建的所有实例共享的属性和方法。原创 2023-04-05 20:17:28 · 736 阅读 · 0 评论 -
Js:apply/call/bind、作用域/闭包、this指向(普通,箭头,JS/Vue的this)
这就是一个闭包的应用体现。闭包:它储存了一个函数和一个关联的环境(上下文环境)。,当捕获闭包的时候,它的自由变量会在捕获时被确定,这样即使脱离了捕获时的上下文,它也能照常运行。js的闭包是通过作用域链实现的。并且每当创建一个函数,就会创建一个闭包。闭包的个人理解一个普通的function函数,如果它可以访问外层作用域中的自由变量,name这个函数就是一个闭包。广义来讲:JavaScript中的函数都是闭包狭义上讲:JavaScript中一个函数,如果访问了外层作用域的变量,那么它一定是一个闭包。原创 2023-04-05 16:16:51 · 588 阅读 · 0 评论 -
Js:变量类型,代码块,++前后区别,函数声明/表达式,debuger调试,元素/event/window大小和位置
1、前 ++ ( 例:++count) 是先自加再使用,而后 ++ ( 例:count++) 是先使用再自加!2、前-- ( 例:-- count) 是先自减再使用,而后-- ( 例: count-- ) 是先使用再自减。程序员约定成俗的一些单词,用于不知道如何命名(变量,函数,对象等)时,临时使用的变量名。比如:开发中,一行代码很难完成某一个特定功能,我们就会将这些代码放到一个。在vue文件引入方法后,可以查看方法的注释说明,规范代码。一般场景:1,2,3,4 就够了。包裹的代码,称之为代码块。原创 2023-04-05 09:28:48 · 1066 阅读 · 0 评论 -
Vue:关于router-view的命名视图、传参、自定义事件
目前根据项目要求,需要实现这么一个需求:(1)一级目录在顶部,二级目录在侧边,右边是main主要内容(2)main主要内容包含:固定的地图组件,以及left,bottom,right组件(3)left,bottom,right组件根据二级菜单的点击,是可变的,(4)在二级菜单中可能会使用同一地图组件(保活),也可能不会展示地图组件(5)left,bottom,right组件要实现跟地图组件的通信。原创 2023-04-03 17:47:38 · 3322 阅读 · 0 评论 -
less的基本使用
定义同一变量名称(名字)两次或多次后,less只会选择最后定义的!@bg-img : "路径1";@bg-img : "路径2";@bg-img : "路径3";header {} // 结果为:background : url("路径3");原创 2023-03-30 21:24:09 · 6249 阅读 · 0 评论 -
Vue:关于微前端的整合
router , render :(h) => h(App) }) . $mount('#app') // 监听卸载操作 window . addEventListener('unmount' , function() {原创 2023-03-30 20:12:13 · 2697 阅读 · 0 评论 -
Js:Blob、ArrayBuffer、FileReader、URL、Image、关于文件下载的方法案例
目录概括1. 基本概念1.1 Blob:存储二进制文件的“容器”。不可变。1.2 File:File接口基于Blob1.3 ArrayBuffer :表示原始的二进制数据缓冲区1.4 FileReader:异步文件读取,可进行文件类型转换1.5 URL.createObjectURL():file转成url1.6 new Image():生成一个尚未被插入 DOM 树中的 img标签2. 基本功能2.1 Blob、File可实现的功能2.2 ArrayBuffer可实现的功能2.3 Blob(File)和A原创 2023-03-30 19:46:01 · 4576 阅读 · 1 评论 -
Vue:零散的知识点或技巧
Vue:零散的知识点或技巧一、v-for循环中绑定不同点击事件二、v-for循环中绑定不同class属性三、event对象的offsetX, clientX, pageX, screenX四、++couut 与 count++ 以及 --couut 与 count-- 区别五、Vue刷新当前路由六、el-table中加key值的作用七、CSS 修改盒子模式原创 2023-02-28 20:19:03 · 437 阅读 · 0 评论 -
Vue:Vue.directive、Vue.filter、this.$set、this.$forceUpdate的使用详解
Vue.directive、Vue.filter、this.$set、this.$forceUpdate的使用详解原创 2023-02-05 17:09:09 · 942 阅读 · 0 评论 -
Vue:关于Vue.prototype、Vue.component和Vue.use的使用详解
Vue:关于Vue.prototype、Vue.component和Vue.use的使用详解。以及Vue.prototype、Vue.component和Vue.use三者的区别原创 2023-02-05 11:33:02 · 2161 阅读 · 0 评论 -
Vue:关于插槽的详解
Vue:关于插槽的详解。包括默认插槽的使用,具名插槽的使用,动态插槽名,作用域插槽的使用以及实战应用场景,和插槽的多层嵌套原创 2023-02-04 23:31:15 · 3880 阅读 · 0 评论 -
Vue:this.$nextTick()的详解
Vue:this.$nextTick()的详解原创 2023-02-04 20:19:28 · 1715 阅读 · 3 评论 -
Vue前端基于模板实现word导出功能
Vue前端基于模板实现word导出功能原创 2023-01-30 14:30:36 · 603 阅读 · 0 评论 -
js:Promise理解、async和await的理解、宏任务/微任务、异常处理、防抖和节流
Promise理解、async和await的理解(未完成)、构造函数/原型/原型链、防抖和节流、this指向(普通函数,箭头函数,JS/Vue的this)、上下文环境、作用域和闭包原创 2022-08-14 21:56:26 · 5249 阅读 · 0 评论 -
css常用样式
css常用选择器,深度选择器,css常用样式,css 水平垂直居中,滚动,隐藏滚动条,flex布局原创 2022-08-06 17:31:35 · 1539 阅读 · 0 评论 -
js:数组去重和获取重复元素(普通数组和嵌套对象数组)
关于js的数组去重和获取重复元素,在项目开发中经常会遇到,这里提供个实现思路以供参考。数组主要分为:普通数组和对象数组(嵌套对象数组)两类。普通数组:`[1,2,3,'a','b']`对象数组:`[{name:'zhangsan'},{name:'lisi'},{name:'wangwu'}]`普通数组的去重,以及获取重复元素比较简单,重点是关于对象数组去重,以及获取重复元素。对象数组去重分为两类:根据`某一属性去重`,和`去重完全相同对象`(属性属性值都相同)原创 2022-12-27 21:14:40 · 7780 阅读 · 2 评论 -
Js:Fetch()、window
web API相关使用说明,包括:FileReader:读取excel文件,读取word文件,读取图片文件,window.URL.createObjectURL():创建url,实现图片预览等功能使用,new Image():等效于标签,Fetch():请求资源,代替XMLHttpRequest的,window:常用的window方法集合,例如window.open和window.location.href......原创 2022-08-10 15:52:20 · 1500 阅读 · 0 评论 -
utils:常见的几种日期格式和转换方法
常见的日期格式,日期格式化,UTC转换,中国标准时间转换,时间戳转换原创 2022-07-19 22:57:08 · 16335 阅读 · 0 评论 -
utils:小数精准运算、数字截取保留、小数转百分比
utils:带小数的精准运算 和 数字的截取保留功能封装原创 2023-01-30 10:56:56 · 422 阅读 · 0 评论 -
utils:本地缓存localStorage的功能封装
utils:本地缓存localStorage的功能封装原创 2023-01-30 10:14:42 · 271 阅读 · 0 评论 -
utils:crypto-js的基本使用和(加密/解密)功能封装
js:crypto-js的基本使用(加密/解密)原创 2023-01-30 09:34:35 · 492 阅读 · 0 评论 -
a标签下载功能(同域和跨域)
js:a标签下载功能(同域和跨域)原创 2023-01-30 09:13:31 · 2321 阅读 · 0 评论 -
Vue实现元素选中高亮效果
Vue实现元素选中高亮效果原创 2023-01-30 09:18:14 · 551 阅读 · 0 评论 -
vue.config.js的详解
vue.config.js配置详情(超级详细)原创 2023-01-19 02:13:44 · 8684 阅读 · 0 评论 -
git、github、npm、node多版本管理
Git和Npm相关命令原创 2022-06-24 08:45:05 · 1261 阅读 · 0 评论 -
VsCode常用插件和快捷键
格式化 .vue 文件,包括里面的 CSS、JS,至于模板即 HTML 部分,官方维护者说没有比较好的工具支持,默认是不格式化的。支持缩写:常用的类声明、ES 模块声明、CMD 模块导入等,支持的缩写不下 20 种。给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色。修改标签对,能在你修改开始(结束)标签的时候修改对应的结束(开始)标签。使用说明:shift+alt+l(小写),shift+alt+u(大写)使用说明:Alt+Shift+F (格式化全文),可以设置自动化格式。原创 2022-09-30 10:51:23 · 6809 阅读 · 0 评论 -
antd-vue(1.7.8版本)常见组件的样式修改
antd-vue(1.7.8版本)常见组件的样式修改原创 2022-08-01 08:53:06 · 1435 阅读 · 0 评论 -
vue下载excel模板文件,excel读取
vue实现下载excel模板文件,并读取excel数据原创 2022-07-19 19:46:02 · 1524 阅读 · 0 评论 -
Vue3创建项目操作步骤和删除预设模板
一、创建vue3.x项目1、输入命令 vue create projectname注意:如果你想在某个目录下创建项目,可以先打开这个文件夹,然后shift+右键,选择在此处打开Powershell窗口2、输入命令后会跳出选项我们选最后一个 Manually select features 自定义创建,按回车键进入下一步3、我们可以按上下键,然后按空格键选中需要的选项,最后按回车键进入下一步( ) Babel //转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。( ) Typ原创 2022-05-05 10:48:54 · 12314 阅读 · 0 评论 -
项目初始化相关配置
项目初始化相关配置:editorconfig文件、eslintrc.js文件、prettierrc文件、prettierignore文件、vue.config.js文件原创 2022-06-16 11:05:22 · 373 阅读 · 0 评论 -
图片在<template>、<script>、<style>中的使用方法
图片在<template>、<script>、<style>中的使用方法原创 2022-07-18 22:28:45 · 1091 阅读 · 0 评论 -
img图片的预览和下载(iframe基本使用),图片转file格式,file文件转base64格式,base64的编码和解码
img图片的预览和下载,图片转file格式,file文件转base64格式,base64的编码和解码原创 2022-07-18 23:39:16 · 4873 阅读 · 1 评论 -
vue的proxy代理详解
一、proxy常用参数说明module.exports = { publicPath: "/", devServer: { proxy: { "/api": { // 代理名称 凡是使用/api开头的地址都是用此代理 target: "http://1.2.3.4:5000/", // 需要代理访问的api地址 changeOrigin: true,原创 2022-05-11 10:42:04 · 16932 阅读 · 0 评论