- 博客(18)
- 收藏
- 关注
RSS订阅原创 css3--box
css3 新盒模型box-sizingbox-sizing : border-box;( 怪异盒模型 ) / content-box ( 默认值 )display : flex; / inline-flex; 在父级添加后，父级就成为弹性盒子区域，子级就可以使用提供的方法和属性设置display-flex后，子级盒子默认主轴水平方向排列，flex-direction 设置主轴方向；flex-direction : row （ 默认 水平方向）：column( 竖直方向 )：row-rev
2020-08-24 12:08:01
115
原创 ES6--字符串和正则表达式
更好的Unicode支持早期由于存储空间宝贵，Unidode使用16位二进制来存储文字。我们将一个16位的二进制编码叫做一个码元（ Code Unit ）后来，由于技术的发展，Unicode对文字编码进行了扩展，将某些文字扩展到了32位（ 占用两个码元）， 并且，将某个文字对应的二进制数字叫做码点（ Code Point ）ES6以前都是用码元来计算的，这就导致每个汉字会占用两个码元，因此有些方法匹配不到更多的字符串API正则中的粘连标记模板字符串模板字符串标记...
2020-08-24 12:07:27
171
原创 js--正则表达式
regExp转义字符 ： **回车 相当于一个 \r\n\n 换行\r 行结束符\t 制表符正则表达式的作用匹配特殊字符或有特殊搭配原则的字符的最佳选择。reg.test(str) 测试方法var reg = /abc/i || var reg = new RegExp(‘规则’ ， ‘方法’)如果不加new 的话 引用同一个方法，指向同一房间规则：（贪婪匹配）/ ^ a/ :以a开头i : 会略大小写；g: 执行全局匹配；m:执行多行匹配；表达式：[] 一个表
2020-08-24 12:07:13
241
原创 js-数组
数组数组方法：改变原数组arr.push： 在数组最后一位 添加多个数据；arr.push(1,2,3)arr.pop : 删除数组最后一位，不能传参数arr.pop()arr.unshift(): 在数组第一位 添加多个数据；arr.unshift(1,2,3)arr.shift（） : 在数组第一位删除 一个数据arr.reverse： 逆转数组；arr.splice( 从第几位开始， 截取长度， 在切口处添加新数据) 常用作 添加数组；arr.sort （）: 给数组排序 升序
2020-08-24 12:06:56
113
原创 ES6--概述
ES6ECMAScript ，JavaScropt，NodeJs，他们的区别ECMAScript ：简称es，是一个语言标准JavaScript : 运行在浏览器端的语言，该语言使用ES标准。ES + WEB API = JAVAscriptNodeJs : 运行在服务器端的语言，使用ES标准，ES + NODE API = JavaScript无论JavaScript 还是NodeJs都是Es的超集（ 集合 ）ECMAScript有哪些关键版本ES 3.0 1999年ES 5.0
2020-08-24 12:06:35
113
原创 js--tryCatch,width,eval，es5严格模式
try Catch在try 里面出现错误，出现错误后的 try里面的， 代码不执行，但是try以外的代码会执行，catch 负责捕捉错误信息 放在一个对象里（ e.message e.name）e.name 对应的六种错误信息1.EvalError: eval()的使用与定义不一致2.RangeError: 数值越界3.ReferenceError: 非法或不能识别的引用数值（一个变量没经过声明就使用了）4.SyntaxError:语法解析错发5.TyprError:操作数类型错误6.U
2020-08-24 12:06:12
186
原创 js-----typeof类型转换
补充条件循环语句continue – 作用，终止本次循环，执行下次循环； 用于条件循环语句中，当我们想要通过一个条件，得出相反的结果可以在循环语句中加入 continue;例如：两种全然相反的结果for (var i = 0; i < 100; i++) {if (i % 10 == 1) {continue;}console.log(i);}for (var i = 0; i < 100; i++) {if (i % 10 == 1) {console.log(i);}
2020-08-24 12:05:55
100
原创 js-对象包装类
对象对象创建方法直接写var obj = { xxx }; 对象字面量也叫对象直接量；2.构造函数 （1）系统自带函数 new Object() / Array() / Number();如： var obi = new Object();注意： (2) 自定义函数构造函数内部原理：( 用到new 一定返回的是应用值，即使你在最后返回原始值，系统也会自动返回引用值 )一.在函数体最前面隐式加上 this = {};二.执行 this.xxx = xxx;三
2020-08-24 12:05:30
100
原创 你不知道的JS
你不知道的jsjs引擎线程和GUI线程互斥js执行机制-单线程js执行机智js引擎线程和GUI线程互斥js可以操作DOM元素，进而会影响到GUI的渲染结果。因此JS引擎线程与GUI渲染线程是互斥的。也就是说当JS引擎线程处于运行状态时GUI渲染线程处于冻结状态；js执行机制-单线程单线程：同一时间只能做一件事js执行机智同步和异步任务分别进入不同的执行场所，同步的进入主线程，异步的进入Event Table 并注册函数。当指定时间完成时，Event Table会将这个函数移入Event Que
2020-08-24 12:04:25
73
原创 css3--box-shadow/border/background属性
css3预处理器less/sass cssNext 插件 按照插件定义的语法规则，写CSS，然后解析成css语法规则文件；cssNext 用来实现一些未来的标准（未完全在各大浏览器实现的标准）后处理器autoprefixer 插件，编写CSS后，后处理器，会自动补齐一些兼容性的问题。** postCss**工具，用js实现的css的抽象语法树，AST（Abstract Syntax Tree）。形成语法树，插件基于语法树进行编写。当未来若不需要再考虑兼容为题的话，后处理器实现起来是更加容易进
2020-06-27 11:02:25
286
原创 一些css样式的补充
盒子隐藏1.display:none,不生成盒子2.visbility:hidden,生成盒子，只是从视觉上移除盒子，任然占据空间背景图1.当图片属于网页内容时，必须使用img元素2.当图片仅用于美化网页时，必须使用背景图涉及css属性background-image：url();background-repeat：no-repeat；(当图片比盒子内容小时，会重复出现，no-repeat设置后不重复出现)repate-y（y轴重复）repate-x（x轴重复）background-s
2020-05-16 12:43:48
112
原创 js数据类型
js数据类型原始值原始值的五种类型：引用值引用值的两种类型原始值原始值的五种类型：number (数字类型)数字类型前可以加上前缀以表示不同的进制：0：表示8进制0x: 表示16进制0b: 表示2进制string（字符串类型）字符串的额三种写法：1.‘xxx’; (内容不能主动换行)2.“xxx”; (内容不能主动换行)3:感叹号左边的键（不知到叫啥符号- - 。）boolean (布尔类型)表示真假两种状态：ture ：1；false : 0;undefine
2020-05-15 22:02:50
93
原创 css更多的选择器（伪类/伪元素选择器补充）
更多的伪类/伪元素选择器伪类选择器first-child/last-childfirst-of-type/last-of-childnth-childnth-of-type伪元素选择器first-letterfirst-lineselection伪类选择器first-child/last-child选择第一个子元素first-of-type/last-of-child选中子元素中，指定的第一个子元素nth-child选中指定位置的子元素 ** （a:nth-child(7)选中第七个a子元素）
2020-05-15 13:52:30
120
原创 css定位补充
css定位补充position属性relativeabsolutefixed定位下的居中多个定位元素的重叠position属性默认值：static，静态定位relative：相对定位absolute：绝对定位fixed：固定定位只要一个元素position的值不是static，认为该元素为定位元素定位元素会脱离文档流（相对定位除外）relative相对定位，只是让元素在原来的位置上进行偏移，与margin不同的是margin的值也算在盒子大小，而relative不会
2020-05-15 13:23:31
133
原创 css浮动流，高度塌陷问题
css常规流常规流常规流布局常规流盒模型：规定单个盒子的规则视觉格式化模型（布局规则）：页面中的多个盒子排列规则，大体分为三种：1.常规流2.浮动3.定位常规流布局所有元素，默认情况下，都属于常规流布局，总体规则：块盒独占一行，行盒水平排列...
2020-05-14 19:54:58
189
原创 css要点补充（文章空白处理）
css要点补充常见样式声明选择器常见样式声明font-size字体大小单位：1.px,绝对单位，文字高度占多少像素；2.em,相对单位，相对于父元素的字体大小，如父元素字体大小为10px,若子元素字体大小为2em则子元素字体大小为20px;若向上找父元素没有字体大小则基于浏览器字体大小；text-indent文本首行缩进line-height每行文本的高度，通常设置为容器的高度可以让单行文本垂直居中；letter-spacing文字间隙text-align文本水平对齐方式；cen
2020-05-14 12:31:42
246
原创 HTML基础补充
HTML基础篇pre元素a元素map元素figure元素多媒体元素dl 定义列表语义化容器功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入#HTML元素（element）语义化：html文本结构每个元素的用法一定要语义化，每个元
2020-05-13 11:04:14
217
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人