11 2018 档案
摘要:引言:用户在浏览器操作的时候触发的一种行为就叫事件。 每个元素自身都有事件,只不过默认为null(没有事件,事件值就为undefined),当某个事件绑定一个函数之后,用户在操作浏览器的时候触发了这个事件,就会执行这个事件函数。 什么是事件冒泡和捕获呢? 来看一张图(简单明了~) 由上图我们可以得知
阅读全文
摘要:鼠标事件 键盘事件 框架/对象事件 表单事件 拖动事件 多媒体事件
阅读全文
摘要:input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } textarea { -webkit-appearance: none; } /*以及圆角*/ .button{ border-radius: 0; }
阅读全文
摘要:打开首选项-设置-用户 用以下覆盖原来配置,保存之后重新打开编辑器即可 { "dpi_scale": 1.0, "font_face": "Consolas", "font_size": 20, "ignored_packages": [ "Vintage" ], "line_padding_bot
阅读全文
摘要:Mint UI 项目主页:http://mint-ui.github.io/#!/zh-cn demo:http://elemefe.github.io/mint-ui/#/ github地址:https://github.com/ElemeFE/mint-ui 中文文档地址:http://mint-ui.github.io/docs/#!/zh-cn iview iView 配套的工作流:h...
阅读全文
摘要:.css { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; }
阅读全文
摘要:各大浏览器都为了节省流量,做出了优化,在用户没有行为动作时(交互)不予许自动播放
阅读全文
摘要:-webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; user-select: none;
阅读全文
摘要:水平居中的方法: 1、父级text-align:center; 2、table配合margin 3、使用定位 垂直居中的方法: 1、table-cell配合vertical-align 2、absolute配合tranform 3、全能的flex
阅读全文
摘要:两者都为外部引入css的方式。 他们的区别: 1、link属于HTML标签,而@import是css提供的 2、页面被加载时候,link会同时加载,而@import引入的文件会等到页面加载完成之后再进行渲染加载 3、@import只能在IE5以上才能识别,而link属于HTML标签,无兼容问题 4、
阅读全文
摘要:json是一种轻量级的数据格式,(本质为字符串) 低版本可以使用json2.js插件来解决。下载地址:https://github.com/douglascrockford/JSON-js JSON语法:数据在名称/值对中、数据由逗号分隔、花括号保存对象、方括号保存数组 把JSON格式转成对象:JS
阅读全文
摘要:indexOf和includes都代表检测数组或字符串中是否包含某一个元素 其中indexOf返回的是数值类型,而includes返回的是布尔类型 数组中的indexOf不能判断数组中是否有NaN,而includes可以做到 如果想查找某个元素在数组中的索引位置,就用indexOf 如果想查找某个元
阅读全文
摘要:获取行间样式 设置行间属性 client系列(可视区域) offset系列(偏移量) 使用时候要有定位,而且设置初始值;如果没有父级定位会跟着父级走 scroll系列(滚动) getBoundingClientRect() 获取元素位置 获得页面中某个元素的左,上,右,下分别相对浏览器视窗的位置 指
阅读全文
摘要:1、定义文档的编码格式(H5的标准写法) 2、声明指定的浏览器以及版本 3、viewport移动设备屏幕可视区域 4、忽略数字自动识别为电话号码 5、忽略识别邮箱 6、Pragma禁止本地缓存 7、百度禁止转码 8、SEO优化部分
阅读全文
摘要:display:inline-block,简单来说就是将对象呈现为inline对象,但是对象的内容作为block对象呈现,之后的内联对象会排列在同一行 比如两个input,默认中间会产生一些间距 解决方案有以下几种 1、将元素放在一行这样就不会产生间距了。(虽然看起来有些low...) 2、给父级f
阅读全文
摘要:目前用的挺多的一些编辑器有webstorm,vscode,Atom,HBuilder等等 今天来说说vscode Visual Studio Code (简称 vscode) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言 先说下他的一些快捷键 打开一个新窗口 关闭一个新窗口 侧
阅读全文
摘要:...扩展运算符:可以将数组或对象里面的值展开 一定程度上可以替代apply方法 ...剩余操作符:将多个值收集为一个变量
阅读全文
摘要:jq相对于原生用的代码要少一些,比如返回顶部 html部分 css部分 js部分
阅读全文
摘要:创建一个元素 向元素末尾添加一个子节点 将新的元素插入到指定元素的前面 删除一个子节点 替换子节点 克隆元素
阅读全文
摘要:对于初学者来说闭包是一个不太好理解的知识点。 那么什么是闭包呢,他有哪些特性又有哪些不好的地方呢 闭包是一种保护机制,为了保护私有作用域中的私有变量不受全局变量的污染 闭包大概的定义: 闭包的特点: 1、函数套函数 2、子函数访问父函数的参数/变量 3、子函数被外界所使用着,不会被释放 闭包的应用场
阅读全文
摘要:=> 箭头函数是ES6增加的函数表达式。将function关键字和函数名都删掉,并使用“=>”连接参数列表和函数体(低版本浏览器不支持) 箭头函数看上去只是语法的变动,其实也影响了this的作用域 1、无参数时候必须有括号 2、当函数只有一个参数时括号可以省略 3、有多个参数必须写括号 4、函数体{
阅读全文
摘要:两者都代表查看某个属性是不是对象自己的,返回布尔值
阅读全文
摘要:call、apply、bind三者为改变this指向的方法。 共同点:第一个参数都为改变this的指针。若第一参数为null/undefined,this默认指向window call(无数个参数) 第一个参数:改变this指向 第二个参数:实参 使用之后会自动执行该函数 apply(两个参数) 第
阅读全文
摘要:常用的修饰符 1 g->global 全局匹配 2 i ->ignoreCase 忽略大小写 3 m->multiline 多行匹配 (默认匹配首次出现的第一行) 常用的量词元字符 {0,}等价于* 代表0个或多个(最小没有,最多无限) {1,}等价于+ 代表至少1个(最小一次,最多无限) {0,1
阅读全文
摘要:文本超出一定宽度让其隐藏,以省略号替代 如下图
阅读全文
摘要:$user_agent = $_SERVER['HTTP_USER_AGENT']; if (strpos($user_agent, 'MicroMessenger') === false) { // 非微信浏览器禁止浏览 echo "HTTP/1.1 401 Unauthorized"; } else { // 微信浏览器,允许访问 echo "MicroMes...
阅读全文
摘要:1、typeof 一元运算符,用来检测数据类型。只可以检测number,string,boolean,object,function,undefined。 对于基本数据类型是没有问题的,但是遇到引用数据类型是不起作用的(无法细分对象) let str = '{}'; let fn = functio
阅读全文
摘要:Null:代表空对象指针。现在没有,将来可能会有 undefined:空,未定义。现在没有,将来也不会有(Js中独有的数据类型) 区别: 两者类型不一样 转成数值结果不一样 null出现的情况: 1、某个元素找不到 2、RegExp中匹配不到显示null 3、对象彻底销毁的时候为null (对象销毁
阅读全文