05 2021 档案
摘要：js数据类型 数据分为基本数据类型和复杂（引用）数据类型 基本数据类型的特点：直接存储在栈(stack)中的数据 引用数据类型的特点：栈中存储的是该对象在栈中引用，真实的数据存放在堆内存里。引用数据类型在栈中存储了指针，该指针指向堆中该实体的起始地址。当解释器寻找引用值时，会首先检索其在栈中的地址，
阅读全文
摘要：1. 事件队列( JS的任务队列 ) 浏览器是多线程的： GUI渲染线程 HTTP网络请求线程( 6-7个 ) 事件监听、定时器监听 JS的代码运行时单线程的，浏览器只分配一个GUI线程去执行我们的JS代码 对于大部分JS代码来讲，上面代码没有执行完成，下面的代码时不能执行的 " 同步编程 " 但是
阅读全文
摘要：对象 let a = {x:100} let b = {y:200} let obj = {} obj[a] = '珠峰' obj[b] = "培训" console.log(obj) // obj输出： // { // '[object Object]':'培训' // } 而数组对象调用toSt
阅读全文
摘要：JS中常用的数据类型 基本数据类型 数字number 包括常规数字和NaN 字符串string 布尔boolean 空对象指针null 未定义undefined Symbol 引用数据类型 对象数据类型object 普通对象 [] 数组对象 /^abc&/ 正则对象 Math数学函数对象 Date
阅读全文
摘要：JavaScript 模块化 Commonjs、AMD、CMD、es6 modules 今天面试问到模块化的发展，下面是我找来解释的比较明白的博客： 随着前端 js 代码复杂度的提高，JavaScript 模块化这个概念便被提出来，前端社区也不断地实现前端模块化，直到 es6 对其进行了规范，下面就
阅读全文
摘要：谈谈对面向对象的理解 继承： 原型链继承、call 继承、寄生组合继承、es6 的继承 封装：高内聚、低耦合 封装：将常用的功能封装成一个函数，方便下次使用。 多态：重载、重写 重载：其他语言的重载是方法名相同、形参的个数或类型不同。主要是为了减轻业务逻辑的复杂性，减少并发。js 的重载是用相同的函
阅读全文
摘要：JavaScript事件代理（事件委托） 事件冒泡、事件捕获和事件委托 事件冒泡、事件捕获、DOM2事件流和事件委托、DOM事件中Event对象 浅谈js的事件冒泡和事件捕获
阅读全文
摘要：new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例 // ES5构造函数 let Parent = function (name, age) { this.name = name; this.age = age; }; Parent.prototype.sayName =
阅读全文
摘要：防抖 function debounce(fn, delay) { var timer = null; return function(...arg) { clearTimeout(timer); timer = setTimeout(() => { fn.apply(this, arg); },
阅读全文
摘要：this概念 this用来指代当前代码执行上下文环境。 由于函数可以在不同的运行环境执行，所以需要有一种机制，能够在函数体内部获得当前的运行环境（context）。所以，this就出现了，它的设计目的就是在函数体内部，指代函数当前的运行环境。 this的指向规则 // 分为两种： // 全局上下文指
阅读全文
摘要：#继承 https://segmentfault.com/a/1190000008754962
阅读全文
摘要：#数组高阶函数 https://www.runoob.com/jsref/jsref-obj-array.html ##共同特点 不会改变原数组 若需改变原数组，可以用arr[index]=?改变 不可使用return break中断 ##forEach forEach() 方法用于调用数组的每个元
阅读全文
摘要：#数组去重 https://segmentfault.com/a/1190000016418021?utm_source=tag-newest https://blog.csdn.net/weixin_42412046/article/details/81459294
阅读全文
摘要：#基本使用流程 我试用的是阿里云服务器 其他服务器应该也差不多 https://www.aliyun.com/activity/new?utm_content=se_1009243113 第一次购买很便宜 不到一百 ##修改实例的密码 （不是阿里云的密码） ##添加实例的端口号 （不然没法访问） #
阅读全文
摘要：#下载 https://www.mongodb.com/try/download/community #安装 下载后，根据提示安装即可 https://www.runoob.com/mongodb/mongodb-window-install.html 默认安装路径 C:\Program Files
阅读全文
摘要：开发流程 申请账号 微信公众平台 (qq.com) 每个邮箱仅能申请一个小程序 有企业和个人的区分，企业有其他特殊功能权限，个人很少 在开发者工具中新建即可，也可以先用测试账号登录 一般来说，公司开发小程序都会申请企业账号，而且需要提前一个月备案等等 联系管理员把你添加为项目开发成员 设置 - 界面
阅读全文
摘要：#原理分析 获取模块内容 解析模块 收集依赖 ES6转成ES5 递归获取所有依赖 https://juejin.cn/post/6854573217336541192#heading-7 https://juejin.cn/post/6844903858179670030
阅读全文
摘要：##css *, .Cal { padding: 0 } ::-moz-selection { background: #807dd4; color: #FFF } ::selection { background: #807dd4; color: #FFF } ::-webkit-selectio
阅读全文
摘要：###css html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,men
阅读全文
摘要：https://juejin.cn/post/6844903727380332558 https://juejin.cn/post/6900058068374650887 https://juejin.cn/post/6844904079202713608 https://juejin.cn/pos
阅读全文
摘要：全局混入在项目中怎么用? 在main.js中写入 import Vue from 'vue'; import mixins from './mixins'; Vue.mixin(mixins); 复制代码 之后，全局混入可以写在mixins文件夹中index.js中，全局混入会影响到每一个之后创建的
阅读全文
摘要：前端路由和后端路由 前端路由的核心：改变url但是页面不刷新 实现 通过hash模式：location.hash='aaa' 通过h5的history模式：history.pushState({},'','home') history.replaceState history.go(-1) hist
阅读全文
摘要：vuex 组件状态管理 理解：vuex采用类似全局对象的形式来管理所有组件的公用数据 好处： 状态存储是响应式的：当你的组件使用到了这个vuex的状态，一旦它改变了，所有关联的组件都会自动更新相对应的数据 不能随意修改vuex的状态，必须通过唯一途径，显示的提交mutations来实现修改，方便追踪
阅读全文
摘要：$attrs和$listeners
阅读全文
摘要：vue 中使用 go()和 back()两种返回上一页的区别 https://blog.csdn.net/qq_42618566/article/details/91045282 https://www.cnblogs.com/tiedaweishao/p/9144531.html
阅读全文
摘要：vue-cli vue-cli+webpack项目 修改项目名称 使用vue-cli+webpack创建的项目，修改文件名称或者更改文件的位置，运营时会报错，是因为npm项目，在安装依赖（node_nodules）时，会记录当前的文件路径，当修改之后就无法正常启动。 解决办法： 1 删除 node_
阅读全文
摘要：//直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: `/particulars/${id}`, }) { path: '/particulars/:id', name: 'particulars', component: particular
阅读全文
摘要：data 必须是一个函数 (王宏远的讲解) 如果不用function 返回,每个组件的data 都是内存的同一个地址,一个数据改变了其他也改变了， data是一个函数时，每个组件实例都有自己的作用域，每个实例相互独立,不会相互影响
阅读全文
摘要：keep-alive 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们 和 相似， 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在组件的父组件链中。 当组件在 内被切换，它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。 当一个组件a.
阅读全文
摘要：#数据劫持 什么是数据劫持 Object.defineProperty() 给一个对象添加get和set方法，在我们通过类似于obj. attribute获取属性的时候会调用get方法，通过obj.attribute = ***设置属性的时候会调用set方法，我们通过重写这个get，set方法就可以
阅读全文
摘要：https://segmentfault.com/a/1190000016637877
阅读全文
摘要：https://www.jianshu.com/p/d42c508ea9de https://www.jianshu.com/p/6b062af8cf01
阅读全文
摘要：普通插槽：子组件内定义，父组件调用子组件，调用内插入值，即可替换插槽内容 默认插槽：同上，如果显示的某个值很多，即可使用默认的值 多值插槽：如果有多个值，同时放入组件内替换时，一起作为替换元素 具名插槽：子组件name属性 父组件slot=‘Name值’ 编译作用域：使用变量时候，会找自己的作用域查
阅读全文
摘要：v-model，父组件通过v-model传递值给子组件时，会自动传递一个value的prop属性，在子组件中通过this.$emit(‘input',val)自动修改v-model绑定的值
阅读全文
摘要：v-if和v-show的性能比较 实现方式：v-if底层采用的是appendChild来实现的，v-show通过样式的display控制标签的显示，正因为实现方式上面有差异，导致了他们的加载速度方面产生了差异； 加载性能：v-if加载速度更快，v-show加载速度慢 切换开销：v-if切换开销大，v
阅读全文
摘要：Vue常用的事件修饰符 阻止冒泡：.stop 阻止默认事件：.prevent 添加事件侦听器时使用事件捕获模式 ：.capture 只当事件在该元素本身（比如不是子元素）触发时触发回调：.self 事件只触发一次：.once
阅读全文
摘要：Vue常用指令. v-text 插值表达式{{}} {{msg}} v-html v-for v-show v-if v-else v-else-if v-bind v-on v-model v-slot v-pre v-clock v-once 双大括号语法无法渲染HTML标签，我们需要使用v-h
阅读全文
摘要：component transition keep-alive slot
阅读全文
摘要：生命周期的实例方法有哪些，简单介绍一下 Vue.extend Vue.nextTick Vue.set Vue.delete Vue.directive Vue.filter Vue.component Vue.use Vue.mixin Vue.compile Vue.observable Vue
阅读全文
摘要：移动端技术选型 ：方案 单独制作移动端页面（主流）：技术 流式布局（百分比 布局） 例如 京东 flex弹性布局（强烈推荐） 例如 携程网 less+rem+媒体查询布局 例如 苏宁 混合布局 响应式页面兼容移动端（其次） 例如 三星（一个页面兼容所有） 媒体查询 bootstrap flex布局
阅读全文
摘要：WEB技能 技术栈 前端基础必要的知识 HTML ，CSS JavaScript，es6，jQuery，bootstrap 三大框架 vue react angular 网络知识 ajax josn http协议 aixos 后端技术 node 其他技术 微信小程序开发 熟悉web开发调试工具 浏览
阅读全文
摘要：常用CDN font-awesome <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css"> bootstrap <link rel="stylesheet"
阅读全文
摘要：{ "window.zoomLevel": 0, "workbench.statusBar.visible": true, "window.menuBarVisibility": "default", "workbench.activityBar.visible": true, "explorer.
阅读全文
摘要：{ // Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and // description. Add comma separated i
阅读全文
摘要：1 先删除vs软件 彻底删除 用户配置和code配置 1 引入全局代码块 全局设置 和插件 2 格式化插件 需要设置print width 还有save
阅读全文
摘要：ES6 let、var 、const的区别 var let const 块级作用域 无块级作用域 有块级作用域 有块级作用域 变量提升 有变量提升 无变量提升 无变量提升 暂时性死区 无暂时性死区 有暂时性死区 有暂时性死区 值不可更改 值可更改 值可更改 值不可更改 重复声明 能重复声明 不能重复
阅读全文
摘要：概念 在前端开发中，性能一直都是被大家所重视的一点，然而判断一个网站的性能最直观的就是看网页打开的速度。其中提高网页反应速度的一个方式就是使用缓存。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。那么下面我们就来看看服务器端缓存的原
阅读全文
摘要：计算机网络 http 概念：HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件,
阅读全文
摘要：兼容性 web端 css IE低版本图片默认有一个边框 解决方法：添加border:none;属性，最好是在reset.css中添加此属性。 IE6/7不支持border:none 一般浏览器都会支持的，但是如果非要兼容IE低版本，可以使用border:0，不存在兼容性问题； IE8输入框的内容偏上
阅读全文
摘要：浏览器 前端工程师科普 https://juejin.cn/post/6900058068374650887 浏览器运行原理 浏览器是指 可以显示网页服务器或者文件系统的HTML文件（标准通用标记语言的一个应用）内容，并让用户与这些文件交互的一种软件。 浏览器的主要功能 就是向服务器发出请求，在浏览
阅读全文
摘要：优化 谈谈base64的理解 项目管理工具的使用 解释下 CSS sprites，以及你要如何在页面或网站中使用它 CSS Sprites 其实就是把网页中一些背景图片整合到一张图片文件中，再利用 CSS 的"background-image"，"background-repeat"，"backgr
阅读全文
摘要：AJAX 传统方法请求服务器 传统的web交互是用户触发一个http请求服务，服务器收到之后做出响应，并且返回一个新的的页面，每当服务器处理客户端提交的请求时，客户端处于空闲等待。并且哪怕只是与服务端进行一个简单的交互或请求一个简单的数据，都要返回一个完整的HTML页面，这造成了大量的带宽浪费，以及
阅读全文
摘要：node中的模块化导入导出 导出： 导出多个成员（必须在对象中） exports.a = 123; exports.b ='hello'; exports.c=function(){ console.log('ccc'); } 接收const a=require('./a.js')到是一个对象 分别
阅读全文
摘要：前端模块化的原因 最早期就只是 html 和 css 处理网页 发明一种语言来操作 html 和 css js 早期只是在 html 文件里直接在 script 标签里写一些脚本代码 随着 Ajax 的出现,慢慢形成了前后端的分离 客户端需要完成的事情越来愈多,代码量与日俱增 为了应对代码量的增加,
阅读全文
摘要：1.Git简介 Git是目前世界上最先进的分布式版本控制系统，在处理各种项目时都十分高效，而且非常的高大上。 SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到中央服务器。而
阅读全文
摘要：npm list -g --depth 0 // npm 查看全局安装过的包 npm -v //查看 npm 的版本 npm install XXX(包名) //安装包方法 npm i //简写安装 npm init //进入文件目录下初始化项目生成 package.json 文件 -g //全局
阅读全文
摘要：less使用 第一种使用方法 简单 客户端运行 <script src="https://cdn.bootcss.com/less.js/3.11.1/less.min.js"></script> 把这个cdn放在css的下面，因为不是依赖它，而是编译它 把css改成 <style type="te
阅读全文
摘要：小程序 原生小程序开发： 认识小程序开发 小程序是微信生态的一部分，它提供了一种更加方便和高效的用户交互方式 小程序的优势 用户使用的便捷性 体验由于公众号和h5页面 释放手机内存空间 手机桌面简介 小程序开发的必要性 用户体验好 一端开发，多端运行 原生 web 小程序各自的优势与劣势 总结小程序
阅读全文
摘要：uniapp学习使用总结 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台 创建uni-app 通过 HBuilderX 可视化界面 通过vu
阅读全文
摘要：react简介 起源Facebook内部项目 两个概念 库library： 小 而 巧，可以很方便的从一个库切换到另一个库，代码几乎不改变 框架framework ：大 而 全，提供一整套方案，切换到另一个框架很困难 mvc框架 mvvm是什么 前端三大主流框架 angular 最早 vue最火 关
阅读全文
摘要：数据库概念 db dbms sql MySQL 安装 地址： https://dev.mysql.com/downloads/mysql/ 遇到的问题 注意 第一步：下载好文件后解压文件 目前我下载的是mysql-8.0.21-winx64版本 第二步：cd 到数据库的 \bin 文件夹下 我一开始
阅读全文
摘要：下载 Jenkins. 打开终端进入到下载目录. 安装地址：C:\Program Files\Jenkins 运行命令 java -jar jenkins.war --httpPort=8080. 打开浏览器进入链接 http://localhost:8080. 按照说明完成安装. 项目打包地址：C
阅读全文
摘要：后台管理系统模型设计 三种模型分析 用户/权限模型 用户直接与权限映射，这种设计的优势在于简洁直观，适合用户数量不多，功能较为简单的系统，它的劣势也是非常的明显当用户量增多时，维护成本较高，可扩展性差。 http://image.woshipm.com/wp-files/2020/07/mwyoS4
阅读全文
摘要：##父子组件通信 全局组件和局部组件的区别 父传子 properties 子传父 triggerEvent ##插槽 子组件js文件内，配置支持插槽 Component({ options: { multipleSlots: true // 在组件定义时的选项中启用多slot支持 } }) 在组件内
阅读全文
摘要：##自定义navbar 首先在app.json window配置项添加 "window": { "navigationStyle": "custom" } 然后在全局配置navbar组件 可以使用vant组件，也可以自定义 在全局组件配置一下即可
阅读全文
摘要：##模块化 支持ES6模块化 支持commonjs模块化 模块化知识
阅读全文
摘要：##引入Vant Weapp组件 在components文件夹下面引入组件 在app.json下配置全局组件 { "pages": [ "pages/index/index", "pages/mine/index" ], "usingComponents": { "van-button": "com
阅读全文
摘要：什么是执行上下文 指当前执行环境中的变量、函数声明，参数（arguments），作用域链，this等信息 简而言之，执行上下文是评估和执行 JavaScript 代码的环境的抽象概念。每当 Javascript 代码在运行的时候，它都是在执行上下文中运行。 执行上下文分类 全局执行上下文 这是默认或
阅读全文
摘要：##uniapp 常用ui组件库 ###uni ui https://ext.dcloud.net.cn/plugin?id=55 直接按照官网提示 在插件市场下载后即可使用 ###uview-ui https://www.uviewui.com/components/downloadSetting
阅读全文
浙公网安备 33010602011771号