笔记
文章平均质量分 59
鱼丸粗面(●'◡'●)o(* ̄▽ ̄*)o
世上本无事,庸人自扰之^_~
展开
-
手写rem函数封装
rem原理原创 2022-07-15 22:32:05 · 127 阅读 · 0 评论 -
vue虚拟dom diff算法
高频面试题原创 2022-07-14 14:41:26 · 165 阅读 · 0 评论 -
ES6数组的迭代方法
ES6数组的迭代原创 2022-06-05 21:39:19 · 109 阅读 · 0 评论 -
js高级展开运算符等
展开运算符原创 2022-06-05 20:09:33 · 176 阅读 · 0 评论 -
vue中的插槽
vue里面插槽的理解原创 2022-06-04 22:00:32 · 59 阅读 · 0 评论 -
vue全局注册自定义图片属性
vue项里面,注册全局的图片自定义属性原创 2022-06-03 16:58:26 · 461 阅读 · 0 评论 -
svg标签的使用
svg的用法和注意事项原创 2022-06-01 21:27:16 · 5916 阅读 · 0 评论 -
promise静态方法
静态方法:将一个方法挂载导函数上,这个方法可以称之为静态方法**静态成员和实例成员**静态成员: 函数自己的成员实例成员: 实例对象的成员就是将 方法挂载到函数上 就可以使用 静态方法两种代码效果一样 ,静态方法更加简化...原创 2022-05-26 21:31:57 · 139 阅读 · 0 评论 -
vue懒加载
懒加载出现是因为 ,整个项目里面 子组件过多,如果在起始页面就已经全部加载完成 就会很慢 影响用户体验 于是懒加载机制就出现了路由 懒加载 的主要原理就是原本的 Vue 模块是全部导入在一起的打包文件,运行后用户查看相关模块显示的内容时会将整个打包的文件引入而后在其中查找对应的模块然后才将其呈现给用户。第一步:声明一个变量 ,可以理解为是路由里面的组件, 函数要有变量来接收可以把子组件想象成 一个引入文件 在路由里面 点击这个路径const原创 2022-05-23 20:22:41 · 639 阅读 · 0 评论 -
Vue项目里面 表单的正则验证和表单验证(两种验证方式)
{validator: 函数名 ,trigger: 'blur'}这个和之前的函数定义不一样 ,但是data里面也可以定义函数const samePwd = 一个函数其实很值钱没什么区别原创 2022-05-20 20:17:30 · 1012 阅读 · 0 评论 -
JS中全局变量和局部变量的生命周期
如图;在函数体外面声明的变量 就是全局变量函数体内部的b就是局部变量两者之间的区别:1.全局变量是在页面加载的时候,就开始生成 在页面关闭时就销毁也就是说 在全局代码执行完毕之后2.局部变量 只有在函数体内部 才会生效 当函数调用的时候就要生成 执行完毕之后就销毁函数体内部的变量 每次函数调用就会创建一个新的...原创 2022-05-18 20:24:38 · 563 阅读 · 0 评论 -
v-model修饰符
● 语法: v-model=“data数据变量”● 双向数据绑定○ 数据变化 -> 视图自动同步○ 视图变化 -> 数据自动同步<template> <div> <!-- v-model:是实现vuejs变量和表单标签value属性, 双向绑定的指令 --> <!-- 绑定输入 --> <div> <span>用户名:</span>原创 2022-05-17 21:27:47 · 69 阅读 · 0 评论 -
vue基础总结 (全局组件和全局指令 v-model语法糖 )
**全局组件:如何让组件,设置为全局的组件:在入口文件里面引入这个组件Vue.compoent("组件名", 组件名)**全局指令**在一个简单的命令,重复使用的情况下比如输入框的自动聚焦Vue.durective( "'focus'" ,{ inserted(el){ el.focus()}} )使用自定义属性 > 定义事件类型 > inserted (el原创 2022-05-15 20:24:07 · 348 阅读 · 0 评论 -
Vuex理解
Vuex的作用作用就是一个数据仓库**基本的配置****state基本使用(数据)**组件访问数据的方式可以再多个组件访问数据方式一:方拾二:**mapState原理****Mutation 变异(修改state里面的数据)**这样做的结果 数据追踪很困难 特别是大型项目mutation这样做的目的是让调试工具 知道每一次修改是哪个修改的具体使用1-在组件里面声明点击事件 调用函数methods在methods.原创 2022-05-14 20:34:59 · 67 阅读 · 0 评论 -
vue-router路由
**1-路由是什么**生活中设备和ip的映射关系node接口和服务的映射关系vue路径和组件的映射关系2—为什么需要路由实现单页面应用 spa (所有业务一个页面)要用到前端路由实现业务场景切换好处: 页面不刷新 用户体验好数据传输容易,开发效率高缺点: 首次加载比较慢 不利于SEO**如何在vue里使用路由**vue-router简介配置路由1-下包2-引入文件import VueRouter from "vue-rout原创 2022-05-13 19:23:55 · 177 阅读 · 0 评论 -
动态组件_插槽
**组件进阶 - 动态组件**需求: 完成一个注册功能页面, 2个按钮切换, 额外封装两个组件:一个填写注册信息, 一个填写用户简介信息目标: 多个组件使用同一个挂载点,并可以动态切换,这就是动态组件根组件├── App.vue└── components ├── UserName.vue # 用户名和密码输入框 └── UserInfo.vue # 人生格言和自我介绍框<component :is="comName"></component>原创 2022-05-10 11:11:01 · 105 阅读 · 0 评论 -
async-await语法
async,await 是es7中新增的语法,用来进一步改进异步代码的写法,是promise升级版asyncasync函数返回一个 Promise 对象。async函数内部return语句返回的值是Promise 对象的值function f1 () { return 1}async function f2 () { return 1}async function f3 () {}const r1 = f1()const r2 = f2()const r3 = f3()con原创 2022-05-09 19:27:50 · 68 阅读 · 0 评论 -
vue-cli 脚手架介绍
**vuecli是什么**vue-cli是vue官方提供的一个全局模块包(通过命令工具行来使用), 用来快速创建一个脚手架项目。● 基于webpack● 开箱即用,零配置脚手架是为了保证各施工过程顺利进行而搭设的工作平台● 脚手架工程就是一套固定的文件夹+文件+配置的工程, 我们在此基础上开发业务● 在开发过程中,脚手架工具是有用的,开发完成(项目上线生产环境),它就没有用了好处和能力● 统一的项目结构(文件夹+文件+配置代码)● 开发过程中的webpack各系列支持○ babel原创 2022-05-09 19:26:38 · 631 阅读 · 0 评论 -
Node.js里面的npm和包
npm简介● npm 全称 Node Package Manager(node 包管理器),它的诞生是为了解决 Node 中第三方包共享的问题。● npm 不需要单独安装。在安装Node的时候,会连带自动安装npm。● npm -v检查安装的情况。当我们谈到npm时,我们在说两个东西:● 命令行工具。这个工具在安装node时,已经自动安装过了,不需要额外安装。● npm网站。这是一个第三方模块的"不花钱的模块超市",我们可以自由地下载,上传模块。包(package)与模块关系npm网站上去下原创 2022-04-26 21:01:26 · 395 阅读 · 0 评论 -
Node.js里面的模块化
1. 啥是模块化?一个js文件可以引入其他的js文件,能使用引入的js文件的中的变量、数据,这种特性就称为模块化。使用模块化开发可以很好的解决变量、函数名冲突问题,也能灵活的解决文件依赖问题。2. 模块化的发展● 以前es5不支持模块化,让前端人员很为难。为了让支持模块化,我们一般会借用第三方库来实现:○ sea.js. https://www.zhangxinxu.com/sp/seajs/○ require.js. https://requirejs.org/● 现在○ es6原生原创 2022-04-26 21:01:05 · 57 阅读 · 0 评论 -
十分钟带你认识Node.js
Node.js是什么Node.js® 是一个基于 Chrome V8 引擎 的 JavaScript 运行时上面的概念中有两个特殊的名词,解释如下:● chrome V8引擎: chrome浏览器用来解析和执行js代码的工具;● 运行时:理解为一个容器,用来运行代码的环境;所以,对Node.js更通俗的解释是:一个用chrome浏览器V8引擎来跑JS代码的环境。● 浏览器是javascript的前端运行环境;● Node.js是javascript的后端运行环境;Nodejs的理解● No原创 2022-04-25 17:43:35 · 1485 阅读 · 0 评论