- 博客(19)
- 收藏
- 关注
原创 数组对象api汇总
数组对象常用api1.concat(连接两个或多个数组,并返回结果)var a = [1,2,3]; var b = a.concat(6,7); console.log(b); //[1,2,3,6,7]2.join(把数组的所有元素用str分隔,默认逗号分隔)var a = [1,2,3] var b = a.join('|'); console.log(a); //[1,2,3] console.log(b); //"1|2|3"3.pop(删除并返回数组的最后
2022-01-08 15:56:10 539
转载 vue九大优化方法
函数型组件由于组件的生命周期处理在框架层面上十分耗时,所以,建议平常尽量使用函数型组件。这样,可以避免不必要的性能损失。只要在模板上声明functional属性,就可以实现函数式组件了:<template functional> <div> <div v-if="value" class="on"></div> <section v-else class="off"></section>
2021-10-19 22:25:49 2950
原创 webpack
初始化WebPack一、为什么会有webpack?因为开发者编写的代码是模块化开发,.less .scss .vue .js等文件开发者编写的代码是工程化因为浏览器不能解析vue、react 、less 、scss 等工程化,模块化的代码,所以需要webpack 工具,将编写的模块化代码,进行编译/打包,然后在浏览器中运行的编译后或者打包后的代码。二、webpack是什么?webpack是自动化构建工具三、怎么搭建使用webpack的环境依赖node.js npm 下载
2021-07-22 23:00:00 152
原创 Es6新特性
let const 与 var 的区别1: var声明的变量有变量提升let const没有2: let 声明为变量const 为常量3:const赋值对象或者数组,对象与数组可以被改变,因为const保证的指针不变4: let const变量为块级作用域5: let const变量不能重复6: let const会形成暂时性死区详细介绍promise1:因为传统异步是通过回到函数方式结果的,为了解决回调地狱导致代码可读性差,可维护成本,所以有了promise2: promise 三种状态
2021-07-19 21:36:20 85
原创 async函数
1.什么是async函数 <script> async function foo() { return 123 } let res = foo() console.log(res); // promise res.then(res => { console.log(res); // 123 }) let foo1 = async
2021-07-17 10:33:23 210
原创 正则表达式
正则入门正则表达式:验证字符串是否满足某个规则// 创建正则表达式 var reg = new RegExp(/'123'/); console.log(reg); //===>/'123'/ var reg1 = /clx/ // replace(regwx,''/function) var str = '一半,两半,三半'; // 找到str中所有的'半' 并替换成'个'
2021-07-17 10:11:32 110
原创 promise
首先,为什么会有promise ?下面,我们来看一段代码: function foo(callback) { //函数1 console.log('111'); callback(function (callback) { console.log('222'); callback('你好') }) } foo(function (call) { //函数3 console
2021-07-17 10:08:34 60
原创 2021-07-13
1:你学会了什么 ?在开始写项目之前,先要对项目所要涉及到的内容进行分类部署。如分为:css、img、js、、view、index.html等文件。在部署好文件分类后,需要对各个页面的整体框架简单分析,在脑海中有一个大致的框架图,如何进行页面布局等。学会了自定义打印,可以设置颜色与背景等。可以更加清晰的查看打印的信息。console.log(`\n%c ${msg} ↓ `, 'background:#67c23a;color:#fff;padding:1px;border-radiu
2021-07-13 10:03:23 61
原创 Es6入门
1 声明 // es5 var function 可以提升变量 // es6 let count 没有变量提升 // import class 模块化开发 类 var a; if (true) { var b = 123; } for (var i = 0; i < 12; i++) { var data = 123; } function foo() { var bar
2021-07-13 00:24:50 99
原创 本地储存及权限验证
本地储存<body> <a href="./url.html?test:qwe&name:dd=clx">跳转到b页面</a> <button id="btn">点击sessionstorage</button></body><script> /* 1.存在一条需要多个html共享的数据 这里是有数据的界面 1.将数据存到localStorage中
2021-06-28 21:38:39 433
原创 深拷贝与浅拷贝及如何实现深拷贝
先记住两句话,帮助你简单理解一下深拷贝和浅拷贝的区别:1 深拷贝拷贝后,产生数据是两条数据2 浅拷贝拷贝后,多个变量共用一条数据下面,我们来看个例子:var a = [1,2,3]; var a1 = a; a1[0] = 2; console.log(a); // ==>Array(3) [ 2, 2, 3 ]是不是很奇怪,明明改变的是数组a1中的值,为什么数组a中的值也跟着改变了,这就不得不让人深思了。那么这里,就需要引入基本数据类型和引用数据类型的概念了。
2021-06-24 23:31:42 659
原创 this指向
如何判断this 指向哪一个对象?一.首先得看this在哪?若是在全局中,this则指向window在function函数中(谁触发指向谁)① 普通对象调用(this指向触发它的对象)var a = 'hello'function foo() { var a = 'world' console.log(this.a) console.log(this)}foo()// 相当于执行 window.foo()// "hello"// Window 对象
2021-06-23 22:17:38 64
原创 jQuery实现轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播
2021-06-22 21:17:53 53
原创 css实现导航栏下划线向两边展开效果
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>css实现导航栏下划线向两边展开效果</title> <style> ul { height: 80px; line-height: 80px;
2021-06-22 20:53:53 270
原创 js实现轮播图效果
动画效果js部分:function animate(obj, target,callback) { clearInterval(obj.timer); obj.timer = setInterval(function () { var step = (target - obj.offsetLeft) / 10; step = step > 0 ? Math.ceil(step) : Math.floor(step); if (obj.o
2021-06-22 20:47:42 294
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人