- 博客(26)
- 收藏
- 关注
RSS订阅原创 Node的简单了解
NodeJS的简单了解NodeJS的概念Node.js是一个基于Chrome V8引擎的JavaScript运行环境，一个让JavaScript 运行在服务端的开发平台，它让JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。JavaScript的组成JavaScript是一种运行在客户端的脚本语言组成结构：而ECMAScript语法能放在服务端运行吗？答案是可以，于是NodeJs出现了NodeJS是运行在服务端的语言因为nod
2021-04-17 15:53:08
395
原创 JS中的预编译
JS中的预编译JS代码执行过程JS语言是一种单线程解释性语言。它是一门语言，它有它自己的执行机制。JS代码执行过程分三个过程：首先，进行语法分析，语法分析就是浏览器先通栏浏览一下整体的代码有没有少写分号、单词拼错等语法的错误。JS预编译。本质是创建AO对象或GO对象，对其属性的操作。最后一行一行的读取代码执行代码。var关键字var关键字在ES6语法之前，有var关键字。var 声明语句声明一个变量，并可选地将其初始化为一个值。当赋值给未声明的变量, 则执行赋值后, 该变量会被隐
2021-04-07 19:51:10
302
原创 网络模型与HTTP协议简单了解
网络模型与HTTP协议简单了解网络模型的概念互联网中，计算机与计算机之间的数据传送，主要是基于各种“协议”串联起来的。模型互联网中数据的传送，其实分为好几层来处理数据的，每一层有它自己明确的功能。其中有种分层模型是分成五层将整个的数据传递过程，于是称之为五层网络模型五层网络模型物理层一台计算机与另一台计算机要进行通信，要把这台计算机与另外的其他计算机连起来，例如可以通过光纤啊，电缆啊，双绞线啊等物体把他们联起来。然后才能进行通信，也就是说，物理层负责把两台计算机连起来，然后在计算机之间传送
2021-03-29 16:20:58
210
原创 JS事件轮询个人了解
JS语法特点JS线程(同步异步) JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。如果前一个任务耗时很长，后一个任务就不得不一直等着。很多时候CPU是闲着的，因为IO设备（输入输出设备）很慢（比如Ajax操作从网络读取数据），不得不等着结果出来，再往下执行。主线程完全可以不管IO设备，挂
2021-03-22 18:45:35
135
原创 ES6简单介绍
ES6一些语法与个人思索let和constlet声明变量let声明的变量不会挂在window中，不会造成全局变量的污染新增了一个块级作用域{}，以前只有函数作用域，全局作用域let是不允许重复声明let不会有声明提前（只是人为看到的效果，实际上是有声明提前，提前到临时性的死区中）const声明常量跟let的四个点一样：不能重复声明，不能声明提前不允许被修改,不允许改变内存空间的地址const声明和赋值必须一次性完成，并且后期不允许改变存储空间的地址
2021-03-21 16:21:09
109
原创 移动端布局（flex布局）简单介绍
移动端布局（flex布局）1.视口视口（viewport）就是浏览器显示页面内容的屏幕区域。 视口可以分为布局视口、视觉视口和理想视口1.1布局视口 layout viewport一般移动设备的浏览器都默认设置了一个布局视口，用于解2C端页面在手机上显示的问题。iOS, Android基本都将这个视口分辨率设置为 980px，所以PC上的网页大多都能在手机上呈现，只不过元素看上去很小，一般默认可以通过手动缩放网页。1.2视觉视口 visual viewport字面意思，它是用户正在看到的网站
2021-01-09 16:18:09
916
1
原创 this、return、new关键字的简单理解
this、return、new关键字的个人理解new关键字用new操作符创建对象时发生的事情：（1）创建一个新对象；（2）将构造函数的作用域赋给新对象（因此this就指向了这个新对象）；（3）执行构造函数中的代码（为这个新对象添加属性和方法）；（4）返回新对象；通过new操作符后跟构造函数的方式创建的对象（实例），这个对象有一个constructor（构造函数）属性，该属性指向构造函数。注意：原本的构造函数是window对象的方法，如果不用new操作符而直接调用，那么构造函数的执行对象就 是
2021-01-09 09:54:48
827
原创 简单使用CSS3-动画系列标签
如何使用CSS3-动画系列标签1、过渡(CSS3)语法格式：transition: 要过渡的属性(transition-property) 花费时间(transition-duration) 运动曲线(transition-timing-function) 何时开始(transition-delay);如果有多组属性变化，还是用逗号隔开。属性描述transition简写属性，用于在一个属性中设置四个过渡属性。transition-property规定应用过渡的
2020-12-26 15:38:39
562
原创 H5和C3新增属性
H5和C3部分新增标签1.1. 语义化标签 (了解)使用语义化标签的好处是增强了代码的可阅读性，也方便了网站的seo（Search Engine Optimization，搜索引擎优化）。header 头部标签nav 导航标签article 内容标签section 块级标签 （块级标签 啥意思？ ）aside 侧边栏标签footer 尾部标签1.2. 多媒体标签1.2.1. audio 音频标签source标签可以通过在多媒体标签内加入source标签，用来指定多个播放路径，
2020-12-26 15:34:03
382
原创 正则表达式的简单理解
正则表达式的简单理解正则表达式概念：一个有规则的表达式简单的说就是一个用于查找的通配符正则表达式对象-> js 正则表达式对象 就是 由 正则表达式创建的对象, 该对象可以进行 匹配, 提取 和 替换.创建正则表达式对象构造函数var regex = new RegExp( 正则表达式字符串[, 匹配模式] );字面量var regex = /正则表达式/; //创建正则对象的两种方法 var reg = new RegExp() //
2020-12-19 15:23:49
239
1
原创 粗略认识原型
粗略认识原型原型出现的需求起因构造器创建对象的时候, 实际上会有成员重复 如果使用 构造器 this.方法名 = function .... 方式创建对象. 那么每一个对象 对应的方法就会重复. 解决办法就是让这个方法( 函数 )共享 -> 将函数写到外面, 那么 Person 在初始化对象的时候就不会再创建一个函数了. 只需要将 外面的函数引用 交给对象即可. 缺点: 一个对象可能有 n 多方法. 如果将所有的东西 都放到外面, 与其他库 冲突的几率就会变大. 所以不
2020-12-19 15:23:25
153
1
原创 鼠标事件案例
鼠标事件案例事件类型说明click单击鼠标左键时发生，如果右键也按下则不会发生。当用户的焦点在按钮上并按了 Enter 键时，同样会触发这个事件dblclick双击鼠标左键时发生，如果右键也按下则不会发生mousedown单击任意一个鼠标按钮时发生mouseout鼠标指针位于某个元素上且将要移出元素的边界时发生mouseover鼠标指针移出某个元素到另一个元素上时发生mouseup松开任意一个鼠标按钮时发生mousemove鼠标在某个元
2020-12-12 14:36:37
446
原创 创建简易的微博发布评论效果
DOMDOM - 文档对象模型一套操作页面元素的APIDOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作DOM的概念文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标记语言的标准编程接口。它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本，更新其内容、结构和www文档的风格(目前，HTML和XML文档是通过说明部分定义的)。文档可以进一步被处理，处理的结果可以加入到当前的页面。DOM是一种基
2020-12-12 14:03:27
409
原创 数组部分了解
数组数组的基本使用数组用于存放多个数据（不限任何类型）创建数组的方法[数据,数据,数据,…]创建一个数组，并初始化每一项的值new Array(长度)长度, 数组里面的数据总数，长度一定是一个非负整数new Array(数据,数据,数据,…)创建一个数组，并初始化每一项的值数组项：数组其中的一项数据// 空数组 var arr = new Array(); // 数组长度为3 但是内容为空var arr = new Array(6); // 创建数组 [1,2,
2020-12-07 10:14:50
128
原创 构造函数小案列简单介绍
构造函数概念介绍：构造函数 ，是一种特殊的函数。主要用来在创建对象时初始化对象， 即为对象成员变量赋初始值，总与new运算符一起使用在创建对象的语句中。构造函数用于创建某一大类对象，首字母要大写。构造函数要和new一起使用才有意义例子一：function Student(name,age) { this.name = name; this.age = age; this.sayHi = function() { alert('你好，我叫' + thi
2020-12-05 11:18:31
329
原创 JavaScript数据类型与循环
JavaScript数据类型与循环JS中的数据类型原始类型（基本类型）概念：不可以再细分的类型数字类型 number字符串 string布尔类型 booleanundefined类型null类型引用类型有两种： object ， function<script> var obj = { name : '张三', age : 18, address : { country : '
2020-11-28 16:07:12
170
原创 JavaScript运算符，简单例子了解
JavaScript运算符1.分类1.1算数运算符（+，-，*，/, %，**（幂 （[优先级比较高]））例子：<script>var a;a=100-"10"document.write("a="+a+"<br>");a=100-10;document.write("a="+a+"<br>");a=100-true;document.write("a="+a+"<br>");a=100-null;document.write("a=
2020-11-28 11:15:09
523
原创 JavaScript零基础部分概念与语法
JavaScriptJavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言。虽然它是作为开发Web页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。JavaScript基本特点JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。全局变
2020-11-21 16:14:46
152
原创 CSS精灵图简单了解与使用
CSS精灵图CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字能精确的定位出背景图片的位置。CSS精灵图简单介绍概念：图像精灵是放入一张单独的图片中的一系列图像。使用“background，background-position属性来显示图片意义与作用：包含大量图像
2020-11-21 11:31:33
304
原创 写天猫尾部部分
写天猫尾部部分效果图这个尾部部分分为三部分，分别是售后保障部分天猫支付方式等部分友商链接，标识部分整体书写的代码 <!-- 尾部部分 --> <!-- 尾部大盒子部分 --> <div class="footer"> <!-- 图片盒子部分 --> <div class="tmall_ensure"> <div class="
2020-11-17 19:44:58
629
原创 css做一个简单的京东顶部导航栏
CSS二级菜单做天猫导航栏效果图如下：其中要实现的二级菜单有五个，如下图：下拉框一下拉框二下拉框三下拉框四下拉框五具体实现代码<!-- 头部导航栏 --> <div class="header"> <!-- 头部内容部分 --> <div class="h-wrapper clearfix"> <!-- 头部内容左边部分
2020-11-15 22:07:01
1515
原创 CSS选择器简单了解
CSS选择器简单了解1.CSS复合选择器1.1后代选择器选择任何包含在内 的标签父级 子级{属性:属性值; 属性:属性值;}.box h3{color:red; font-size:16px;}1.2 子元素选择器子元素选择器只能选择作为某元素的子元素写法：其写法就是把父级标签写在前面，子级标签写在后面，中间跟一个 > 进行连接.class>h3{color:red; font-size:14px;}1.3交集选择器交集选择器由两个选择器构成，找到的标签必须满足
2020-11-08 21:33:17
91
原创 字符串切割练习
1.编写一个函数，将如下字符串’get-element-by-id’修改为’geTelemenTbYid’split 切割字符串var str = 'a,b,c,d';console.log(str.split(',')); //返回的是一个数组 [a, b, c, d] var str = 'get-element-by-id';//arr = ['','','',''] // console.log(str); while (str.indexOf
2020-10-21 19:04:57
208
原创 tab切换案例（排他思想）
<div class="box"> <div class="hd" id="hd"> <span class="current">体育</span> <span>娱乐</span> <span>新闻</span> <span>综合</span> </div&
2020-10-20 20:03:51
206
原创 了解链式编程与隐式迭代
案例：检测用户名是否是3-6位，密码是否是6-8位，如果不满足要求高亮显示文本框1.写出写在body中的内容账号：<input type="text" name="" id="txt"><br><br>密码：<input type="password" name="" id="pwd"><br><br><input type="button" name="" id="btn" value="点击登录">2.链式编
2020-10-20 19:40:20
107
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人