- 博客(23)
- 收藏
- 关注
RSS订阅原创 深拷贝和原型原型链和web api 和 this指向等(中初级前端面事题)持续更新中，建议收藏
深拷贝值类型的赋值就是深拷贝：变量赋值时，拷贝的不是内存地址，而是将数据完整的在内存中复制了一份 const a = 10 const b = a console.log(b);浅拷贝引用类型(null 对象 数组)的赋值操作都不是深拷贝：拷贝的是内存地址，最终两个变量指向的是同一个地址const a = {name: 'jj',age: 20}const b = ab.age = 18console.log(a.age); // 18深拷贝和浅拷贝的区别浅拷
2021-06-15 19:27:08
8505
30
原创 虚拟dom面事题&snabbdom
虚拟DOM为什么使用虚拟dom提高性能：虚拟dom相当于在js和真实dom中间加了一个缓存，利用dom diff算法避免了没有必要的dom操作，从而提高性能操作：手动操作dom比较麻烦，还要考虑兼容问题 虽然有jq库简化dom操作但是项目复杂度越来越高，dom操作复杂提升，既要考虑dom操作还有考虑数据操作mvvm框架：为了简化dom复杂操作，mvvm框架解决了视图和数据同步问题简化视图：可以使用模板引擎，但是模板引擎没有解决跟踪数据变化问题于是虚拟dom出现了（数据改变后，无法获取上次状
2021-06-07 10:29:23
164
原创 react学习
ReactReact的特点1.采用组件化模式，声明式编码，提高开发效率及组件复用率2.在React Native中可以使用React语法进行移动端开发3.使用虚拟DOM+优秀的Diffing算法，尽量减少与真实DOM的交互虚拟DOM和真实DOM的差别虚拟dom：1.本质式object类型的对象（一般对象）2.虚拟dom比较‘轻’，真实dom比较‘重’，因为虚拟dom是react内部使用，无需真实dom这么个那么多的属性3.虚拟dom最终会被react转化为dom，呈现在页面上扩展：deb
2021-05-28 20:31:06
195
5
原创 React基础
ReactReact的特点1.采用组件化模式，声明式编码，提高开发效率及组件复用率2.在React Native中可以使用React语法进行移动端开发3.使用虚拟DOM+优秀的Diffing算法，尽量减少与真实DOM的交互虚拟DOM和真实DOM的差别虚拟dom：1.本质式object类型的对象（一般对象）2.虚拟dom比较‘轻’，真实dom比较‘重’，因为虚拟dom是react内部使用，无需真实dom这么个那么多的属性3.虚拟dom最终会被react转化为dom，呈现在页面上扩展：deb
2021-05-24 20:29:01
91
原创 vue-element-admin
vue-element-admin笔记目录结构├── build # 构建相关├── mock # 项目mock 模拟数据├── plop-templates # 基本模板├── public # 静态资源│ │── favicon.ico # favicon图标│ └── index.html
2021-05-23 16:47:45
523
3
原创 上传文件到腾讯云存储桶
上传文件到腾讯云存储桶一，配置腾讯云Cos流程图第一步，注册腾讯云账号第二步，选择帐户填写个人信息第三步扫码授权手机端授权第四步点击免费产品五步选择对象存储Cos六步开通服务七步创建存储桶设置cors规则*AllowHeader 需配成 **因为我们本身没有域名，所以这里设置成"*"，仅限于测试，正式环境的话，这里需要配置真实的域名地址存储桶设置完毕二，上传sdk腾讯云 JavaScript SDK文档 JavaScript SDK文档一，安装
2021-05-14 15:09:12
929
1
原创 this.$router和this.$route的区别
this.$router:表示全局路由对象，里面包含属性push()，可以在任意页面实现路由跳转this.$route:表示当前路由对象，里面包含属性name path query params等
2021-05-06 17:00:11
75
原创 解决vuex中页面刷新数据消失问题
解决vuex中页面刷新数据消失问题使用插件vuex-persistedstatenpm install vuex-persistedstate --save在store文件夹中index.js引入import disappear from "vuex-persistedstate"vuex-persistedstate默认持久化所有state，指定需要持久化的state,配置如下：plugins后面加数组可以配置多个...
2021-05-06 16:47:40
99
原创 vuex vuex模块化案例
Vuex一.简介Vuex是一个专为Vue开发的应用程序的状态管理模式，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex采用类似全局对象的形式来管理所有组件的公用数据，如果想修改这个全局对象的数据，得按照Vuex提供的方式来修改（不能自己随意用自己的方式来修改）。二.安装使用步骤1.安装Vuexnpm i vuex2.引入Vueximport Vuex from 'vuex'Vue.use(Vuex)3.新建store文件在scr
2021-04-29 09:51:02
387
原创 小程序云开发
小程序云开发数据库初始化1.在开始数据库进去增删改查之前，需要先获取数据的引用,调用获取本地引用：const db=wx.cloud.database()在云函数中引用const db=cloud.database()2.引入云端数据库集合const test=db.collection('test')插入数据test.add({// data 字段表示需新增的 JSON 数据data:{"name":"小红"}})...
2021-04-28 20:31:02
157
1
原创 html5 css3 知识 案例
html5 css31.HTML5简介HTML是一种用符号来创建结构文档的语义。比如标题、章节、列表、链接、引用和其他各种元素都可以包含在结构文档中。HTML5在W3C中的定义：HTML 5 是下一代的 HTML，设计HTML5最初目的是为了在移动设备上支持多媒体。HTML5规范于2014年10月29日由万维网联盟正式宣布，HTML万维网不等同于互联网，HTML是万维网最核心的超文本标记语言。但它是依靠互联网运行的服务之一，万维网又简写为www，它可以实现在互联网的帮助下，访问由许多互相链接的超文
2021-03-19 20:54:48
197
原创 vue脚手架安装步骤
Vue Cli安装npm install -g @vue/cli或者yarn global add @vue/cli创建项目建议在PowerShell中创建vue create 文件名1.方向键进行调动 回车进行下一步2.方向键进行调动 空格选中(取消) 回车下一步3.4.输入n5.6.输入n7.等待创建项目8.cd s 进入创建的项目目录下使用npm run serve启动服务9.在页面输入地址
2021-03-18 21:35:17
219
原创 vue基础起步思维导图(含面试题)
vue基础起步思维导图一.起步1.创建一个html，然后引入Vue：<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>或者<script src="https://cdn.jsdelivr.net/npm/vue"></script>2.Vue的核心代码 ：<div id="app"> <p>{{ msg
2021-03-18 20:58:50
267
原创 js高级
this指向 //普通函数中的this console.log(this);//指向window function fn(){ console.log(this); } fn();//window对象中的thisvar obj={ a:1, b:function(){ console.log(this); // this指向当前对象本身obj }, c:this // this
2020-12-24 20:32:30
142
1
原创 html写静态页面容易写错总结
html写静态页面容易写错总结写静态页面的注意点，避免页面崩溃1.整个页面在写之前首先应该先把大的框架搭出来，在去写里面小的细节。保证大的框架没有问题，里面有问题，大不了删了重写。（给大的框架加上background测试是最直观看到大框架是否正确的方式)2.整个页面的布局，要尽可能的灵活，因为所有的元素都是不定高的，这是由于，后台要加什么东西前台页面是不知道的，如果写的很死，那么后台在写程序的时候，就会把页面撑乱，这是不可取的。3.一定不要忘记清除浮动4.前端写页面，必不可少的是注释，而且注释一定
2020-12-09 20:53:28
355
2
原创 margin值重合解决方法
margin值重合分类异向重叠解决方法分类1.解决同向重叠的方法：（1）在最外层的div中加入overflow:hidden（2）在最外层加入padding:1px;（3）在最外层加入：border:;2.异向重叠问题：float:left异向重叠解决方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"
2020-09-09 14:37:28
243
原创 满屏的一个品字布局设计
品字布局设计一，思路及注意点实现效果一，思路及注意点1.写三个块元素 设置宽高 及颜色2.注意html，body默认宽度和高度为0px，设置宽和高分别为为100%实现效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0
2020-09-09 10:34:56
298
1
原创 用三角形创建一个三角形原理
用纯CSS创建一个三角形的原理一.原理实现效果1.必须是块元素，设置边框2.把宽和高都设置为03.把border-bottom去掉把左右边框设置为透明（transparent）一.原理采用均分原理，把盒子分为4等份，4等份都是边框实现效果1.必须是块元素，设置边框<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" con
2020-09-09 09:16:51
245
1
原创 css编辑器基础
css编辑器及文字字体css外观属性字体字体大小：font-size相对长度单位比较常用，推荐使用像素单位px，绝对长度单位使用较少。可以使用相对长度单位，也可以使用绝对长度单位。字体粗细：font-weightnormal ：默认值（不加粗的）bold:定义粗体（加粗的）400等同于normal，而700等同于bold字体风格：font-stylenormal：默认值，浏览器会显示标准的字体样式font-style：normal；italic：浏览器会显示斜体的字体样式综合设置字体
2020-09-08 19:46:17
102
原创 web及HTML基本结构
web及html基本结构web标准的好出web的标准结构web标准的好出1.内容能被更广泛的设备访问2.更容易被搜寻引擎搜索3.降低网站流量费用4.使网站更易于维护5.提高页面浏览速度web的标准结构1.结构（structre）：用于为网页元素进行整理和分类， 主要是 html2.表现（presentation）：表现用于设置网页元素的版式、颜色、大小等外观样式 主要是 css3.行为（behavior）：页面模型的定义及交互的编写，主要是 javascript...
2020-09-07 14:04:37
1239
1
原创 HTML基础知识强化
HTML基础HTML骨架标签文档类型页面语言lang字符集HTML骨架标签分为三部分：html标签： html网页中最大的标签文档头部： head标签中必须设置title标签文档的主体 ：body 元素包含文档的所有内容文档类型<!DOCTYPE>声明位于文档中的最前面位置，处于标签之前。此标签可告知浏览器文档使用哪种 html 或 xhtml 规范声明位于文档中的最前面位置，处于标签之前。此标签可告知浏览器文档使用哪种 html 或 xhtml 规范页面语言lange
2020-09-07 13:58:08
253
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人