- 博客(60)
- 收藏
- 关注
RSS订阅原创 VUE的基础语法
VUE的基础语法new Vue(options)返回值vm（viewModel）el：不能挂载到html或者body上 =>querySelectordata数据值对于对象来说要先声明，否则新增属性无效（可以基于vm.$set处理）vm.arr[0]=xxx 改变数组中的某一项视图不会渲染，需要基于内置的方法，例如：push…对象或者数组可以整体替换值实现...
2019-11-08 19:06:11
172
原创 VUE基础概念
VUE基础概念https://cn.vuejs.orgVue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架特点：易用、灵活、高效全家桶：vue + components（vue element / iview…） + vue-router + vuex + vue-cli类库 vs 插件 vs 组件 vs 框架类库：jquery、zepto、unders...
2019-11-01 20:33:02
200
原创 DOM0和DOM2
DOM0和DOM2 1.语法上的区别 box.onclick=function(){} box.addEventListener('click',function(){}) 2.底层运行机制上的区别 DOM0就是给元素的某个属性绑定方法（有效绑定的方法只有一个） DOM2是基于事件池机制完成，每增加一个绑定的方法，都会往事件池中存放一个...当事件触发会依次...
2019-10-28 17:53:40
234
原创 正则（五）元字符详解及应用实例部分
3.1c{n} 匹配固定的n个 【量词，从3.1节到3.4节】{1}表示一个的意思。/c{1}/只能匹配一个c，和/c/是一个意思，一般匹配只出现一次的字符，后边的{1}就不写了。/c{2}/则会匹配两个连续的c。以此类推, /c{n}/则会匹配n个连续的c。看下面的例子：var reg = /c{1}/; var str='china_zhufengpeixun'; alert...
2019-09-11 20:09:47
396
原创 正则（四）：正则表达式的exec方法简介
语法：reg.exec(str); 其中str为要执行正则表达式的目标字符串。例如：<script type="text/javascript">var reg = /test/;var str = 'abcdtestString';var result = reg.exec(str);//result是个数组,result[0]保存的是正则匹配到的字符串”test”a...
2019-09-09 20:13:05
5377
原创 正则 （三）元字符及其含意完整例表
字 符描 述\将下一个字符标记为一个特殊字符、或一个原义字符、或一个后向引用、或一个八进制转义符。例如，‘n’ 匹配字符 “n”。’\n’ 匹配一个换行符。序列 ‘\’ 匹配 “” 而 “(” 则匹配 “(”。^匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性，^ 也匹配 ‘\n’ 或 ‘\r’ 之后...
2019-08-16 15:51:36
277
原创 正则（二）
一、定义正则1、创建一、定义正则1、创建一个正则的两种方式：var reg=/abcd/； //这个叫对象直接量方式var reg=new RegExp(‘abcd’)//这个叫构造函数方式这两种定义是一样的2、如果有模式修正符，比如说全文查找abcd这个字符串，两种写法分别是(g是模式修正符，表示在整个字符串里多次查找)var reg=/abcd/g;...
2019-08-14 10:33:50
107
原创 正则（一）
正则（regular expression）是干什么的？正则表达式是用来处理字符串的，它的特长在于处理复杂的字符串。正则表达式定义的是字符串的模型（或叫模式，英文pattern），我们可以使用这个模型来去验证某个字符串（或字符串里的一部分）是否和这个模型（或叫模式）相匹配，或使用这个模型把某个字符串里和这个模型匹配的那一部分找出来。再重述一遍：1、正则定义了一个字符串的模型。2、正则的...
2019-08-13 10:58:03
129
原创 用history.push,和history.go或者replace其他方式去改变当前的location有什么特别的区别
用history.push,和history.go或者replace其他方式去改变当前的location有什么特别的区别history.push 这个方法回想history栈里面添加一条新记录，这个时候用户点击浏览器的回退按钮可以回到之前的路径。history.go 这个方法的参数是一个整数，意思是在 history 记录中向前或者后退多少步，类似 window.history.go(n)h...
2019-06-25 17:33:15
28742
原创 react的生命周期函数
react的生命周期函数：组件将要挂载时触发的函数：componentWillMount组件挂载完成时触发的函数：componentDidMount是否要更新数据时触发的函数：shouldComponentUpdate将要更新数据时触发的函数：componentWillUpdate数据更新完成时触发的函数：componentDidUpdate组件将要销毁时触发的函数：component...
2019-06-13 16:01:40
87
原创 react 暴露config
yarn eject y如果报错的话，执行下面的命令git add .git commit -m '信息描述'yarn ejecty
2019-05-22 20:10:19
1285
1
原创 react简介
react简介Facebook开发的一款JS库react出现原因React最初来自Facebook内部的广告系统项目，项目实施过程中前端开发遇到了巨大挑战，代码变得越来越臃肿且混乱不堪，难以维护。于是痛定思痛，他们决定抛开很多所谓的“最佳实践”，重新思考前端界面的构建方式，于是就有了React。react的特点组件化 — React 的一切都是基于组件的jsx — react...
2019-05-21 20:00:39
251
原创 react.js快捷键
imrcimport React, { Component } from 'react';imr import React from 'react';cccsclass index extends Component { constructor(props) { super(props); this.state = { }; } ...
2019-05-21 17:17:28
2396
原创 module.css
文件名称：style.module.css引入：import sty from “./style.module.css”用法：<li className={${sty.a}}>
2019-05-21 16:37:38
588
1
原创 案例--vue.filter
阅读如下代码，写出代码的功能，输入和输出Vue.filter('toThousandFilter', function(num){ return (+num || 0).toString().replace(/^-?\d+/g, m => m.replace(/(?=(?!\b)(\d{3})+$)/g, ','))});全局过滤器:我们可以直接在vue对象上使用filter方法...
2019-04-20 09:41:31
490
原创 null和underfined
null和underfinednull:空，没有undefined：未定义，没有“”：空字符串，没有0：也可以理解为没有空字符串和null的区别都是去种树空字符串属于挖了个坑，但是没有任何东西null是连坑都没挖空字符串相对于null来说开辟了内存，消耗了那么一丢丢的性能null和undefined的区别null一般都是暂时没有，预期中以后会有的（可能以后也没有达到预期...
2019-04-20 09:39:06
1541
原创 require
requirejs是一个javascript的模块加载器。 浏览器 —> AMD 规范 —>异步加载nodejs 服务器 ----> commonjs —>同步加载requirejs 是一个js文件，直接使用script标签链接就可以<script src="./require.js" async="true" defer></script>...
2019-04-20 09:34:32
92
原创 vue--概念
框架和库框架vue拥有完整的解决方案，我们写好人家调用我库，jQuery zepto animate.css underscore我们调用它渐进式（渐进增强）vue全家桶 vue.js + vue-router + vuex + axios通过组合，完成一个完整的框架渐进式的理解声明是的渲染（无需关心如何实现的，用就可以了）组件系统客户端路由(vue-router)大...
2019-04-18 10:01:57
101
原创 slot插槽
无名插槽和具名插槽例：折叠面板作用域插槽动态组件动态组件可以使用同一个挂载点，然后动态的在他们之间切换实现方法：使用Vue里的标签外加一个is属性来实现component标签相当于一个占位符，组件名设置为那个组件，则就是把对应的组件放入到component标签中。keep-alive 缓存组件exclude：排除哪些组件不缓存include：哪些组件被缓存测试：created...
2019-04-17 19:10:14
99
原创 vue指令--作用
v-on指令(处理事件)，并且v-on可以使用@符号替代作用：为HTML元素绑定事件监听语法：v-on：事件名称=‘函数名称()’简写语法：@事件名称=‘函数名称()’v-class 类名v-style 与v-class用法大致一样v-cloak防闪烁v-pre 把标签内部的元素原位输出v-once 就是 加载一次 如果用到事件中就是事件只执行一次（@click.once...
2019-04-03 19:55:12
1155
原创 vue
一、vue是什么?中文官网：https://cn.vuejs.org/Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。什么是渐进式?就是在核心功能的基础上，不断添加，vue的核心功能非常简单（单一），只专注于视图层。但它非常容易扩展，vue加上其他工具就可以组合起来，做更加强大的功能。vue的生态：vue + vue-router + vuex +...
2019-03-28 10:50:57
84
原创 vue-组件
组件在html中我们学习的最小单元是标签。在vue中我们学习的最小单元是组件。组件是我们自己扩展的HTML元素，封装可重用的代码。在较高层面上，组件是自定义元素，vue.js为它添加了特殊的功能。组件(component)是vue.js最强大的功能之一。在vue中一切皆是组件。在let vm = new Vue({})中得到的vm是Vue的一个实例，它也可以理解为一个组件，只不过它是一...
2019-03-28 10:45:18
149
原创 案例--使用async函数实现多张图片的依次加载（第一张加载完之后才能加载第二张）
let loadImg = (src) => { return new Promise((resolve, reject) => { let img = document.createElement('img') img.src = src document.body.append(img) ...
2019-03-23 10:21:36
1268
原创 findIndex语法
findIndex() 方法返回传入一个测试条件（函数）符合条件的数组第一个元素位置。findIndex() 方法为数组中的每个元素都调用一次函数执行：当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置，之后的值不会再调用执行函数。如果没有符合条件的元素返回 -1注意: findIndex() 对于空数组，函数是不会执行的。注意: fin...
2019-03-21 16:53:50
487
原创 H5--大概的,没事看看
1.设置弹性盒任何元素都可以设置display:flex;display:inline-flex //给行内元素设置弹性盒子 display:-webkit-flex; //webkit(是浏览器的内核，是谷歌浏览器和safari(苹果浏览器)的内核) display:-webkit-flex //谷歌浏览器和safari(苹果浏览器)的内核 display:-moz-flex...
2019-03-20 16:50:16
628
原创 响应式布局
响应式布局优点：兼容当前及未来新设备；不足：兼容性：低版本浏览器兼容性有问题； 代码累赘（dom结构复杂，样式复杂），加载时间长，后期维护复杂。语法（媒体查询）@media（规定宽度）and(规定宽度){css样式}样式仅在规定的宽度范围内生效；设备类型（media type）all 所有设备 screen 显示器 print 打印用纸或打印预览视图关键字not 排除某种特定的...
2019-03-20 16:34:33
67
原创 JS 解决跨域汇总
什么是跨域？在了解跨域之前，首先要知道什么是同源策略（same-origin policy）。简单来讲同源策略就是浏览器为了保证用户信息的安全，防止恶意的网站窃取数据，禁止不同域之间的JS进行交互。对于浏览器而言只要域名、协议、端口其中一个不同就会引发同源策略，从而限制他们之间如下的交互行为：Cookie、LocalStorage 和 IndexDB 无法读取。DOM 无法获得。AJAX ...
2019-03-20 14:59:26
90
原创 webpack
什么是WebpackWebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。WebPack和Grunt以及Gulp相比有什么特性其实Webpack和另外两个并没有太多的可比性，Gulp/Grunt是一种能够优化前端的开发流程的工具，...
2019-03-19 16:53:34
115
原创 webpack
webpack中文网：https://www.webpackjs.com/一、webpack是什么？ 4.xwebpack是一个现代javascript应用程序的静态模块打包器（module bundler）。webpack简单的说一个模块打包器。二、为什么要使用webpack？webpack能解决什么问题？现在很多的网页都可以看做是功能丰富的应用，他们拥有着复杂的javascript...
2019-03-18 19:54:04
228
原创 JS中的数据类型及检测
基本数据类型（值类型）number:数字string:字符串boolean:布尔null:空对象指针undefined:未定义引用数据类型1、 object对象数据类型{}普通对象[]数组/^KaTeX parse error: Expected 'EOF', got '\d' at position 179: …12,23,34]/^-?(\̲d̲([1-9\d+))(\....
2019-03-18 16:59:11
145
原创 JS中的命名规范
1、JS中严格区分大小写var test=“hehe”;var Test=“hehe1”;console.log(test);//=>“hehe” 和 test和Test是两个不同的变量2、遵循国际命名规范"驼峰命名法"第一个单词首字母小写，其余每一个有意义的单词首字母大写var studentInfo;//命名使用英文单词，不要使用拼音//不是所有单词都能简写，我们需要...
2019-03-18 16:57:22
1121
原创 弹性盒
一、Flex布局是什么?给父元素添加的属性1.设置弹性盒任何元素都可以设置display:flex;display:inline-flex //给行内元素设置弹性盒子display:-webkit-flex; //webkit(是浏览器的内核，是谷歌浏览器和safari(苹果浏览器)的内核)display:-webkit-flex //谷歌浏览器和safari(苹果浏览器)的...
2019-03-18 16:53:26
102
原创 案例--添加class
let obj = {tagName: "div",props: {style: "font-size:12px",class: "wrap"},children: {tagName: "p",children: "hello rs6"}};function createElement(obj) {let { tagName, props, children } = ob...
2019-03-18 16:49:39
157
原创 gitHub
git 是什么Git是目前世界上最先进的分布式版本控制系统。常用命令添加查看命令说明git config --list获取git 的配置项git config 配置项名获取具体的配置名git config 配置项名 新名字修改配置项git init初始化本地版本库git status查看仓库状态git add .把工作区的所有修...
2019-03-16 08:42:43
298
原创 案例--let、箭头函数
let count = 10; let countObj = { count: 1, add() { function setCount1() { console.log(this); //window console.log(this.count); //und...
2019-03-15 14:08:59
181
原创 函数的扩展
函数的扩展有以下三个方面：1>函数的默认值2>rest参数3>箭头函数函数的默认值es5传默认值时，的两种方法：1）条件判断 2）三元运算符（bug，如果a=0时，回去后面的值）var sum = function(a,b){ let a = a || 2; let b = b || 3;}ES6let sum = (a=2,b=3) =>...
2019-03-15 11:54:19
293
原创 class
class ES6引入了类的概念，它可以看作是一个语法糖，因为class实现的功能ES5都实现了。ES5 创建一个类function Person(name,age,sex){this.name = name;this.age = age;this.sex = sex;}Person.prototype.sayName = function(){alert(this.name)}...
2019-03-15 11:50:40
75
原创 exam
同字母异序指的是两个字符串字母种类和字母的数量相同，但是顺序可能不同。完成 isAnagram，接受两个字符串作为参数，返回true 或者 false 表示这两个字符串是否同字母异序。例如：isAnagram(“anagram”, “nagaram”) // => return true.isAnagram(“rat”, “car”) // => return false. f...
2019-03-14 16:55:37
358
原创 什么是解构赋值?
什么是解构赋值?es6允许按照一定的模式，从数组或对象中提取值，给变量进行赋值，称为解构赋值。特点：1、给变量赋值2、值的来源是对象或数组3、规则：按一定的模式一般用在数据交互，ajax请求数据。数组解构//1.这种比较散let a = 10;let b = 12;let c = 13;console.log(a,b,c); //10,12,13//2.定义到数组内le...
2019-03-14 16:40:43
3766
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人