- 博客(15)
- 收藏
- 关注
RSS订阅原创 JS中的所有数组方法（二）
JS中的所有数组方法（二）数组方法汇总看这里ES5中各数组方法说明及DEMO如下：push()在数组的最后一位新增一个或多个数据，并返回新数组的长度push()方法返回的是新数组的长度，并且会改变原数组var str1 = [12,34,56];var str2 = ["ab","cd","ef"];str1.push("test1")) // 4str1 // [12,34,56,"test1"]str2.push("test2","test3") // 5str2
2020-10-18 09:29:08
201
原创 JS中的所有数组方法（ES5、ES6）
Js中的所有数组方法（包含ES5和ES6）静态方法对应版本功能描述Array.isArray()ES5判断对象是否为数组Array.from()ES6将类似数组的对象（array-like object）和可遍历（iterable）的对象转为真正的数组Array.of()ES6将一组值转换为数组实例方法对应版本功能描述原数组是否改变push()ES5在数组最后一位添加一位或多位数据，返回数组长度Ypop()ES5
2020-09-28 23:01:48
469
原创 CSS优先级计算规则
CSS优先级计算规则CSS的优先级可以分为引入优先级和声明优先级引入优先级CSS按照引入方式的不同可以分为：内联样式、外部样式和内部样式内联样式：直接写在html标签内部的css样式外部样式：使用link引入的外部css样式内部样式：在style标签内部书写的css样式优先级为：内联样式 > 外部样式 = 内部样式声明优先级CSS的声明优先级根据声明样式的特殊性值判断：选择器优先级内联选择器（行内样式）x, 0, 0, 0ID选择器0, x, 0,
2020-09-15 16:49:32
421
原创 Vue3.0新特性之Proxy实现双向绑定
Vue3中的双向绑定Proxy双向绑定这个概念应该已经不是个陌生的概念了，只要提到MVVM那就不得不提到它，我们来看Vue的三要素：响应式： Vue如何监听到data的每个属性变化模板引擎： Vue的模板如何被解析，指令如何处理渲染： Vue如何将监听到的数据变化和解析后的html进行渲染其中第一要素响应式的实现方法，就是我们提到的双向绑定在之前的文章中介绍了Vue2.0中基于数据劫持的双向绑定，使用的是Object.defineProperty()方法，但是这种方法在实现数据双向绑定时依然
2020-08-20 10:13:30
2101
1
原创 Vue3.0性能优化之重写虚拟Dom
Vue3.0中的性能优化2020年4月21号，Vue的作者尤雨溪在直播中分享了Vue.js 3.0 Beta最新进展, 向我们展示里Vue3中的六大亮点，其中首先提到的就是Performance性能。Performance：性能更比Vue 2.0强。Tree shaking support：支持对无用模块的“剪枝”，实现按需打包Composition API：基于函数的组合式APIFragment, Teleport, Suspense：“碎片”，Teleport即Protal传送门，“悬念”
2020-08-18 18:22:37
3084
3
转载 vue中的数据劫持
vue中的数据劫持在浏览一篇博文的时候，看到里面提到了vue中数据劫持的概念，之前只是知道有这个东西，知道这个东西是vue的核心之一，是实现数据双向绑定的重要原理，但并未深入研究，那么今天就借这篇文章学习整理一下vue中的数据劫持到底是什么。在面经中最常见的问题之一就是，你知道双向绑定吗，知道什么是MVVM吗？学术性的回答模板有很多，其实简单来说就是数据和视图其中一方做出修改，另一方也随之变动。视图能够驱动数据，数据也能驱动视图。视图驱动数据可以通过事件绑定来实现，那么数据驱动视图呢？方法就是，给
2020-08-17 16:23:17
2770
原创 vue学习笔记总结（组件化开发，组件注册，组件通信）
vue中的组件化开发Vue官网中描述：组件是可复用的 Vue 实例，且带有一个名字，我们可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用。因为组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。通常一个应用会以一棵嵌套的组件树的形式来组织：通过组件化开发可以大大提升开发效率，代码结构也更加简单清晰。组件注册为
2020-08-14 18:50:36
217
原创 vue学习笔记总结（vue-router 动态路由）
vue-router 动态路由我们经常需要把某种模式匹配到的所有路由，全都映射到同个组件。例如，我们有一个 User 组件，对于ID各不相同的用户，都要使用这个组件来渲染。例如可能有/user/123或者/user/456，除了/user之外，后面还跟上了用户ID。这种path和component的匹配关系，叫动态路由。动态路由实现新建一个User组件<template> <div class="page-contianer"> <h2>这是用户界
2020-08-13 15:18:16
187
原创 vue学习笔记总结（vue-router的基本使用）
vue-router的基本使用vue-router的安装配置使用npm install vue-router --save来安装vue-router插件模块在模块化工程中使用他(因为是一个插件，所以可以通过Vue.user来安装路由功能)在src下创建一个router文件夹（一般安装vue-router时候会自动创建）用来存放vue-router的路由信息导入路由对象，并且调用Vue.use(VueRouter)创建路由实例，并且传入路由映射配置在vue实例中挂载创建的路由实例对象
2020-08-13 15:17:15
166
原创 vue学习笔记总结（vue-router hash模式和history模式）
vue-router前端路由的核心就在于改变视图的同时不会向后端发出请求，以实现单页面富应用（SPA），目前浏览器有两种支持模式：hash和historySPA: 前后端分离加上前端路由，前端路由的url映射表不会向服务器请求，是单独url的的页面自己的ajax请求后端，后端只提供api负责响应数据请求。改变url，页面不进行整体的刷新。整个网站只有一个html页面。在vue的路由配置中有一个mode选项，可以将路由设置为hash模式和history模式，vue默认使用hash模式const r
2020-08-13 15:16:00
240
1
原创 vue学习笔记总结（v-bind动态绑定属性）
v-bind1. v-bind基本使用v-bind用于绑定数据和元素属性，可以使用:简写<div id="app"> <img v-bind:src="imgURL" alt=""> <a v-bind:href="aHerf"></a> <!-- 语法糖写法 --> <img :src="imgURL" alt=""> <a :href="aHerf"></a>&
2020-08-13 15:15:36
930
原创 vue学习笔记总结（Mustache, v-once, v-html, v-text, v-pre, v-cloak）
vue中的插值操作1. Mustache语法 mustache大括号语法。 在vue对象挂载的dom元素中，{{}}不仅可以直接写变量，还可以写简单表达式。<body> <div id="app"> <h2>{{message}}</h2> <h2>{{message}},vue</h2> <!-- Mustache的语法不仅可以直接写变量，还可以写简单表达式 --> <
2020-08-13 15:12:55
144
原创 Git使用简易教程（命令）
Git使用简易教程（命令）Git是目前世界上最先进的分布式版本控制系统，没有之一，学到就是赚到！这里记录了一些我在学习git使用时，最实用的方法和命令集合。Git安装(Windows)首先直接在官网下载Git安装程序,按照默认选项进行安装安装完成后，在开始菜单找到Git->Git Bash应用程序，点击后弹出命令行窗口就说明安装成功啦!设置机器信息git config --global user.name "Your Name"git config --global user.emai
2020-07-27 23:33:55
150
原创 Markdown的使用分享
Markdown的使用分享一、Markdown介绍二、Markdown语法标题这是一级标题这是二级标题一级标题二级标题三级标题四级标题五级标题六级标题字体与强调字符新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入一、Mar
2020-07-23 18:47:37
356
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人