- 博客(43)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue-video-player vue视频插件
介绍vue-video-player是videojs的vue版本video.js官网：https://videojs.com/引用一下官网介绍：Video.js是一个为HTML5世界从头开始构建的网络视频播放器。它支持HTML5视频和现代流媒体格式，它支持在桌面和移动设备上播放视频。安装安装依赖npm i vue-video-player -D全局引用： // 在mian.js里面引入 import "video.js/dist/video-js.css"; import {video
2020-06-12 11:13:48
406
原创 封装window.sessionStorage，window.localStorage，并且可以设置过期时间
封装window.sessionStorage，window.localStorage，并且可以设置过期时间封装window.sessionStorage封装window.localStorage，并且可以设置过期时间封装window.sessionStorageexport const session = { set(key, val) { if (typeof val !== 'string') { val = JSON.stringify(val);
2020-06-12 10:20:28
1231
转载 DOMContentLoaded与load的区别
function ready(fn){if(document.addEventListener) { document.addEventListener('DOMContentLoaded', function() { document.removeEventListener('DOMContentLoaded',arguments.callee, false); ...
2019-01-25 11:21:31
154
转载 beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave
beforeRouteEnter (to, from, next) { alert('beforeRouteEnterfrom='+from.name) // 在渲染该组件的对应路由被 confirm 前调用 // 不！能！获取组件实例 `this` // 因为当守卫执行前，组件实例还没被创建 next();...
2018-12-27 20:43:35
1158
1
转载 常见HTTP状态码(200、301、302、500等）解说
常见HTTP状态码(200、301、302、500等）解说对网站管理工作者来说有个词不陌生，HTTP状态码，它是用以表示网页服务器HTTP响应状态的3位数字代码。状态码的第一个数字代表了响应的五种状态之一。1XX系列：指定客户端应相应的某些动作，代表请求已被接受，需要继续处理。由于 HTTP/1.0 协议中没有定义任何 1xx 状态码，所以除非在某些试验条件下，服务器禁止向此类客户端发送 1x...
2018-12-20 09:36:35
1355
原创 Safari new Date() 兼容问题
我的时间var myTime = “2015-12-31 12:10:21”;正常写法var newTime = new Date(myTime);safari兼容写法var safariTime = new Date(myTime.substr(0,10)+“T”+myTime.substr(11));兼容格式其他浏览器也是认的，不要求输出的话直接用下面的写法就行了...
2018-12-13 14:24:13
287
转载 CSS的background简写方式
在CSS2.1里，background属性的简写方式包含五种属性值，从CSS3开始，又增加了3个新的属性值，加起来一共8个。CSS2.1background-color 使用的背景颜色。background-image 使用的背景图像。background-repeat 如何重复背景图像。background-attachment 背景图像是否固定或者随着页面的其余部分滚动。backg...
2018-11-20 11:37:20
355
转载 CSS实现单行、多行文本溢出显示省略号（…）
文章目录单行文本溢出显示省略号多行文本溢出显示省略号第一种第二种单行文本溢出显示省略号如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法：overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行文本溢出显示省略号...
2018-11-12 10:47:18
250
原创 理解CSS
文章目录什么是 CSS?CSS如何影响HTML？CSS 实际上如何工作？如何将你的 CSS 应用到你的 HTML 上外部样式表内部样式表内联样式什么是 CSS?CSS是一种用于向用户指定文档如何呈现的语言 — 它们如何被指定样式、布局等。CSS如何影响HTML？Web浏览器将CSS规则应用于文档以影响它们的显示方式。一个CSS规则由以下组成：一组 属性 ，属性的值更新了 HTML 的内...
2018-11-09 09:39:09
517
1
原创 禁用微信字体缩放功能
仅仅安卓机禁用缩放功能 var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g var isIOS = !!u.match(/\(i...
2018-11-02 10:26:38
652
转载 Move to Another Changelist
Move to Another ChangelistMove to Another Changelist 将选中的文件转移到其他的 Change list 中。 Change list 是一个重要的概念，这里需要进行重点说明。很多时候，我们开发一个项目同时并发的任务可能有很多，每个任务涉及到的文件可能都是基于业务来讲的。 所以就会存在一个这样的情况：我改了 30 个文件，其中 15 个文件是属于...
2018-11-02 09:35:25
1126
转载 input元素相对父级元素错位了？IE7
先看代码：<div id="div1" style="margin-left:100px"> <div id="div2" style="border:1px solid #000;width:100px"> <input type="text" name="text" style="
2018-10-23 15:31:16
221
原创 js中获取当前屏幕宽度方法如下：
js中获取当前屏幕宽度方法如下：网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth （包括边线的宽）网页可见区域高： document.body.offsetHeight （包括边线的高）网页正文全文宽： document.body....
2018-10-05 19:49:18
3809
转载 Vue Router创建方法及简单案例
创建基本例子用 Vue.js + Vue Router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 Vue Router 添加进来，我们需要做的是，将组件 (components) 映射到路由 (routes)，然后告诉 Vue Router 在哪里渲染它们。如果使用模块化机制编程，导入Vue和VueRouter，要调用 Vue.use...
2018-09-27 09:07:28
871
原创 Vue组件基础
文章目录一、定义二、全局组件data 必须是一个函数基本示例三、局部组件示例四、Vue组件的其他写法使用template标签使用script标签五、组件的复用六、通过 Prop 向子组件传递数据问题：单项数据里，所以子级修改父级数据一般是不允许的七、父级获取子级数据八、子级与子级间数据传递一、定义组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封...
2018-09-25 16:54:44
426
原创 css3新增的属性,
css3新增的属性,一. box-shadow(阴影效果)使用:box-shadow: 20px 10px 0 #000;-moz-box-shadow: 20px 10px 0 #000;-webkit-box-shadow: 20px 10px 0 #000;支持:FF3.5, Safari 4, Chrome 3二. border-colors(为边框设置多种颜色)使用:...
2018-09-20 22:44:16
190
转载 css属性的继承问题
一、无继承性的属性1、display：规定元素应该生成的框的类型2、文本属性：vertical-align：垂直文本对齐text-decoration：规定添加到文本的装饰text-shadow：文本阴影效果white-space：空白符的处理unicode-bidi：设置文本的方向3、盒子模型的属性：width、height、margin 、margin-top、margin-r...
2018-09-19 22:17:50
133
转载 CSS选择器权重问题
原则原则一： 继承不如指定原则二： #id > .class > 标签选择符原则三：越具体越强大原则四：标签#id >#id ; 标签.class > .classCSS优先级权重计算法CSS优先级包含四个级别（标签内选择符，ID选择符，Class选择符，元素选择符）以及各级别出现的次数!根据这四个级别出现的次数计算得到CSS的优先级。CSS优先级的计算规...
2018-09-19 22:05:30
208
原创 内联元素与块级元素
大多数 HTML 元素被定义为块级元素或内联元素。“块级元素”译为 block level element，“内联元素”译为 inline element。1.块级元素块级元素在浏览器显示时，通常会以新行来开始（和结束）。块级元素按照其应用于结构还是内容分为三种：结构化块状元素，终端块状元素，多目标块状元素。结构化块状元素：这类元素用于构造文档的结构，没有语义上的含义，仅仅划分出了文档的组织...
2018-09-19 21:45:11
876
原创 全局 Ajax 事件处理器
文章目录全局 Ajax 事件处理器一、.ajaxStart()二、.ajaxSend()三、.ajaxComplete()四、.ajaxSuccess()五、.ajaxError()六、.ajaxError()全局 Ajax 事件处理器这些方法用于注册事件处理器，用来处理页面上的任何 Ajax 请求，当某些事件触发后，这些事件处理器被调用。如果 jQuery.ajaxSetup() 中的 gl...
2018-09-18 11:57:23
374
原创 Ajax表单的序列化
文章目录Ajax表单的序列化一、.serialize( )概述二、.serializeArray()概述示例：弹出表单数据Ajax表单的序列化一、.serialize( )概述将用作提交的表单元素的值编译成字符串。不接受参数注意: 只有 "successful controls"可以被序列化成字符串。其中，提交按钮的值不会被序列化。另外，如果想要一个表单元素的值被序列化成字符串，这...
2018-09-18 11:24:49
1118
原创 NaN!=NaN
NaN是"not a number"的缩写，属性是代表非数字值的特殊值。该属性用于指示某个值不是数字。可以用is.NaN()来判断一个数是不是是 NaN 值。JavaScript 以 NaN 的形式输出 Number.NaN。请注意，NaN 与其他数值进行比较的结果总是不相等的，包括它自身在内。因此，不能与 Number.NaN 比较来检测一个值是不是数字，而只能调用 isNaN() 来比较。...
2018-09-17 23:32:59
1331
转载 typeof null 为什么等于 object?
typeof null 为什么等于 object?之前只知道typeof null = object,但是却从来不知道是为什么。最新查阅资料的时候，看到了这个原理，记录下来，方便自己以后查看。原理是这样的，不同的对象在底层都表示为二进制，在 JavaScript 中二进制前三位都为 0 的话会被判断为 object 类型， null 的二进制表示是全 0，自然前三位也是 0，所以执行 typ...
2018-09-17 23:19:41
5650
原创 jQuery.ajax（）
底层接口jQuery.ajax（）概述jQuery.ajax(url,[settings])settings:选项accepts async beforeSendcachecompletecontentscontentTypecontextverterscrossDomaindatadataFilterdataTypeerrorglobalheaders...
2018-09-17 17:26:40
236
原创 jQuery-Ajax快捷方法
简介简介AJAX 是与服务器交换数据的技术，它在不重载全部页面的情况下，实现了对部分网页的更新。Query 提供多个与 AJAX 有关的方法。通过 jQuery AJAX 方法，您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON 同时您能够把这些外部数据直接载入网页的被选元素中。...
2018-09-17 15:28:19
374
原创 jQuery绑定事件处理器
一、 事件绑定on().on( events [, selector ] [, data ], fn ).on( events-map[, selector ] [, data ] )二、 事件解绑off()概述.off( events [, selector ] [, fn] ).off( events-map [, selector ] )三. 事件委托...
2018-09-13 16:04:02
558
原创 jQuery事件
一、浏览器事件.error().resize([[data],fn]).scroll()二、文档加载事件.ready()三、鼠标事件.click([[data],fn]).contextmenu()dblclick([[data],fn]).hover().mousedown().mouseenter().mouseleave().mousemove()....
2018-09-13 14:28:26
302
原创 jQuery-Dom-移除、复制节点
DOM操作 DOM操作是JQ核心内容之一，在前端开发时，我们往往需要在页面某个地方添加一个元素或删除元素，这种添加元素、删除元素的操作就是通过 DOM来实现的。1. 创建节点：2.插入节点：（一）append(content|fn)示例（二）appendTo(content)示例（三）prepend(content)示例（四）prependTo(conte...
2018-09-11 11:44:08
328
转载 jQuery-DOM操作-插入节点
DOM操作 DOM操作是JQ核心内容之一，在前端开发时，我们往往需要在页面某个地方添加一个元素或删除元素，这种添加元素、删除元素的操作就是通过 DOM来实现的。1. 创建节点：2.插入节点：（一）append(content|fn)示例（二）appendTo(content)示例（三）prepend(content)示例（四）prependTo(conte...
2018-09-10 15:52:37
2188
原创 jQuery _文档内容的获取和设置
一、文档内容的获取和设置（一）、text()（二）、html()（三）、.val()一、文档内容的获取和设置（一）、text()得到匹配元素集合中每个元素的文本内容结合，包括他们的后代，或设置匹配元素集合中每个元素的文本内容为指定的文本内容text()返回: String。描述: 得到匹配元素集合中每个元素的合并文本，包括他们的后代这个方法不接受...
2018-09-10 14:36:16
365
原创 jQuery选择器
一、基本选择器二、层级选择器三、属性选择器四、伪类选择器（1）、简单伪类选择器（2）、子元素伪类选择器（3）、可见性伪类选择器（4）、内容伪类选择器（5）、表单伪类选择器一、基本选择器#id 选择器：$(“#id名”)元素选择器：$(“元素名”).class 类选择器：$(“.类名”)群组选择器：$(“选择器1,选择器2,……,选择器n”)选择器：...
2018-09-06 09:58:15
144
原创 记录看到的jQuery方法
记录看到的jQuery方法hasClass() 方法：记录看到的jQuery方法hasClass() 方法：$(selector).hasClass(classname)classname 必需。规定需要在被选元素中查找的类。定义和用法hasClass() 方法检查被选元素是否包含指定的类名称。如果被选元素包含指定的类，该方法返回 “true”。...
2018-09-05 11:47:06
139
转载 CSS选择器中的空格与尖括号有何区别？
CSS选择器中的空格与尖括号有何区别？例子1：.a .b{ margin: 0;}空格隔开a和b，选择所有后代元素。例子2：.a>.b { margin: 0;}尖括号隔开a和b，选择所有子元素。两个例子的区别就在于后代和子，后代包含子子孙孙。【空格符】white space characters 原文链接...
2018-09-05 11:39:43
404
原创 Ajax简介和基本用法
Ajax简介什么是AjaxAJAX 工作原理Ajax包括：利用AJAX可以做：Ajax基本用法一、创建Ajax二、 向服务器发送请求请求open(method,url,async)GET 、POST的选择send(string)服务器响应responseTextresponseXMLonreadystatechange 事件XMLHttpRequest...
2018-09-03 18:11:31
549
原创 JSON解析和序列化
前言JSON.stringify()——序列化语法实例：1、第一个参数value一个有效的 JSON 对象2、第三个参数space字符串的缩进3、第二个参数replacer是过滤器（可为数组或函数）（1）replacer为函数时（传入的函数接收两个属性，属性（键）名和属性值）：（2）replacer为数组时，JSON.stringify( )的结果将只包含数组中列出的属性...
2018-09-02 16:58:10
415
原创 JSON定义与语法
刚开始学习JSON，看了一些资料，算是自己做的学习笔记吧JSON定义JSON语法JSON 语法规则JSON支持的数据类型示例：JSON 文件JSON定义JSON: JavaScript Object Notation(JavaScript 对象表示法)JSON 是存储和交换文本信息的语法。类似 XML。（JSON 比 XML 更小、更快，更易解析。）...
2018-09-02 11:18:10
2177
原创 匿名函数
匿名函数没有函数名字的函数 1. 单独的匿名函数是无法运行的 2. 可以把匿名函数赋值给变量 3. 通过表达式自我执行，语法：（匿名函数）（） 4. 匿名函数传递参数，语法：（匿名函数）（参数）单独的匿名函数function(){ console.log(111); }//单独匿名函数不能运行,控制台无打印内容匿名函数赋值给...
2018-08-29 10:18:54
358
原创 JS—预编译原理
自己看了很多解释找到的算是两种解释吧，自己总结的大概如下 参考： JS运行三部曲—预编译：https://blog.csdn.net/Leo__Summer/article/details/77318411 JavaScript运行原理分析：https://www.jb51.net/article/134801.htmJavaScript运行原理JavaScript是一种基于对象的...
2018-08-28 17:36:25
785
转载 JS面对对象——继承
一、对象冒充function zoo(name,num){ this.name=name; this.num=num; } zoo.prototype.intro=function(){ return this.name+&quot;动物园有&quot;+this.num+&quot;只动物&quot;; } function hefei(name...
2018-08-24 17:32:26
132
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人