- 博客(17)
- 收藏
- 关注
RSS订阅原创 伪元素与伪类
文章目录伪元素和伪类的区别和作用？::before 和 :after 中双冒号和单冒号有什么区别？a 标签上四个伪类的使用顺序是怎么样的？伪元素和伪类的区别和作用？伪元素:在内容元素的前后插入额外的元素或样式，但是这些元素实际上并不在文档中生成。它们只在外部显示可见，但不会在文档的源代码中找到它们，因此，称为“伪”元素。例如：p::before {content:"第一章：";}p::af...
2019-10-17 23:36:26
153
原创 ES6部分新增
简单介绍一点es6的新增内容。ES6新增变量和声明方式：letconstclass 类import 引入模块export 暴露接口let：不存在变量提升不允许重复声明let具有块级作用域：花括号就是作用域暂时性死区const：const保存的固定的内容不是值，而是地址const的变量，不允许地址被修改对字符串的新增str.codePoin...
2019-10-14 22:54:01
309
原创 cookie、storage的介绍
cookiecookie(会话跟踪技术)，相当于第一次跟服务器连接后，服务器给你发的一个身份牌，上面可以记录跟你有关的信息（是否登录，购物车等等信息），以后只要再跟服务器通信，必须带着这个令牌，这样一来，服务器会直接知道你身份牌上所有的信息。cookie存在浏览器的缓存中。什么是缓存？数据交换的缓冲区－－－－临时储存cookie的特点：因为cookie会随着http发给服务器1....
2019-09-28 22:27:22
853
原创 javascript中的内置之——name
无意间发现js中的一个小坑，以下为测试代码： var name = 10; var obj = {}; console.log(name + 10 + obj) //输出结果：1010[object Object]一开始盯着代码研究半天，认为结果应该是20[object Object]。为什么呢？然后上网搜索了下，在菜鸟教程找到了原因：name属于保留关键字...
2019-09-21 21:01:05
611
原创 前端AJAX与跨域
AJAXAjax 全称为：“Asynchronous JavaScript and XML”（异步 JavaScript 和 XML），它并不是 JavaScript 的一种单一技术，而是利用了一系列交互式网页应用相关的技术所形成的结合体。使用Ajax，我们可以无刷新状态更新页面，并且实现异步提交，提升了用户体验。Ajax 这个概念是由 JesseJamesGarrett 在 2005 年发明...
2019-09-21 12:38:53
162
原创 用js实现2048游戏
用js实现2048游戏效果图html+cssJS部分2048的实现逻辑：它的本质就是二维数组的操作，只要二维数组完成就很简单了。以上为水平向左：水平说明操作的是二维数组的一行，而垂直操作的则是二位数组的一列。这样就可以将二维数组的操作变成遍历后对一维数组的操作。向左说明数据的优先考虑的位置是从左开始的。这样就确定了一维数组的遍历开始的位置。效果图上下左右都类似，直接上完整代码...
2019-09-12 19:32:14
1473
3
原创 原生js实现简单开奖
html + css <style> * { margin: 0; padding: 0; } input { width: 70px; margin: 10px; } .box { ...
2019-09-08 19:47:08
275
原创 原生js打砖块
一个功能简单的打砖块效果图html + css <style> * { margin: 0; padding: 0; } .box { width: 700px; height: 500px; borde...
2019-09-08 14:34:18
355
1
原创 JS事件（三）——事件委托（事件代理）
事件委托（事件代理）事件委托事件委托的封装事件委托将多个相同元素的相同事件，添加给页面上现存的共同的父元素，利用事件冒泡，配合事件源，找到真正点击的元素。通过e.target获取触发事件的事件源优势：1.节省性能2.可以给页面上暂时不存在的元素绑定事件缺点：this不好用事件委托的封装 var obox = document.querySelector(".box");...
2019-09-07 19:19:50
339
原创 JS 事件（二）--事件类型
JS 事件类型事件类型鼠标右键事件鼠标事件键盘事件表单事件框架/对象（Frame/Object）事件剪贴板事件打印事件拖动事件事件类型鼠标右键事件oncontextmenu鼠标事件onclick 鼠标点击某个对象ondblclick 鼠标双击某个对象onmousemove 鼠标被移动onmouseout 鼠标从某元素移开onmouseover 鼠标被移到某元素之上onmo...
2019-09-01 21:54:36
132
原创 js 事件（一）
js 事件事件事件的绑定方式阻止默认事件事件对象兼容写法事件对象身上的属性事件流事件事件三要素：事件源、事件类型、事件处理函数事件对象：在本次事件过程中，记录事件发生的所有信息通过事件对象，获取事件源 e.target事件的绑定方式赋值式绑定（DOM0级事件绑定）obox.onclick = function(){//}监听式绑定（DOM2级事件绑定）//封装兼容写法//...
2019-09-01 21:23:13
160
原创 JavaScript HTML DOM
JavaScript HTML DOMMDN的介绍DOM的选择器MDN的介绍DOM（Document Object Model——文档对象模型）是用来呈现以及与任意 HTML 或 XML文档交互的API。DOM 是载入到浏览器中的文档模型，以节点树的形式来表现文档，每个节点代表文档的构成部分（例如:页面元素、字符串或注释等等）。DOM 是万维网上使用最为广泛的API之一，因为它允许运行在浏览...
2019-08-31 19:52:07
117
原创 常用JS字符串方法
总结常用javascript字符串方法String 对象字符串创建字符串方法charAt()charCodeAt()concat()fromCharCode()indexOf()lastIndexOf()match()replace()search()slice()split()substr()substring()toLowerCase()toUpperCase()toString()value...
2019-08-25 14:24:36
208
原创 常用js数组方法
总结常用javascript数组方法Array 对象数组创建设置和读取数组元素数组方法concat()join()Array 对象Array 对象用于在单个的变量中存储多个值。数组创建首先介绍一下数组的创建方法，有两种方式：字面量方式： var arr1 = [];//创建一个空数组 var arr2 = [11];//创建一个只有一个元素的数组，主要用于与构造函数做比较 ...
2019-08-24 20:51:23
3981
2
原创 关于DOM元素中insertBefore() 方法的第二个参数问题
insertBefore() 方法的第二个参数问题在使用 insertBefore()的时候突发奇想的省略了 第二个参数，发现并没有效果，于是随便百度了下，发现了一点问题；分别前往w3school、w3cschool和菜鸟教程查看insertBefore() 方法；以下为三个网站的解释：w3school:w3cschool：菜鸟教程：应该已经可以看出是w3school出了一点错误；接...
2019-08-23 17:55:23
1805
2
原创 javascript BOM(浏览器对象模型)
BOM 浏览器对象模型1、什么是BOM2、BOM对象Window 对象Navigator 对象Screen 对象History 对象Location 对象document对象JavaScript 弹窗定时器1、什么是BOMBOM(Browser Object Mode),即浏览器对象模型。浏览器页面初始化时，会在内存创建一个全局对象，用来描述当前窗口的属性和状态，这个全局对象被称为浏览器对象模...
2019-08-22 20:31:29
534
原创 JavaScript实现放大镜效果
JavaScript实现放大镜效果效果展示HTML部分CSS部分JavaScript部分在浏览一些购物网站时，我们经常会看到那种鼠标悬浮时，侧边出现放大的细节图的效果。下边是一个简单的图片放大镜效果实现过程。效果展示HTML部分主要分为小图片、遮罩层和大图片；主要注意它们的位置关系。<body> <div class="preview"> ...
2019-08-22 17:26:30
1268
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人