- 博客(34)
- 收藏
- 关注
原创 关于ES6
一.let和const1.var,let,const 块级作用域 变量提升 暂时性死区 禁止重复声明 var 无 有 无 无 let 有 无 有 有 const 有 无 有 有 块级作用域:ES5只有全局作用域和函数作用域,无块级作用域。ES6声明了块级作用域变量提升:变量...
2019-02-28 13:58:24
143
原创 H5新特性
HTML5: HTML、XHTML 以及 HTML DOM 的新标准一.语义特性增加了<nav>, <header>, <footer> 以及 <figure>等标签二.多媒体用于媒介回放的video 和audio 元素video视频元素属性 值 描述 autoplay autoplay 如果出现该...
2019-02-25 18:27:13
190
原创 关于WebSocket
WebSocket:一种网络通信协议Http协议只能从客户端向服务器端发送请求;因此使用轮询,每个一段时间发出一个询问,了解服务器有没有新消息;这样效率低,浪费资源,因此产生WebSocket,可双向通信,弥补了Http协议的缺点。特点:建立在TCP协议上,服务器端的实现较容易 与HTTP协议有良好的兼容性,默认端口是80和443 数据轻量,性能开销小,通信高效 可发送文本,也可...
2019-02-22 20:47:13
157
原创 浏览器内核
分为两部分:渲染引擎(layout engineer或Rendering engineer)和JS引擎渲染引擎:负责取得网页的内容(HTML,XML,图像等),整理讯息(例如加入CSS),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有所不同,所以渲染的效果也不相同。所有网页浏览器,电子邮件客户端以及其他需要编辑,显示网页内容的应用程序都需要内核。...
2019-02-14 15:32:11
167
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
195
原创 闭包面试题
function a() { //外部闭包域 ,一个名为 a 的 Function 对象 var p = 0; //私有变量 p var innerA = function () { //内部闭包域 ,一个名为 innerA 的 Function 对象 console.lo...
2019-01-26 21:08:36
900
原创 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
1650
原创 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
259
原创 jquery 多种特效随机切换 图片轮播
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> #block{ width: 100
2018-12-10 21:50:23
1242
原创 jquery 图片轮播
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> #block { width: 40
2018-12-10 19:44:25
157
原创 jquery 手风琴
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> #block{ width: 510
2018-12-09 22:19:02
114
原创 canvas 实现简单绘图功能
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0;
2018-12-08 21:29:43
287
原创 CSS动画实现 正方体 球体
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>正方体</title> <style> *{ margin: 0;
2018-12-08 09:37:30
367
原创 JS小游戏 飞机大战
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .map{ position: re
2018-12-06 11:15:18
420
原创 JS 旋转图片
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>旋转图片</title> <style> *{ margin: 0;
2018-12-04 20:25:31
526
原创 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
115
原创 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
1878
原创 JS BOM
ES是JS的核心,但在Web中,BOM(浏览器对象模型)是核心。 BOM提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关一 window对象BOM的核心是对象是window,它表示浏览器的一个实例。 window对象既是通过JS访问浏览器窗口的一个接口,又是ES规定的Global对象。1.1全局作用域所有在全局作用域中声明的变量,函数都会变成window对象的属性和...
2018-10-20 11:59:03
298
原创 JS 函数表达式
定义函数方式:1.函数声明函数声明提升:执行代码前会先读取函数声明 name属性:可以访问函数名2.函数表达式匿名函数(拉姆达函数) name属性是空字符串可以创建函数赋值给变量,也能把函数作为其他函数的值返回一 递归递归函数是在一个函数通过名字调用自身的情况下构成的function factorial(num){ if(num<=1){ ...
2018-10-20 11:13:21
426
原创 JS 面向对象的程序设计
面向对象的程序设计有个标志。即他们都有类的概念,而通过类可以创建任意多个具有相同属性和方法的对象 每个对象都是基于一个引用类型创建的,这个引用类型可以是原生类型,也可以是开发人员定义的类型一 理解对象1.1属性类型ES中有两种属性:数据属性和访问器属性1.数据属性:数据属性包含一个数据值的位置,在这个位置可以读取和写入值。数据属性有四个描述其行为的属性:Configurab...
2018-10-20 09:56:08
146
原创 定位
绝对定位:absolute绝对定位是相对于元素最近的已定位的祖先元素(即是设置了绝对定位或者相对定位祖先元素)。如果元素没有已定位的祖先元素,那么它的位置则是相对于最初的包含块(body)。绝对定位本身与文档流无关,因此不占空间,普通文档流中的元素的布局就当绝对定位的元素不存时一样,所以 它们可以覆盖页面上其他的元素,且可以通过z-index属性来控制这些层的对方顺序。相对定位:rel...
2018-10-13 11:36:00
213
原创 JS 引用类型
引用类型的值(对象)是引用类型的一个实例。 在ECMAScript中,引用类型是一种数据结构。 对象是某个特定引用类型的实例。新对象使用new操作符后跟一个构造函数创建的:var person=new Object(); //创建了Object引用类型的一个新实例。并把该实例保存在变量person中//使用的构造函数是Object,它只为新对象定义了默认的属性和方法。//EC...
2018-10-13 11:12:42
651
原创 HTML5 + CSS3 4
一.表格表格作用: 呈现数据或统计信息基本结构:<table> <!--表格区--> <tr> <!--表格行--> <td></td> <!--单元格--> </tr></table&
2018-10-07 16:04:27
132
原创 HTML5 + CSS3 3 表单
一.表单表单: 是搜集用户数据信息的各种表单元素的集合区域作用:实现网页上的数据交互 搜集客户端输入的数据信息,提交到网站服务器端进行处理常见应用:注册/登录 搜索 留言/评论 文件上传/文章编辑结构:表单区域 + 表单控件(表单元素)表单标签:<form></form>块状元素 用来定义网页中的交互输入的区域(表单区) 所有的表单控件必...
2018-10-07 14:33:57
722
原创 HTML5+CSS3 2
一.HTML文本基础结构标签1.标题标签:<h1></h1>~<h6></h6>搜索引擎对该标签敏感 块状元素,默认带样式效果2.段落标签:<p></p>块状元素,默认带有外边距样式效果(margin-top)3.换行标签:<br>单行标签4.水平线标签<hr>
2018-10-07 13:49:58
319
原创 HTML5+CSS3 1
一.html5 + css3html结构语言 特点:通过浏览器解析 文件名为html或htmcss样式语言(样式表) 本质:实现表现与结构分离的样式设计语言特点:控制网页的视觉表现及简单交互 通过浏览器解析 文件名为csscss引用方式:(优先级)行内样式>内嵌样式>外部样式css选择符:标签本身(名称) 标签特定属性:id/class 标...
2018-10-05 15:47:40
312
原创 Vue基础知识
一.MVVMModel-View-ViewModel缩写Model:代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑View:代表UI组件,负责将数据模型转化成UI展现出来ViewModel:监听模型数据的改变和控制视图行为,处理用户交互。也可理解为一个同步View和Model的对象,连接Model和View二.Vue的生命周期beforeCreate(创建前...
2018-09-14 20:44:57
108
原创 放大器
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>放大器</title> <style> .div1{ width: 1
2018-09-14 19:43:50
250
原创 图片滚动
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>图片滚动 邮票</title> <style> .demo{ widt
2018-09-14 19:36:14
592
原创 JavaScript 1
简介组成核心(ECMASript):提供核心语言功能文档对象模型(DOM):提供访问和操作页面内容的方法和接口浏览器对象模型(BOM):提供与浏览器交互的方法和接口HTML中使用JS1.<script>元素属性:src,type使用方法:1.直接在页面嵌入JavaScript代码; 2.包含外部JavaScrip...
2018-07-26 21:29:54
171
原创 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
2707
原创 JS跨域
JS跨域方法和原理JS跨域是指JS在不同的域之间进行数据传输和通信1.通过jasonp跨域JS中,不能直接用XMLHttpRequest请求不同域上的数据时,但可以在页面上引入不同域上的JS脚本文件,jsonp利用该特性实现。原理:通过script标签引入一个js文件,该文件载入成功后会执行我们在url参数中指定的函数,并把我们需要的jason数据作为参数传入。jasonp需要服务器端的页面进行相...
2018-06-13 21:16:09
113
原创 贪吃蛇
贪吃蛇<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><script&
2018-06-06 22:07:37
151
原创 5.1
css选择器input[class=""][type=""]多个属性选择.intro 选择 class="intro" 的所有元素#firstname 选择 id="firstname" 的所有元素* 选择所有元素p 选择所有 <p> 元素div,p 选...
2018-05-04 17:01:21
96
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人