![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
「已注销」
这个作者很懒,什么都没留下…
展开
-
虚拟Dom和Diff算法
虚拟Dom和Diff算法首先,我们需要了解什么是虚拟Dom,又为什么需要虚拟Dom。虚拟Dom即Virtual Dom,他是用JS对象记录一个Dom节点的副本,当Dom发生更改时候,先用虚拟Dom进行Diff,算出最小差异,然后再修改真实Dom。我们之所以是使用Dom必定是因为他存在一定的优点,在我们用传统的方式操作Dom的时候,我们的浏览器会从构建DOM树开始从头到尾执行一遍过程,效率较低。...原创 2020-03-24 22:35:47 · 188 阅读 · 0 评论 -
浅析Vue双向数据绑定
浅析Vue双向数据绑定双向数据绑定似乎是面试中常出现的问题,那么我们来了解下什么是双向数据绑定,他的原理又是什么。首先,我们看下他的含义是怎么样定义的:数据的双向绑定,首先要对数据进行劫持监听,所以我们需要设置一个监听器Observer,用来监听所有属性。如果属性发生变化了,就需要告诉订阅者Watcher看是否需要更新。因为订阅者并非一个,所以需要有一个消息订阅器Dep来专门收集这些订阅者,然...原创 2020-03-18 21:19:26 · 155 阅读 · 1 评论 -
关于Express
关于ExpressExpress是基于Node.js平台,快速、开放、极简的web开发框架,这是一个方便开发者使用的框架,他是一个第三方模块,让开发者不用从基础做起,让他们的工作更加简单化,Express有三个显著的特点:二次封装、非侵入式、增强性。下面我们就来了解这个Express。在我们没有学习Express框架之前,我们Web服务器接口是使用以下代码实现的(在这里我们可以使用postma...原创 2020-03-15 16:10:24 · 119 阅读 · 0 评论 -
前后端分离
详解前后端分离关于前后端分离这个名词想必很多IT人员都听过,但是什么是前后端分离,又为什么要实现前后端分离呢?首先,我们对前端、后端和数据库进行一个大致的了解前端的主要内容包括HTML+CSS+JavaScript,前端也就是我们常说的浏览器端(Browser),后端的语言非常多,如PHP,Java,C++等,后端也是我们常说的服务器端(Server),我们知道的B/S开发,其实说的也就是...原创 2020-02-24 15:39:15 · 483 阅读 · 0 评论 -
表格表单
表格表单1.表格(1)表格相关的css属性a.border-spacing:20px 单元格间距(给table添加此属性)b.border-callapse:separate(分离)/collapse (合并)合并相邻单元格的边框(该属性给table添加)c.empty-cells:show/hidden无内容时,是否显示该单元格的边框区域d.table-layout:auto/fi...原创 2020-02-08 23:42:40 · 100 阅读 · 0 评论 -
时间对象与定时器
时间对象与定时器1.时间对象var oDate=new Date()2.获取时间获取年:var Y=oDate.getFullYear()获取月:var M=oDate.getMonth()+1 获取月份要加1获取日:var D=oDate.getDate()获取星期:var week=oDate.getDay()获取小时:var h=oDate.getHours()获取分钟...原创 2020-02-06 12:41:10 · 118 阅读 · 0 评论 -
Math方法
Math方法1.Math.pow 幂var res=Math.pow(2,9) console.log(res)//5122.Math.max 最大数var res=Math.max(12,99,6,71)console.log(res) //993.Math.min 最小值var res=Math.min(12,10,5,32)console.log(res) //54...原创 2020-02-06 11:25:24 · 120 阅读 · 0 评论 -
字符串知识点
字符串知识点1.字符串:放到括号里面的都是字符串;js内不分单引号和双引号;2.创建字符串:(1)字面量创建 var str = 'abc' console.log(str)(2)构造函数创建 var str = new String('HELLO') console.log(str)字面量和构造函数创建都有length属性,字符串有下标3.字符串操作indexOf查找 ...原创 2020-02-05 19:21:27 · 122 阅读 · 0 评论 -
透明和宽高自适应
透明和宽高自适应1.透明属性 IE浏览器写法:filter:alpha(opacity=value);取值范围0-100 兼容其他写法:opacity=value;取值范围0-12.视频文件的引入(1)swf文件引入<object width="value" height="value"> <param name="movie" value="flash路径及全称...原创 2020-02-05 18:50:03 · 158 阅读 · 0 评论 -
数组知识点2
数组算法:即算术的方法1.冒泡排序:先遍历数组,让挨着的两个进行比较,如果前一个比后面大,那么就把这两个数换个位置,数组遍历一遍之后,那么最后一个数字就是最大的那一个了。然后进行第二遍遍历,还是按照之前的规则,以此类推。外层循环*内存循环=循环次数<script> function BubbleSort(arr){ for(var i=0...原创 2020-02-03 01:56:53 · 79 阅读 · 0 评论 -
垂直对齐和定位、锚点
垂直对齐和定位、锚点1.垂直对齐 vertical-align:默认值baseline 居中middle 行高的顶端top 文字的顶线 text-top 行高的底部bottom 文字的底线 text-bottom 必须是行内块元素或设置了display:inline-block2.定位position(1)absolute ...原创 2020-02-02 01:30:16 · 327 阅读 · 0 评论 -
数组知识点1
关于数组1.数组是有序数据的集合复杂数据类型有object array function...2.空数组 var arr=[]3.非空数组 var arr=[1,2,3,true]4.创建数组的方式:(1)字面量创建方式:var arr=[1,2,3](2)构造函数创建:var arr=new Array() ()里面一个值是长度,两个值是内容5.查看数组的长度用到lengt...原创 2020-02-02 01:05:05 · 76 阅读 · 0 评论 -
JavaScript函数
JavaScript函数1.函数定义:function fn(){}function函数 fn 函数名 ()执行,里面写参数 {}里面写代码块函数定义阶段:函数有两种参数形式:行参和实参当计算机见到函数,会去计算机申请一块内存空间,空间地址赋给函数名2.函数的写法:(1)声明式函数:function fn(){执行的代码}(2)赋值式函数: var fn=function(...原创 2020-01-30 14:35:32 · 86 阅读 · 0 评论 -
JavaScript基础
JavaScript基础1.if语句语法:if(条件){要执行的代码} 条件成立执行{}里面的代码,条件不成立不执行里面的代码2.if else语句语法:if(条件){条件成立时执行的代码} else{条件不成立时执行的代码}3.if else if...语句语法:if(条件1){条件1成立执行的代码} else if(条件2){条件2成立执行的代码}4.if else ...原创 2020-01-30 13:20:40 · 122 阅读 · 0 评论 -
JavaScript基础
JavaScript基础HTML是标记语言JavaScript是编程语言发展历史:liveScript=>JavaScript=>ECMAScript作者,布兰登 艾克JavaScript的组成(1)ECMA是一种规范(2)BOM浏览器对象模型(3)DOM文档对象模型JS就是通过固定的语法去操作浏览器和标签结构来实现网页上的各种效果 JS代码的书写位置:行内、内联、...原创 2020-01-29 19:25:59 · 111 阅读 · 0 评论 -
单行文本溢出显示省略号和元素类型
单行文本溢出显示省略号和元素类型1.单行文本溢出省略号(1)width 宽度(2)white-space:nowrap 强制文本单行显示(3)overflow:hidden 溢出内容为隐藏(4)text-overflow:ellipsis/clipwhite-space:pre(可以显示空格和回车)/pre-wrap(文本可以自己换行显示)/pre-line(不识别空格)/norma...原创 2020-01-29 13:30:15 · 185 阅读 · 0 评论 -
Css的盒子模型
Css的盒子模型1.盒模型的组成部分盒模型规定了网页元素如何显示以及元素之间相互关系,包含边框、边界、补白、内容区2.border属性border-width边框宽度border-color边框颜色border-style边框样式solid/dashed/dottedd/double简写border:1px solid redborder-top/bottom/left/right...原创 2020-01-29 13:06:06 · 113 阅读 · 0 评论 -
Css的核心属性
Css的核心属性1.浮动属性:floatfloat:left;左浮动float:right;右浮动float:none;元素不浮动浮动的作用:(1)定义网页中其他文本该如何围绕该元素显示(2)让竖着的元素横着来脱离文档流:当一个元素不再在文档流中占据空间,而是漂浮在文档流上方的时候浮动会脱离网页文档,与其他不浮动的元素发生重叠但是不会与文字发生重叠,文字会围绕浮动元素显示2....原创 2020-01-29 11:52:11 · 130 阅读 · 0 评论 -
css基础
Css基础Css 即 Cascading style sheets 层叠样式表:如何修饰网页信息的显示样式Css的语法:选择器(选择符){属性:属性值;}选择器(选择符):要定义样式的对象属性:属性值;:声明Css的引入样式:1.内部样式:在head写一个标签style(适合案例比较小的页面) 结构创建对象,在head里面书写标签style style属性最好写在head里面...原创 2020-01-26 22:05:25 · 195 阅读 · 0 评论 -
新手入行,前端路漫漫,一起加油
HTML基础一、WEB网页的组成1.结构HTML2.表现CSS3.行为JavaScript二、HTML相关的1.XHTML指可扩展超文本标记语言2.HTML是超文本标记语言3.HTML5是HTML的第五个版本4.既包含了HTML+CSS的网页制作,也包含了JavaScript这门编程语言的相关开发5.文件命名规范(1)文件命名规则:用英文,不用中文(2)名称全部小写英文字母...原创 2020-01-22 11:13:26 · 258 阅读 · 3 评论