- 博客(33)
- 收藏
- 关注
RSS订阅
1原创 模块化（CommonJS：社区标准）
模块化的标准（node环境）1、 CommonJS(CMJ) 社区标准2、 ES Module（ESM） 官方标准CMJ规范1、所有的js文件均是一个模块，运行的模块叫做入口模块2、所有的模块中的全局变量、函数，均不会产生污染3、当一个模块需要提供一些东西给别的函数使用时，需要把这些东西[导出] module.exports4、当一个模块需要用到别的模块的东西的时候，需要[导入]require(模块路径必须以./或…/开头)5、模块有缓存，第一次运行模块后，导出结果会被缓存，之后再次使
2021-11-19 17:03:20
637
原创 常用算数运算符
运算符概述主要解决数据运算的问题操作符和操作数操作符：运算符、参与运算的符号（不一定只有一个符号）操作数：参与运算的数据（也称之为元）表达式表达式 = 操作符 + 操作数 每个表达式都有一个运算结果，称之为返回值所有的表达式都可以当成数据来使用运算符的返回值和类型1、 = 表示赋值2、 . 属性访问表达式，返回的是属性的值3、[ ] 属性访问表达式，返回的是属性的值4、() 函数调用，返回的结果取决于函数的调用算数运算符'+'加 -减
2021-11-17 16:44:27
777
原创 行盒的垂直对齐
行盒的垂直对齐1、多个行盒垂直方向上的对齐给没有对齐元素设置vertical-align1.预设值baseline：使元素的基线与父元素的基线对齐sub：使元素的基线与父元素的下标基线对齐super：使元素的基线与父元素的上标基线对齐text-top：使元素顶部与父元素的字体顶部对齐text-bottom：使元素的底部与父元素的字体底部对齐middle：使元素的中部与父元素的基线加上父元素的x-height的一半对齐2.数字2、图片底部的白边图片的父元素是一个块盒，块盒高度自动，
2021-11-02 09:31:24
319
原创 css常用样式
css常用样式1、color：元素内部颜色2、background-color：元素背景颜色3、font-size：内部文字字体大小单位1、px：像素，绝对单位，可以理解为文字的高度占多少个像素2、em：相对单位，相对于父元素的字体大小（每个元素必须有字体大小，如果没有声明，则直接使用父元素的字体大小，如果没有父元素，则使用基准字号）3、rpx：是微信小程序解决自适应屏幕尺寸的尺寸单位，可以根据屏幕大小，改变字体的大小4、font-weight：文字粗细程度取值1、数字2、预
2021-11-01 14:13:02
191
原创 盒模型
盒模型box:盒子，每个元素在页面中都会生成一个矩形区域（盒子）盒子类型：1、行盒，display等于inline的元素（在页面中不换行）2、块盒，display等于block的元素（在页面中独占一行）display：默认值为inline浏览器默认样式表设置的块盒：容器元素、H1-H6、p*常见的行盒：span、a 、img、video、audio盒子的组成部分无论是行盒，还是块盒，都有下面几个部分组成，从内到外分别是1、内容 contentwidth、height，设置
2021-10-18 15:06:52
77
原创 Date构造函数
date构造函数术语时间单位年（year）、月（month）、日（date）、小时（hour）、分钟（minute）、秒（second）、毫秒（millisecond，ms）微妙（microsecond）、纳秒（nanosecond）UTC 和 GMTGMT：格林威治世界时 太阳时，精确到毫秒UTC:世界协调时 以原子时间为计时标准，精确到纳秒时间戳 （数字）1970-1-1凌晨到 某个时间 所经过的毫秒数创建时间对象直接调用函数（不适用new），忽略
2021-10-16 16:56:45
532
原创 math对象
MAth 对象提供了一系列与数学相关的成员常量：永远不会变化是数据，常量一般命名是所有字母大写如果由多个单词用下划线分割1、random（）方法：产生一个0-1之间的随机数2、abs()方法：求绝对值3、floor（）方法：对一个数向下取整4、ceil（）方法：对一个数向上取整5、max（）方法：得到一组数据的最大值、如果不传参数，得到的是负无穷-Infinity6、min（）方法：得到一组数据的最小值如果不传参数，得到的是正去穷Infinftypow()方法：求
2021-10-16 14:43:14
93
原创 原始类型包装器
原始类型包装器两种用法：1、new 包装器（传一个值）：返回是一个对象2、包装器（传一个值）：返回的是一个原始类型Number静态成员1、isNaN（）确定传值是否为NaN2、isFinite()，确定传递的值的本身类型及本身是否是有限数3、isTnteger（），判断传递的值是否为整数4、parseFloat（），将一个数据转换为小数5、parseInt（），将一个数据转换为整数，直接舍去小数部分，可以传入第二个参数，表示将给定的字符串，识别为多少进制parseFloat(
2021-10-14 15:32:09
78
原创 Array构造器
静态方法，直接通过构造器调用实例方法：需要通过构造器创建一个对象，然后通过对象调用凡是通过Array构造函数创建的对象，都是数组Array构造器静态成员1、from（）方法：可以将一个伪数组转换为真数组，2、isArray（）方法：判断一个给定的数据，是否是一个真数组（返回值为布尔类型）3、of（）方法，类似于中括号创建数组，依次赋予数组每一项的值实例成员1、fill（）方法，用某个数据填充数组（有多少项就可以填充多少项）2、pop（）方法，删除数组的最后一个元素，并返回这.
2021-10-13 17:17:25
127
原创 标准库API
标准库（标准API（应用编程接口））Object用来创建对象的Function 用来创建函数的一、静态成员1、Object.key()属性，得到某个对象的所有属性名数组var obj = { x:1232, y:"sddd", z:true } var arr = Object.keys(obj);//返回一个所有元素为字符串的数组，其元素来自于从给定的object上面直接枚举的属性 console.log(ar
2021-10-13 15:53:56
136
原创 javascript中var变量的优缺点
var变量的优缺点var变量在我们学习JavaScript时，是最常用的变量，但是在我们做大型项目的时候，会发现有很多不可避免的问题，所以在这里我简单说一下关于var变量声明时存在的几个问题:1、允许重复变量的声明，导致数据被覆盖通俗的讲，就是在编译，我们运用var生成一个变量，正常情况下，这个变量是不会再被生成的，但是var还可以允许生成并且不会报错，而且里面的数据是会覆盖前面的数据，这个问题是很头疼的，比如你写了1000行代码，但是最后运行的数据出错了，你就要检查代码，你会很难发现问题在哪里。下面
2021-08-26 16:29:29
2189
原创 jQuery dom操作 属性操作
jQuery DOM 操作 属性操作一、通用属性操作 <div class="attr"> <img src="./屏幕截图 2020-10-24 173951.jpg" alt="" kaivon ="liu"> <input type="text" value="这是一个输入框"> </div> 1、attr()获取匹配的元素集合中的第一个元素属性的值 $('.attr img').attr('
2020-12-08 22:16:24
430
原创 jQuery DOM操作 包裹元素、删除元素、替换元素
jQuery DOM操作 包裹元素、删除元素、替换元素一、包裹元素<div class="wrap"> <span>red</span> <span>green</span> <span>blue</span></div>1、wrap（‘想要在外层添加元素’）在每个匹配的元素外层包裹上一个html元素 $('.wrap span').wrap('<li>')
2020-12-08 18:47:49
346
原创 jQuery DOM操作 插入元素
jQuery DOM 操作 插入元素一 、 插入元素1> 内部插入元素 <div class="insideAdd"> <p> 在内部插入元素 </p> </div>1、append（’插入的元素’)，插入到末尾$('.insideAdd').append('<h2>222</h2>');//插入标签元素$('.insideAdd').append($(
2020-12-08 16:07:23
709
原创 jQuery DOM操作
jQuery DOM操作操作class <div class="setClass"> <ul> <li>red</li> <li class="green">green</li> <li class="red green ">blue</li> </ul> <p cl
2020-11-30 17:08:05
83
原创 HTML5内容大纲
HTML5 内容大纲1、新增的属性placeholder ：提示信息Calender , date , time , email , url , searchContenEditableDraggableHiddenContext-menuDate-Val(自定义属性）2、新增的标签语义化标签canvas（画板）svgaudio（声音播放）video（视频播放）3、API定位（需要地理位置）重力感应（陀螺仪）request-animation-frame(动画优
2020-11-30 08:53:42
121
原创 css面试题库
css面试题库一、css选择器的优先级1、位于标签里的style定义的css具有最高级的优先级2、位于style标签中的@ import引起样式表多定义3、位于link标签引入的样式所定义。4、位于link标签引入样式内是@import导入样式表所定义5、样式有用户设定最低的优先权是浏览器默认二、属性选择器的权重问题：1、@important -------- 无穷2、行间样式 -------- 10003、id
2020-11-25 20:12:44
119
原创 jQuery选择器
jQuery选择器一、基础选择器1、 id选择器$("#id名")2、 类选择器$(".class名")3、 标签选择器$("标签名")4、通配符选择器$("*")一般用于样式重组5、群组选择器$("标签名，标签名")二、层级选择器1、 选择到元素下的子元素$("标签名 子元素")$("标签名 >子元素")2、选中元素下的子元素的下一个元素$("div a.link + a")//选中div下的a元素类名为link的下一个元素3、选中元素中后面
2020-11-19 17:48:42
139
原创 JavaScript数组
JavaScript数组一、数组的定义数组用于存放多个数组二、数组的创建1、 new Array(长度）长度，数组里面的数据总数，长度一定是一个非负整数等同于new Array(数据1，数据2，数据3，…）创建一个数据，并初始化数组的每一个值2、[数据，数据，。。。。。]创建一个数组，并初始化每一项的值三、 数组的本质数组的本质是一个对象四、数组的常见操作1、 添加对象数组...
2020-11-13 08:14:28
85
原创 JavaScript流程控制
JavaScript流程控制一、 if判断if(条件一){代码块}else if(条件二){代码块}else{代码块}将字符串转换为数字 +字符串二、 switch开关switch(表达式){case 数据1:代码块case 数据2：代码块}计算表达式返回值，依次和case 后面的数据进行严格相等比较，如果某个相等，停止比较，运行代码快的内容break：停止运行当前代码快default：表示前面所有case都不满足时，运行代码快，可省略三 、 循环1）、
2020-11-12 22:49:16
48
原创 JavaScript运算符
比较运算符大小比较：> < >= <=相等比较： ==、!== 、===、!===比较运算符返回的结果一定是布尔类型算数运算符的优先级高于比较运算符1、大小比较两个字符串比较大小、比较的是字符串的字符编码如果一个不是字符串、并且两个都是原始类型，都将转换成数字进行比较NaN跟 任何数字进行比较得到的都是falseinfinity比任何数都大-infinity比任何数都小如果比较的一个是对象，将对象转换成原始类型2、相等比较==、!==比较两端数据
2020-10-21 20:36:56
111
原创 JavaScript运算符
二、 表达式表达式 = 运算符+操作数每个表达式都有一个运算结果，该结果叫做返回值，返回值的类型叫做返回类型所有的表达式都可以当做数据来运行1、 运算符的返回值和类型= ：返回赋值的结果. :属性访问表达式，返回的是属性的值[ ]:属性访问表达式，返回的是属性的值() :函数调用表达式，返回结果取决于函数运行如果是一个声明...
2020-10-20 23:13:06
135
原创 JavaScript语法基础
变量概念变量是一块内存空间，用于保存数据用法声明变量varletconst三者差别在es6中有详细描述，在这里我们只用var变量赋值：向变量的内存空间存放数据变量的值是可变的 可重新赋值，覆盖原先的值变量的名称在开发中，需要自行命名的位置，都叫标识符标识符的规范只能以英文字母、$ 、_ 开头其他位置可以出现数字、英文字母、下划线、$不可以与关键字、保留词重复标识符要做到忘文知文如果有多个单词，使用驼峰命名法小驼峰：除第一个单词首字母外，其他单词首字
2020-10-14 10:00:59
88
原创 JavaScript语法基础
一、数据和数据类型数据：有用的信息数据类型：数据的分类js中的数据类型- 原始类型（基本类型）：指不可再分割的类型数字类型（number）数字类型加上前缀，表示不同进制0：表示8进制0x：表示16进制0b：表示2进制字符串类型（string）单引号’’双引号""``布尔类型（Boolean）表示真假两种状态true ： 真false ：假undefined类型，表示未定义null类型 : 表示空，不存在引用类型对象Object函数
2020-10-14 09:27:06
228
原创 JavaScript语法基础
一、 JavaScript的书写位置直接在HTML文件中建立script标签，将代码直接书写在script元素内部书写到js文件中，在页面中引用（src属性）优点：代码分离：内容、样式、功能三者分离，更容易阅读和维护二、JavaScript基本语法语法部分必须都是英文符号js代码由多条语句构成，每个语句都用英文分号分离js代码从上到下同步执行js语言大小写敏感三、输入书写出语句输入语句prompt("");输出语句document.write，该语句用于将数据输出
2020-10-13 11:17:38
94
原创 JavaScript优缺点
JavaScript概述JavaScript是一个解释性语言优缺点优点：跨平台性缺点：执行速度慢特点弱类型语言（存放的数据类型不可变）优点：灵活上手缺点：不严谨单线程上一件事情没有做完，下一件事情必须等待异步提高单线程执行效率...
2020-10-13 10:53:27
893
原创 ES6中的块级绑定 var let const
一、块级绑定声明变量中经常遇见的问题允许重复的变量声明：导致数据被覆盖变量提升：怪异的数据访问闭包问题全局对象的污染问题二、 常见变量的声明方法var 会到全局变量let 不会挂在到全局变量，不允许当前范围内虫回复使用const 和let完全相同，仅在于const声明变量必须在声明时赋值，而且不可以重复赋值三、块级作用域概念：代码在执行时遇到花括号，会创建一个块级作用域，花括号结束，销毁块级作用域。在块级作用域中定义的变量，全局变量无法使用。在循环中使用let声
2020-10-12 22:12:31
114
原创 ECMAScript.JavaScript,NodeJS,区别
ES6一、概述ECMAScript.JavaScript,NodeJS,区别ECMAScript:简称ES，是一个语言标准（循环、判断、变量、数组等数据类型）JavaScript“运行在浏览器端的语言，该语言使用ES标准node.js，运行在服务器端的语言，该语言使用ES标准...
2020-10-12 21:51:38
240
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人