- 博客(33)
- 收藏
- 关注
RSS订阅原创 node项目的创建
1.下载node.js英文官网下载https://nodejs.org/en/1中文官网下载https://nodejs.org/zh-cn/12.创建node项目.打开CMD，创建某个文件夹(你要设定为项目的文件夹) -----这步做不做无所谓创建文件夹命令如下:mkdir 文件夹名称1输入创建项目的命令(创建 package.json)npm init1补全缺少的...
2020-05-07 11:17:07
160
原创 创建vue-cli
NPM安装 vue-cli4npm install -g @vue/cli-service-global1用CPNM安装 vue-cli41.先安装 cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org12.再安装 vue-cli4npm install -g @vue/cli-service-glob...
2020-05-07 11:15:36
132
原创 jquery总结
jq常用apijq之css样式$() 参考字符串 作用:选择器创建dom元素返回jq对象.css() 参数对象： 作用：给html 设置css样式 原理给元素style属性以下的API参数为class值.addClass()参数字符串:作用给htm1添加class类名返回jq对象.removeClass()参数字符串作用删除class类名(参数)返回jq对象.toggleC...
2019-12-27 22:07:54
105
原创 放大镜
Document <!-- 大图 --> <div class="bigImage"> <img src="./img/1.jpg" alt...
2019-12-27 22:05:28
96
原创 DOM详解
一、XML解析技术概述1.XML解析方式分为两种：dom和sax(1)dom：(Document Object Model, 即文档对象模型) 是 W3C 组织推荐的处理 XML 的一种方式。(2) sax：(Simple API for XML) 不是官方标准，但它是 XML 社区事实上的标准，几乎所有的 XML 解析器都支持它。XML解析器Crimson、Xerces 、Aelf...
2019-12-13 19:14:21
181
原创 DOM基础
1.DOM --> document2.浏览器： IE（IE9 基本都支持） FF (DOM支持99%) Chrome、safari（60%左右）3.DOM节点子节点（childNodes数组）、父节点子节点存在的问题：部分B会显示文本节点和元素节点的和文本节点是没有style属性的解决办法：使用nodeType判断节点的类型 = =>3:文本节点 =...
2019-12-13 19:12:56
90
原创 JavaScript HTML DOM
对象的 HTML DOM 树DOM HTML 树通过这个对象模型，JavaScript 获得创建动态 HTML 的所有力量：JavaScript 能改变页面中的所有 HTML 元素JavaScript 能改变页面中的所有 HTML 属性JavaScript 能改变页面中的所有 CSS 样式JavaScript 能删除已有的 HTML 元素和属性JavaScript 能添加新的 HT...
2019-12-13 19:10:57
67
原创 字符串对象和数据类型显示转化
字符串对象// 所有的 Number() String() Boolean() Object() Array() 都是可以将其他类型进行转化/*字符串对象特点：1：有序，有索引值，索引值从0开始到 长度-12：有长度， 对象.length 获取字符串长度 字符串对象与字符串区别 1：相同点，都是字符串 都有长度 和索引值 构造函数都是String() ...
2019-12-06 23:23:28
139
原创 js的单线程和预编译是什么？
js是单线程的语言，也是一门解析型语言，所以他有着属于自己的一种运行方式，我们所说我预编译就是js解析型语言的一种解释。语言分析在我们代码执行的时候，我们的浏览器会先将js所有需要执行的代码全面检测一遍，目的是排除低级的语法错误，检测到错误后，一个一个抛出，而不是一下子全部抛出，所以js是单线程，这也是一种编程上的同步。什么是js的同步呢？同步：从上往下按顺序执行的程序； 弊端：中间任...
2019-12-06 23:21:56
113
原创 this new call apply bind 运行原理讲解
this new apply call bind虽然标题是 this、new、bind、call、apply，但实际上这些都离不开 this，因此本文将着重讨论 this，在此过程中分别讲解其他知识点。注意： 本文属于基础篇，如果你已经对本文相关知识点已经很了解了，那么可以跳过本文。如果你不够了解，或者了解的还不完整，那么可以通过本文来复习一下this 指向的类型刚开始学习 JavaScr...
2019-11-30 14:56:47
77
原创 数组去重
//排序后相邻去除法var arr = [1, 1, 2, 2, 2, 2, 3, 3, 4, 54, 5, 5, 5, 5, “aaa”, “aaaa”]function uniq(array) {array.sort();var res = [array[0]];for (var i = 1; i < array.length; i++) {if (array[i] !== ...
2019-11-30 14:03:35
128
原创 数据的应用
（一）使用 Array 构造函数：var arr1 = new Array(); //创建一个空数组var arr2 = new Array(20); // 创建一个包含20项的数组var arr3 = new Array(“lily”,“lucy”,“Tom”); // 创建一个包含3个字符串的数组（二）使用数组字面量表示法：var arr4 = []; //创建一个空数组var a...
2019-11-27 15:08:04
202
1
原创 javascript数组定义的几种方法
1、什么是数组数组就是一组数据的集合其表现形式就是内存中的一段连续的内存地址数组名称其实就是连续内存地址的首地址2、关于js中的数组特点数组定义时无需指定数据类型数组定义时可以无需指定数组长度数组可以存储任何数据类型的数据（比如说一个元素保存整型，一个元素保存字符串型，这个在JS中是可以的）创建数组的语法：var arr=[值1,值2,值3]; ...
2019-11-27 15:03:31
633
原创 JS的字符串和数组常用函数
方法作用 方法名 返回值搜索字符 1 返回指定位置的字符 stringObject.charAt(index) 字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间，该方法将返回一个空字符串。3 返回值：找到的字符或者空字符2 返回某个指定的字符串值在字符串中首次出现的位置。 str.indexOf(searchValue,[fromInde...
2019-11-23 11:20:59
166
原创 js变量
JavaScript 标识符所有 JavaScript 变量必须以唯一的名称的标识。这些唯一的名称称为标识符。标识符可以是短名称（比如 x 和 y），或者更具描述性的名称（age、sum、totalVolume）。构造变量名称（唯一标识符）的通用规则是：名称可包含字母、数字、下划线和美元符号名称必须以字母开头名称也可以 $ 和 _ 开头（但是在本教程中我们不会这么做）名称对大小写敏...
2019-11-23 11:13:28
107
原创 快捷应用
禁止鼠标右键：οncοntextmenu=“return false”；禁止选择：onselectstart=“return false”；禁止拖放：οndragstart=“return false”；禁止拷贝：οncοpy=document.selection.empty() 。禁止复制：oncopy = “return false”；禁止保存：，放在head里面。禁止粘贴：<...
2019-11-15 09:33:37
184
原创 js基础知识点总结
ECMAscript 基础语法变量 数据类型 运算符 数组 函数 对象BOM 浏览器对象模型window对象（获取浏览器宽高）history对象location对象DOM 文档对象模型 轮播图元素获取 操作属性 操作样式 节点 事件 时间对象作用：（运营在用户端浏览器）数据验证动态创建和删除元素操作元素的内容和样式模拟动画创建cookieajax...
2019-11-14 14:33:23
178
原创 CSS块级元素、内联元素概念
CSS文档流与块级元素（block）、内联元素（inline），之前翻阅不少书籍，看过不少文章， 看到所多的是零碎的CSS布局基本知识，比较表面。看过O’Reilly的《CSS权威指南》，发现里面提到的文档流概念让我很敏感。 可恶的是书中并没有解释文档流是什么东西，或许作者觉得这个太简单了以至于不值一提。但我觉得，这个概念实在太重要了。理解了它，一堆CSS布局的理论都变得易于理解，并且体会到CSS...
2019-11-14 14:16:01
114
原创 CSS3 3D 转换
transform 向元素应用 2D 或 3D 转换。 3transform-origin 允许你改变被转换元素的位置。 3transform-style 规定被嵌套元素如何在 3D 空间中显示。 3perspective 规定 3D 元素的透视效果。 3perspective-origin 规定 3D 元素的底部位置。 3backface-visibility 定义元素在不面对屏幕时是...
2019-11-09 09:39:30
118
转载 前端面试题
1.HTML5 为什么只需要写 ？HTML5 不基于 SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行）；而HTML4.01基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。2.简述一下src与href的区别。答案：src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。src是so...
2019-10-28 19:37:41
1087
原创 html默认css样式的标签及去除(全局)
html默认css样式的标签及去除(全局)body, ul, li, h1, h2, h3, h4, h5, h6, p, form, dl, dt, dd {margin: 0px;padding: 0px;font-size: 12px;font-weight: normal; }ul { list-style: none; }img { border-style: none; ...
2019-10-28 19:33:14
1956
原创 用CSS绘制最常见的40种形状和图形
用CSS绘制最常见的40种形状和图形目录Square(正方形)Rectangle(矩形)Circle(圆形)Oval(椭圆形)Triangle Up(向上的三角形)Triangle Down(向下)Triangle Left(向左)Triangle Right(向右)Triangle Top Left(左上)Triangle Top Right(右上)Triangle Bo...
2019-10-22 10:29:42
231
原创 CSS常用属性
CSS常用属性选择器元素选择器* 全选HTML标签#id 带有id对应值的HTML标签.class 带有class对应值的HTML标签关系选择器后代选择器 祖先元素 后代元素父子选择器 父元素 > 子元素普通兄弟选择器 兄弟元素 ~ 兄弟元素相邻兄弟选择器 兄弟元素 + 兄弟元素 属性选择器 具备属性的元素 元素[属性] 具备特性属性值的...
2019-10-21 21:00:40
70
原创 HTML元素分类
HTML元素分类根元素标签id属性: 以ID形式选取元素class属性：以class形式选取元素title属性：鼠标悬停的时候显示的描述文字style属性：行内样式contentedtable属性：可编辑的内容区域，一般用来制作富文本编辑器data-* ：临时在标签元素上存储数据hidden ：使标签元素隐藏，占据空间的全局属性，可以加在任何的标签元素上文本类的标签加粗显示...
2019-10-21 21:00:01
72
原创 命名规范
项目中的文件名字1.符合应用场景2.一律使用小写英文字母，统一要求，禁止中文拼音3.命名原则；使团队成员可以看懂自己的代码，自己也方便查找。xxx.html文件的命名1.主页面 index.html2.子页面： 首页：home.html 我的：mine.html 关于我们：aboutus.html 信息反馈：feedback产品 product 购物 shop ...
2019-10-11 16:17:19
305
原创 DIV+CSS规范命名大全集合
DIV+CSS规范命名大全集合头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻...
2019-10-10 17:52:55
71
原创 VS Code 的常用快捷键
VS Code 的常用快捷键一、vs code 的常用快捷键1、注释：a) 单行注释：[ctrl+k,ctrl+c] 或 ctrl+/b) 取消单行注释：[ctrl+k,ctrl+u] (按下ctrl不放，再按k + u)c) 多行注释：[alt+shift+A]d) 多行注释：/**2、移动行：alt+up/down3、显示/隐藏左侧目录栏 ctrl + b4、复制当前行：sh...
2019-10-08 18:37:33
133
原创 Xmind 快捷键
Xmind 快捷键快捷键（Windows）快捷键（Mac）描述Ctrl+NCommand+N建立新工作簿Ctrl+OCommand+O开启工作簿Ctrl+SCommand+S储存目前工作簿Ctrl+Shift+SCommand+Shift+S储存全部工作簿Ctrl+WCommand+W关闭目前工作簿Ctrl+Shift+WCommand+Shift+W关闭全部工作簿Ctrl+P...
2019-10-08 18:33:52
180
原创 Typora 快捷键集合
Typora 快捷键集合快捷键 作用Ctrl+L 选中当前行/句Ctrl+E 选中当前格式文本Ctrl + Home 跳转到文首Ctrl + End 跳转到文末Ctrl + H 替换Ctrl + B 加粗Ctrl + I 倾斜Ctrl + K 超链接Ctrl + U 下划线Ctrl + 1 一级标题Ctrl + 2 二级标题Ctrl + 3 三级标题Ctrl + 4 四...
2019-10-08 18:00:22
199
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人