- 博客(34)
- 收藏
- 关注
RSS订阅原创 关于ES6
一.let和const1.var，let，const 块级作用域 变量提升 暂时性死区 禁止重复声明 var 无 有 无 无 let 有 无 有 有 const 有 无 有 有 块级作用域：ES5只有全局作用域和函数作用域，无块级作用域。ES6声明了块级作用域变量提升：变量...
2019-02-28 13:58:24
126
原创 H5新特性
HTML5： HTML、XHTML 以及 HTML DOM 的新标准一.语义特性增加了<nav>, <header>, <footer> 以及 <figure>等标签二.多媒体用于媒介回放的video 和audio 元素video视频元素属性 值 描述 autoplay autoplay 如果出现该...
2019-02-25 18:27:13
170
原创 关于WebSocket
WebSocket:一种网络通信协议Http协议只能从客户端向服务器端发送请求；因此使用轮询，每个一段时间发出一个询问，了解服务器有没有新消息；这样效率低，浪费资源，因此产生WebSocket，可双向通信，弥补了Http协议的缺点。特点：建立在TCP协议上，服务器端的实现较容易 与HTTP协议有良好的兼容性，默认端口是80和443 数据轻量，性能开销小，通信高效 可发送文本，也可...
2019-02-22 20:47:13
149
原创 浏览器内核
分为两部分：渲染引擎（layout engineer或Rendering engineer）和JS引擎渲染引擎：负责取得网页的内容（HTML，XML，图像等），整理讯息（例如加入CSS），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有所不同，所以渲染的效果也不相同。所有网页浏览器，电子邮件客户端以及其他需要编辑，显示网页内容的应用程序都需要内核。...
2019-02-14 15:32:11
138
1
原创 php发布帖子页面项目遇到的问题
查找数据库最热数据（按回复数排序），报错php代码：$condition = "`subject` LIKE '%" . $keyword ."%' OR `content` LIKE '%" . $keyword ."%'";$sql = "SELECT `post`.*, COUNT(`post`.`id`) AS reply_count FROM `post` RIGHT ...
2019-01-31 19:40:41
178
原创 闭包面试题
function a() { //外部闭包域 ,一个名为 a 的 Function 对象 var p = 0; //私有变量 p var innerA = function () { //内部闭包域 ,一个名为 innerA 的 Function 对象 console.lo...
2019-01-26 21:08:36
880
原创 Vue项目中遇到问题及解决方法
问题一：怎么取消Vue中的格式警告打开项目中build文件夹下的webpack.base.config.js文件，注释掉如下这句话...(config.dev.useEslint ? [createLintingRule()] : []),问题二：使用better-scroll插件实现滚动时点击失效this.scroll = new Bscroll(this.$refs.wra...
2019-01-25 10:01:27
1640
原创 jquery 百度搜索
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>百度搜索</title> <script src="js/jquery-3.0.0.js">
2018-12-11 21:37:07
235
原创 jquery 多种特效随机切换 图片轮播
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> #block{ width: 100
2018-12-10 21:50:23
1224
原创 jquery 图片轮播
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> #block { width: 40
2018-12-10 19:44:25
137
原创 jquery 手风琴
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> #block{ width: 510
2018-12-09 22:19:02
110
原创 canvas 实现简单绘图功能
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0;
2018-12-08 21:29:43
265
原创 CSS动画实现 正方体 球体
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>正方体</title> <style> *{ margin: 0;
2018-12-08 09:37:30
345
原创 JS小游戏 飞机大战
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .map{ position: re
2018-12-06 11:15:18
411
原创 JS 旋转图片
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>旋转图片</title> <style> *{ margin: 0;
2018-12-04 20:25:31
507
原创 setInterval，setTimeout函数传递参数
问题：对setInterval或setTimeout，函数作为计时器的第一个参数时，不能带参数setInterval(slip_pic('right'),2500); //错误解决方案：1. 采用字符串形式setInterval("slip_pic('right')",2500); 2.匿名函数包装setInterval(function(){ s...
2018-12-02 22:24:16
110
原创 PHP图片验证码无法显示的解决方案
问题：使用php实现图片验证码，页面不显示<form action="signin.php" method="post" class="col-xs-12 col-sm-4" id="post-form"> <h2>登录</h2> <div class="form-group">
2018-12-02 10:58:26
1851
原创 JS BOM
ES是JS的核心，但在Web中,BOM（浏览器对象模型）是核心。 BOM提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关一 window对象BOM的核心是对象是window,它表示浏览器的一个实例。 window对象既是通过JS访问浏览器窗口的一个接口，又是ES规定的Global对象。1.1全局作用域所有在全局作用域中声明的变量，函数都会变成window对象的属性和...
2018-10-20 11:59:03
278
原创 JS 函数表达式
定义函数方式：1.函数声明函数声明提升：执行代码前会先读取函数声明 name属性：可以访问函数名2.函数表达式匿名函数（拉姆达函数） name属性是空字符串可以创建函数赋值给变量，也能把函数作为其他函数的值返回一 递归递归函数是在一个函数通过名字调用自身的情况下构成的function factorial(num){ if(num<=1){ ...
2018-10-20 11:13:21
420
原创 JS 面向对象的程序设计
面向对象的程序设计有个标志。即他们都有类的概念，而通过类可以创建任意多个具有相同属性和方法的对象 每个对象都是基于一个引用类型创建的，这个引用类型可以是原生类型，也可以是开发人员定义的类型一 理解对象1.1属性类型ES中有两种属性：数据属性和访问器属性1.数据属性：数据属性包含一个数据值的位置，在这个位置可以读取和写入值。数据属性有四个描述其行为的属性：Configurab...
2018-10-20 09:56:08
132
原创 定位
绝对定位：absolute绝对定位是相对于元素最近的已定位的祖先元素（即是设置了绝对定位或者相对定位祖先元素）。如果元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（body）。绝对定位本身与文档流无关，因此不占空间，普通文档流中的元素的布局就当绝对定位的元素不存时一样，所以 它们可以覆盖页面上其他的元素，且可以通过z-index属性来控制这些层的对方顺序。相对定位：rel...
2018-10-13 11:36:00
191
原创 JS 引用类型
引用类型的值（对象）是引用类型的一个实例。 在ECMAScript中，引用类型是一种数据结构。 对象是某个特定引用类型的实例。新对象使用new操作符后跟一个构造函数创建的：var person=new Object(); //创建了Object引用类型的一个新实例。并把该实例保存在变量person中//使用的构造函数是Object，它只为新对象定义了默认的属性和方法。//EC...
2018-10-13 11:12:42
648
原创 HTML5 + CSS3 4
一.表格表格作用： 呈现数据或统计信息基本结构：<table> <!--表格区--> <tr> <!--表格行--> <td></td> <!--单元格--> </tr></table&
2018-10-07 16:04:27
127
原创 HTML5 + CSS3 3 表单
一.表单表单： 是搜集用户数据信息的各种表单元素的集合区域作用：实现网页上的数据交互 搜集客户端输入的数据信息，提交到网站服务器端进行处理常见应用：注册/登录 搜索 留言/评论 文件上传/文章编辑结构：表单区域 + 表单控件（表单元素）表单标签：<form></form>块状元素 用来定义网页中的交互输入的区域（表单区） 所有的表单控件必...
2018-10-07 14:33:57
715
原创 HTML5+CSS3 2
一.HTML文本基础结构标签1.标题标签：<h1></h1>~<h6></h6>搜索引擎对该标签敏感 块状元素，默认带样式效果2.段落标签：<p></p>块状元素，默认带有外边距样式效果（margin-top）3.换行标签：<br>单行标签4.水平线标签<hr>
2018-10-07 13:49:58
300
原创 HTML5+CSS3 1
一.html5 + css3html结构语言 特点：通过浏览器解析 文件名为html或htmcss样式语言（样式表） 本质：实现表现与结构分离的样式设计语言特点：控制网页的视觉表现及简单交互 通过浏览器解析 文件名为csscss引用方式：(优先级)行内样式>内嵌样式>外部样式css选择符：标签本身（名称） 标签特定属性：id/class 标...
2018-10-05 15:47:40
305
原创 Vue基础知识
一.MVVMModel-View-ViewModel缩写Model：代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑View：代表UI组件，负责将数据模型转化成UI展现出来ViewModel：监听模型数据的改变和控制视图行为，处理用户交互。也可理解为一个同步View和Model的对象，连接Model和View二.Vue的生命周期beforeCreate（创建前...
2018-09-14 20:44:57
100
原创 放大器
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>放大器</title> <style> .div1{ width: 1
2018-09-14 19:43:50
249
原创 图片滚动
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>图片滚动 邮票</title> <style> .demo{ widt
2018-09-14 19:36:14
583
原创 JavaScript 1
简介组成核心（ECMASript）：提供核心语言功能文档对象模型（DOM）：提供访问和操作页面内容的方法和接口浏览器对象模型（BOM）：提供与浏览器交互的方法和接口HTML中使用JS1.<script>元素属性：src,type使用方法：1.直接在页面嵌入JavaScript代码； 2.包含外部JavaScrip...
2018-07-26 21:29:54
162
原创 js,jquery获取span标签值
js获取span标签值:<span id="hh">hh</span><script> var value=document.getElementById("hh"); console.log(value.innerHTML); console.log(value.innerText);</script>jquery获取s...
2018-06-21 20:26:08
2687
原创 JS跨域
JS跨域方法和原理JS跨域是指JS在不同的域之间进行数据传输和通信1.通过jasonp跨域JS中，不能直接用XMLHttpRequest请求不同域上的数据时，但可以在页面上引入不同域上的JS脚本文件，jsonp利用该特性实现。原理：通过script标签引入一个js文件，该文件载入成功后会执行我们在url参数中指定的函数，并把我们需要的jason数据作为参数传入。jasonp需要服务器端的页面进行相...
2018-06-13 21:16:09
106
原创 贪吃蛇
贪吃蛇<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><script&
2018-06-06 22:07:37
146
原创 5.1
css选择器input[class=""][type=""]多个属性选择.intro 选择 class="intro" 的所有元素#firstname 选择 id="firstname" 的所有元素* 选择所有元素p 选择所有 <p> 元素div,p 选...
2018-05-04 17:01:21
89
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人