![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端(HTML CSS JS JQ)
文章平均质量分 64
时光老去我们也不散去
这个作者很懒,什么都没留下…
展开
-
去掉select右侧倒三角
select { appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari 和 Chrome */ }转载 2017-09-25 15:22:42 · 882 阅读 · 0 评论 -
错误监控
前端错误的分类(1)即时运行错误:代码错误(2)资源加载错误错误的捕获方式即时运行错误(1)try..catch(2)window.onerror资源加载错误(1)object.onerror(2)performance.getEntries 所有已加载资源的加载时长(3)Error事件捕获跨域的js运行错误可以捕获吗?错误提示及处理错误上...翻译 2019-08-07 15:10:58 · 124 阅读 · 0 评论 -
页面性能
提升页面性能的方法?1.资源压缩合并、减少HTTP请求2.非核心代码异步加载--------异步加载的方式---------异步加载的区别3.利用浏览器缓存-----缓存的分类-------缓存的原理4.使用CDN5.预解析DNS<meta http-equiv="x-dns-prefech-control" content="on"><link re...翻译 2019-08-07 10:46:46 · 131 阅读 · 0 评论 -
JS运行机制
1输出结果为 1 3 4 2 因为setTimeout是异步函数,会挂起,等同步执行完毕后再执行。23输出结果为A,while为同步任务,没有执行完输出结果为: 4 4 4 4 异步任务的放入时间和执行时间,for是同步任务,setTimeout是异步任务,但是for执行时,还没来得急,就已经+1如何理解JS单线程?同一时间,只能干一件事什么是任务...翻译 2019-08-05 15:51:21 · 113 阅读 · 0 评论 -
渲染机制
渲染机制类什么是DOCTYPE及作用DTD(document type definition,文档类型定义)是一系列的语法规则,用来定义XML或(X)HTML的文档类型。浏览器会使用他来判断文档类型,决定使用何种协议来解析,以及切换浏览器模式DOCTYPE是用来声明文档类型和DTD规范的,一个主要的用途便是文件的合法性验证。如果文件代码不合法,那么浏览器解析时便会出一些差错。浏...翻译 2019-07-31 14:32:44 · 88 阅读 · 0 评论 -
页面布局:假设高度已知,请写出三栏布局,其中左栏、由栏宽度各自为300px,中间自适应
学习整理方法一:浮动<style>* { padding:0; margin:0;}.layout article div { min-height: 100px;}.left{ float: left; width:300px; background: blue;}.right{ float: right...翻译 2019-07-26 10:19:29 · 307 阅读 · 0 评论 -
原型链
创建对象有几种方法(1)字面量var o1={name:'o1'}var o2=new Object({name:'o2'})(2)构造函数var M=function(){ this.name=name}var o3=new M('o3')(3)Object.createvar P={name:'p'}var o4=Object.create...翻译 2019-07-30 16:55:03 · 57 阅读 · 0 评论 -
HTTP协议类
HTTP协议的主要特点(1)简单快速(2)灵活(3)无连接(4)无状态HTTP报文的组成部分HTTP方法POST和GET的区别GET在浏览器退回时是无害的,而POST会再次提交请求 GET产生的URL地址可以被收藏,而POST不可以 GET请求会被浏览器主动缓存,而POST不会,除非手动设置 GET请求只能进行url编码,而POST请求支持多种编码方式...翻译 2019-07-30 14:41:36 · 96 阅读 · 0 评论 -
DOM事件2
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #ev { width: 300px; h...转载 2019-07-29 15:33:30 · 60 阅读 · 0 评论 -
DOM事件类
基本概念:DOM事件的级别DOM0 element.onclick=function(){}DOM2 element.addEventListener('click',function(){},false/true)DOM3 element.addEventListener('keyup',function(){},false/true)DOM事件模型:...翻译 2019-07-29 14:51:03 · 77 阅读 · 0 评论 -
谈谈对css和模型的认识
谈谈对css和模型的认识基本概念:标准模型+IE模型标准模型和IE模型的区别高度和宽度的不同:标准模型的宽和高是content的宽和高。 IE模型的宽和高+border+paddingcss如何设置这两种模型标准模型: box-sizing:content-box;IE模型: box-sizing...翻译 2019-07-29 10:28:00 · 132 阅读 · 0 评论 -
jquery的load和ready的区别
window.onload 1.必须等网页全部加载完毕(包括图片等),然后在执行包裹代码 2.只能执行一次,如果第二次,那么第一次的执行将被覆盖。$(document).ready 1.只需要等待网页中的Dom结构加载完毕,就能执行包裹的代码 2.可以执行多次,第N次都不会被上一次覆盖。 ...原创 2018-04-13 10:05:45 · 198 阅读 · 0 评论 -
JavaScript模板引擎Template.js
template.js 一款 JavaScript 模板引擎,简单,好用。提供一套模板语法,用户可以写一个模板区块,每次根据传入的数据,生成对应数据产生的HTML片段,渲染不同的效果。https://github.com/aui/artTemplate1.语法(1)、使用引用简洁语法的引擎版本,例如: (2)、表达式{{ 与 }} 符号包转载 2018-03-20 13:07:14 · 446 阅读 · 0 评论 -
Less相关
1.安装:(1)node安装:npm install -g less\2.less的优点(1)结构清晰,便于扩展(嵌套功能)(2)可以方便地屏蔽浏览器私有语法差异(函数功能)(3)可以轻松实现多重继承(混合功能)(4)完全兼容css代码https://www.jianshu.com/p/4d5bd62d0481...转载 2019-09-04 09:22:32 · 96 阅读 · 0 评论