- 博客(35)
- 收藏
- 关注
RSS订阅原创 vue学习的第三天（混入mixin、计算属性computed、监听watch）
混入总结 混入就是封装一个vue属性，可以在多个实例上使用，实例首先在自身data数据中查找，接着再到私有混入中查找（数组中的多个混入，谁在后就用谁），最后再去全局混入中查找计算属性 computed计算属性是监听变量的变化，进行以下的操作计算属性return出结果不改变原来变量的值，计算属性是多对一的操作（多个变量得出一个变量）计算属性中除了可以放函数，还可以写对象，而每个对象都有get和set两个方法。其实我们在计算属性放的函数其实就是放的一个对象，而这个对象默认使用的get方法，然后
2022-06-27 02:06:20
582
1
原创 vue学习的第二天（v指令-3、、自定义命令、过滤器filter）
1.不是双向绑定 只是修改属性值2.尽量不要和v-model一起使用3.声明v-bind之后 除数字特殊字符外 只能通过data数据获取内容4.style属性 v-bind 可以以对象的形式填写 也可以单独填写属性5.class属性style修改合并一起 合并在一起写：将样式以对象的形式存在data中，style中直接调用 拆分每个变量，在style中以对象的形式分别进行设置class操作类名单独写一个变量名:class="变量名"只写一个的话，要写变量名写
2022-06-27 01:52:03
154
原创 Vue学习的第一天
浏览器引擎 渲染引擎/js引擎 html+css/jssass css的封装 css预处理 less:bootstrapsass 是css的扩展语言 减少css代码重复 兼容所有版本csssass 变量 嵌套 函数 混入sass .scss（新版） .sass（旧版）.scss 扩展到css3 代码更加偏向于css.sass 版本3.0之前 没有{ }1.cmd控制台2.插件3.工具4.项目自带cmd 转译 需要安装sass 用npm安装 node.js V8引擎+JS底层库通过cmd安装 npm inst
2022-06-23 09:54:10
173
原创 es6新增（async函数，es6总结）
ES7 关键字 处理异步函数await 得到异步操作的结果 对应Promise.then() 必须在async函数中1.直接await一个promise对象2.直接await一个值async 函数中 遇到await表达式 会强制暂停 等待异步操作完 恢复执行顺序promise.then().catch() 对应try...catches6新特性总结...
2022-06-22 15:10:01
115
原创 es6新增（递归函数，箭头函数，深拷贝浅拷贝,object方法，symbol，promise）
斐波那契数列：兔子数列 0,1,1,2,3,5... 计算第21位的值有64个格子，第一个格子放一粒麦子，第二个放2粒，第三个放4粒...每个格子都是前边的两倍。一共有多少粒？箭头函数方法只有一句话时 {}可以省略 if() 后面只有一句话时 {}也可以省略参数有且只有一个 ()可以省略 没有参数 ()必须有方法只有一句 return可以省略箭头函数没有this指向 它的this 指向父级箭头函数没有this 不能
2022-06-16 18:30:06
282
原创 es6新增（数组扁平化，string拓展，let和const）
1.ES Array.flat() Infinity无穷大2.数组先转字符串 再转数组3.数组转JSON字符串 保留原数据格式 /(\[|\}])/g4. 利用some 循环查找是否包含数组String 扩展方法模板字符串 ES6新增的声明字符串的方法 反引号``模板字符串 可以解析变量 ${}解析函数startsWith 表示参数字符串是否在原字符串开头 返回布尔值endsWith 表示参数字符串是否在原字符
2022-06-15 19:20:37
170
原创 es6新增（class类，继承）
class 类 ES6 语法糖 进阶语法继承 extends直接继承练习ES6 通过类 面向对象编程本质上 是构造函数的另一种写法1、类的原型2、类的原型对象 constructor 指向类的本身3、类可以通过原型链添加方法ES6 数组的语法糖伪数组 转换成真数组[...lis] 扩展运算符Array 特殊对象Array.from() 对象转数组Array.from(需要转换的对象，function(i
2022-06-15 13:59:20
130
原创 前端es6新增（一）
ES6 ES6 语法 obj arr 进阶函数(闭包 递归) JS底层原理 运行原理2.立即执行函数3.事件函数4.定时器5.构造函数6.对象中的函数修改this指向方法.call(需要修改的this指向,参数1,参数2)方法.apply(需要修改的this指向,[参数1,参数2]) 求最大值方法.bind(需要修改的this指向,参数1,参数2) 返回的是一个函数体 需要手动调用三个的共同点：都是修改
2022-06-14 10:07:03
457
原创 Jquery学习的第五天
弹性盒子弹性布局 flex兼容性 IE8及一下不支持父级： 声明弹性盒子 display:flex(行内块元素) inline-flex(行内元素)主轴属性flex-direction子级的排列方向 默认 row 左=>右row：从左到右row-reverse：反着排列，如从左到右由1，2，3，4变为4，3，2，1。column：从上到下排列column-reverse：竖向反排列，如从上到下由1，2，3，4变为4，3，2，1。辅轴 交叉轴属性fl...
2022-05-25 15:18:15
92
原创 Jquery学习第四天
响应式布局px % vh vw rem em固定像素：pxwidth: 500px;height: 300px;相对于父级百分比：%width: 80%;vh:可视区域高度 vw：可视区域宽度width: 100vw;height: 100vh;rem 根元素width: 100rem;height: 10rem;媒体查询 @media 设备 and (区间){}min-width:1200px 可视区域大于1200pxmax-widt...
2022-05-25 14:16:00
188
原创 Jquery学习的第三天
一、入口函数网页加载完毕执行 包括静态资源图片等加载结束window.onload = function () { //执行代码}$(function () { // jquery 引入页面 // .load("页面的相对路径") // 引用时 保证页面在同一服务器下 // .load 为异步函数(从上到下 正常执行 遇到异步 最后执行) $(".box").load("../day2/jquery动画练习.html") })
2022-05-24 10:58:51
69
原创 Jquery学习的第二天
一、Jquery的增删改查<div id="box"> <div class="one">aa</div> <div class="one">dd</div></div><span>bb</span><span>cc</span><span>ee</span><span>ff</span>jQuery 创建
2022-05-20 17:57:08
104
原创 Jquery学习的第一天
#jqueryjs框架##一、jquery特点1、轻量级2、出色的DOM封装3、兼容性较好，几乎所有浏览器IE7/IE84、链式编程5、jquery插件库6、开源##二、使用jquery1、在线2、本地js核心：Dom、Bom、ESjQuery封装dom元素事件效果监听ajaxjQuery运行效率没有原生js快jQuery对象$("id名/class名/标签名")当js文件需要依赖于jQuery时，按顺序引入jQuery对象只能使用...
2022-05-19 19:51:04
70
原创 JavaScript学习的第二十一天（2）
一、JavaScript全局属性和方法属性Infinity 代表正的无穷大的数值console.log(window.Infinity);console.log(Number.POSITIVE_INFINITY);console.log(3/0);console.log(-1/0);NaN 指示某个值 不是一个数字 Not a Numberconsole.log(window.NaN);console.log(typeof window.NaN);console.log(N
2022-05-10 16:21:15
230
原创 JavaScript学习的第二十一天（1）
一、JavaScript的cookiecookie是用来储存web页面的用户信息由于HTTP是一种无状态的协议，服务器单从网络链接上是无法知道客户信息的。这个时候服务器会给客户端（浏览器）颁发一个cookie，用来确认用户的信息。获取 document.cookieconsole.log(document.cookie);设置document.cookie="name=value;domain=.domain.com;path=/;expires=;" document
2022-05-10 14:13:31
290
原创 JavaScript学习的第二十天
一、BOM的screen对象window.screen对象 包含有关用户屏幕的信息console.log(window.screen);http://127.0.0.1:5500availLeft: 1920availTop: 0availWidth: 1920 可用宽度availHeight: 1032 可以高度colorDepth: 24 色彩深度pixelDepth: 24 色彩分辨率 width: 1920 屏幕的宽height: 1080 屏幕..
2022-05-09 12:12:02
93
原创 JavaScript学习的第十九天
一、初识BOM console.log(window); // window.alert("警告框");//全局方法会省略window var a="全局变量"; function func(){ console.log("全局函数") } console.log(window.location); console.log(window.history); console.log(window.screen); c
2022-05-06 19:53:48
707
原创 JavaScript学习的第十八天
一、事件冒泡bubbles 返回布尔值，指示事件是否是冒泡事件类型。 默认truecancelBubble 返回布尔值，指示事件是否取消了冒泡事件。 默认false阻止事件冒泡 <div class="box1">box1 <div class="box2">box2 <div class="box3">box3 <div class="box4">box4<
2022-05-06 14:25:34
61
原创 JavaScript学习的第十七天
###DOM的事件对象document.onclick=function(e){ // console.log(e); // 浏览器兼容 IE e=e||window.event; // window.event IE浏览器 console.log(e); }document.onkeydown=function(e){ console.log(e) }给函数的参数设置默认值
2022-05-06 11:47:15
50
原创 JavaScript学习的第十六天
***DOM的键盘事件onkeydown 键盘上的某个按键被按下时触发 oDown.onkeydown = function (event) { console.log("onkeydown事件"); console.log(event) }onkeyup 键盘上的某个按键被松开时触发 oUp.onkeyup = function (event) { console.log("onkeyup事件"); c
2022-04-29 18:04:31
95
原创 JavaScript学习的十五天
## HTML DOM事件函数：由事件驱动的 可重复执行的代码事件：允许js在HTML文档元素注册不同的事件处理程序 驱动函数/方法### 1.鼠标事件 <div id="wrap"> <div class="box">onclick</div> <div class="box">ondblclick</div> <div class="box">onmousedo
2022-04-27 19:58:00
122
原创 JavaScript学习的第十四天
一、DOM的遍历（查找） <div id="wrap"> 最大的盒子 <div class="box box1"> 这是盒子01 <p id="text">这是段落标签</p> <span>这是文本标签</span> </div> 这是box1与box2之间的文本
2022-04-27 10:11:16
59
原创 JavaScript学习的第十三天
DOM中HTML的改变一、DOM中HTML改变输出流document.write()// 入口函数 // 当文档加载完成后 执行window.onload = function () { document.write("改变输出流");//会覆盖文档}1、字符串2、解析标签3、换行4、docunment.write()换行:与 <pre></pre> 连用document.write("<pre>");docume
2022-04-25 23:16:13
63
原创 JavaScript学习的第十二天
**DOM文档对象模型-当网页被加载时，浏览器会创建DOM，DOM属于BOM的一部分，对doucument的操作。-HTML DOM被构造为对象的树 DOM树。-DOM树包含HTML元素，HTML文本，HTML属性。-JavaScript通过DOM可以改变HTML元素，文本，属性（css样式），事件做出反应。###1、DOM操作HTML-元素-文本-属性###2、DOM操作css- style###3、DOM事件-鼠标事件-键盘事件-表单事件-窗口
2022-04-25 02:52:41
1359
原创 JavaScript学习的第十一天
**定时器函数-计时事件-setInterval(fuction,毫秒数ms) 循环定时器 clearInterval(定时器name) 清除定时器//创建一个按钮（id="start"） var timer；document.getElementById("start").onclick=funvtion(){ timer=setInterval(function(){ console.log("想囡囡")； },1000)}//创建一个...
2022-04-23 03:18:50
1133
原创 JavaScript学习的第十天
**Number对象1、Number对象是原始数值的包装对象2、创建：当参数值不为数字时，返回NaN。①字面量var num=10;②new 关键字 构造函数var num2=new Number(100);console.log(num2);var num3=new Number("hello");console.log(num3); //NaN not a number3、精度，进制：JS中 只用一种数字类型，包含整数和小鼠（浮点型）var num
2022-04-21 15:46:29
1140
1
原创 JavaScript学习的第九天
**正则表达式账号注册：手机号 密码 实名认证-正则表达式（Regular Expression）RegExp-什么是正则表达式？（正则式）正则表达式是由一个字符序列形成的搜索模式。当你在文本搜索数据时，你可以用搜索模式来描述你查询的内容。正则表达式可以是一个简单的字符，或一个更复杂的模式。正则表达式可以用于所有文本搜索和文本替换的操作。**由一个字符序列形成的搜索模式，用来匹配**-正则表达式的模式：1、正则表达式的范围2、正则表达式的元字符3、正则表达式的量词
2022-04-20 22:51:03
47
原创 JavaScript学习的第八天
多维数组与字符串一、多维数组1、一维数组var arr=[1,2,3];2、多维数组==数组项==还是数组var arr=[[1,2,3],[4,5],[6,7]]//访问二维数组console.log(arr[0][0]);//结果 1console.log(arr[1][0]);//结果 4//二维数组进行遍历for(var i=0;i<arr.length;i++){//i=0意为多维数组里第一项 for(var j=0;j<arr[i...
2022-04-19 21:44:56
67
原创 JavaScript学习的第七天
var a=[1,2,3,4]var b=[5,6,7,8,9]var c=['A','B','C']1.every()检测数值元素的每个元素是否符合条件console.log(a.every(function(item){ return item>0 }))2.some()检测数组中是否有元素符合条件 console.log(b.some(function(item){ re...
2022-04-18 22:45:56
68
原创 JavaScript学习的第六天
**JavaScript的数组对象数组：字面意思，数据的组合。 数组对象：使用单独的变量名储存一系列的值，一个容器储存多个元素。 数组项：元素。 ...
2022-04-18 02:02:55
700
原创 JavaScript学习的第五天
**JavaScript的对象-对象（object）：是一个以键值对形式储存属性的集合，每一个属性有一个特定的名称，以及与名称相对应的值。这种关系有一个专有名称，叫做映射。对于对象来说，除了可以通过这种方式来保持自由属性，还可以通过继承的方式来继承属性。这种方式称为“原型式继续”。-万物皆对象。-语法：{key1:value1,key2:value2,key3:value3,.....}-JavaScript对象的值是 属性和方法的数据。**JavaScript对象的分类-内建（内置
2022-04-14 20:53:06
767
原创 JavaScript学习第四天
**JavaScript（变量）的作用域**作用域是可访问变量的集合。在JavaScript中对象和函数也是变量。作用域为可访问的变量，对象和函数的集合-全局作用域：全局变量1、在函数外定义的变量为全局变量全局变量有全局作用域：网页中所有的脚本和函数都可以使用2、变量没有声明，直接赋值的也为全局变量未声明的变量会自动作为window的属性，window是js中顶级变量（对象）例：window.alert()➡可直接写为alert（）-局部作用域：局部变量变量在函数
2022-04-13 22:11:41
760
原创 JavaScript学习第三天
一、**JavaScript的循环**循环是将代码执行指定的次数**1、①for循环for(语句1；语句2；语句3){//执行的代码}语句1：条件的变量的初始值（代码执行前执行）只执行一次语句2：循环条件语句3：循环（代码块）已被执行后执行的代码（通常是自增或自减）例：for(i=0;i<5;i++){ console.log(i); //0,1,2,3,4}**break语句:用于跳出循环，中止。****continue语句:用于跳过...
2022-04-12 20:17:41
516
原创 JavaScript学习的第二天
一、**JavaScript的运算符1、JavaScript的赋值运算符：=变量的声明：var变量的赋值：=变量名=变量的值例：<script>var num=10;console.log(num)</script>2、JavaScript的算术运算符：+加，-减，×乘，/除，%取余（模 模余）例：<script>var a=10;b=20；c=a+bconsole.log(c)或console.log(a+b); //30
2022-04-11 21:39:28
402
原创 JS学习第一天
JS作者：布兰登·艾奇(Brendan Eich)1995诞生，Netscape(网景) Navigatror 和 Sun 合作 JavaLiveScript 1997 将Javascript1.1作为蓝本提交给欧洲计算机制造商协会(ECMA)ECMAScript(核心语法)宿主：在哪里运行浏览器 node Adobe Flash一、Javascript分为三部分：1、ECMAscript（js核心语法部分）。2、DOM（文档对象模型）Document ...
2022-04-09 00:49:07
565
空空如也
elementui表格树形数据
2023-05-24
elementui的calendar自定义多日操作
2023-04-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人