前端未分类笔记
文章平均质量分 50
前端日常笔记
百事可爱-后悔下凡
空
展开
-
eslint常用规则说明
常见的HTTP状态码: 1XX:浏览器的请求已被服务器正确接收。还需进一步操作100:客户端的请求已被服务器端正确接收。客户端可以采取继续发送或者或略此响应。 101:服务器理解了客户的请求,并且通过Upgrade消息头通知客户端采用不同协议完成这个请求。2XX: 请求被服务器端正确处理。200:请求被正确处理,并且返回了所希望的响应头和相应数据。 201:请求被实现,且一个新...转载 2021-05-11 14:04:30 · 218 阅读 · 0 评论 -
rem用法
游戏当中初始化的时间很长的原因原创 2021-05-11 14:01:34 · 276 阅读 · 0 评论 -
项目运行报错‘ReferenceError: primordials is not defined‘
公司老旧项目新增需求,代码运行报错提示:ReferenceError: primordials is not defined’查询资料发现是gulp 和 node版本兼容问题,node12以上的版本不能兼容gulp3,查看一下果然本地的node版本12,工程gulp版本是3.9.1。解决方案:使用nvm 切换低版本的nodenvm use 10再npm run dev 运行项目, 结果还是报错, 提示要重新npm install先把node_modules文件夹删掉,再运行npm inst原创 2021-04-27 15:07:42 · 608 阅读 · 0 评论 -
防止链接跳转
<script> $("a").click(function(event){ alert(event.type); //获取事件类型 return false; //阻止链接跳转 });</script>原创 2020-05-03 09:39:33 · 326 阅读 · 0 评论 -
跨域问题
什么是跨域跨域是指a页面想获取b页面资源,如果a、b页面的协议、域名、端口、子域名不同,或是a页面为ip地址,b页面为域名地址,所进行的访问行动都是跨域的,而浏览器为了安全问题一般都限制了跨域访问,也就是不允许跨域请求资源。 URL 说明 是否跨域 http://www.cnblogs.com/a.js http://www.a.com/b.js 不同域名...原创 2018-09-24 15:19:42 · 120 阅读 · 0 评论 -
JSON
什么是JSONJSON 是轻量级的文本数据交换格式。JSON 指的是 JavaScript 对象表示法。文本数据交换格式:{ &amp;amp;quot;sites&amp;amp;quot;:[ { &amp;amp;quot;name&amp;amp;quot;:&amp;amp;quot;菜鸟教程&amp;amp;quot;,原创 2018-09-16 20:27:08 · 128 阅读 · 0 评论 -
jQuery对象与原生JS dom对象间的转换
什么是原生对象?var test=document.getElementById(“test”).value;什么是Jquery对象?var jqueryTest=$(“#test”).val();为什么要转换原生对象?js它是动态的弱类型的语言,是JavaScript的缩写. 而jquery是对js的封装、扩展,jquery是使用js封装的框架,就是让jquery...转载 2020-05-03 09:50:51 · 99 阅读 · 0 评论 -
sessionStorage 和local storage区别
1、web Storage web Storage 是HTML 5引入的一个重要的功能,在前端开发的过程中会经常用到,它可以在客户端本地存储数据,类似cookie,但其功能却比cookie强大的多。cookie的大小只有4Kb左右(浏览器不同,大小也不同),而web Storage的大小有5MB。其API提供的方法有以下几种: setItem (key, value) —— 保存...转载 2020-05-03 09:48:55 · 289 阅读 · 0 评论 -
vue项目添加eslint
td内容过长换行的解决办法1.不換行:overflow:hidden;white-space: nowrap;<table style="width:100px;height:60px;border:blue solid 1px; table-layout:fixed;"><tr><td align="center" style="overflow:hi...原创 2020-05-03 09:46:20 · 191 阅读 · 0 评论 -
Jquery判斷設備
方法一:腾讯网适配代码<script type="text/javascript"> //腾讯网的适配代码 var browser = { versions : function() { var u = navigator.userAgent, app = navigator.ap...原创 2020-05-03 09:45:41 · 95 阅读 · 0 评论 -
jQuery笔记
jQuery的美元符号$有什么作用? 其实美元符号$只是”jQuery”的别名,它是jQuery的选择器,如下代码:$(document).ready(function(){});当然你也可以用jQuery来代替$,如下代码:jQuery(document).ready(function(){});jQuery中就是通过这个美元符号来实现各种灵活的DOM元素选择的,例如$(...原创 2020-05-03 09:44:59 · 132 阅读 · 0 评论 -
CSS
简述盒子模型 box-sizing 有哪些属性,作用box-sizing 是用于告诉浏览器如何计算一个元素是总宽度和总高度盒子模型有四个边界:内容边界 Content edge、内边距边界 Padding Edge、边框边界 Border Edge、外边框边界 Margin Edge。标准盒模型 box-sizing: content-boxcontent-box:widt...原创 2020-05-03 09:36:14 · 216 阅读 · 0 评论 -
域名
什么是域名域名就是用来唯一标示互联网上的服务器的。当我们访问一个网站时候,比如http://www.example.com/index.html,其中的com,example.com,www.example.com都是域名。域名不区分大小写,即www.example.com与WWW.EXAMPLE.COM一样。域名的定义从右至左,用 . 分割,称为一级域名(顶级域名)、二级域名...原创 2018-09-14 10:26:02 · 146 阅读 · 0 评论 -
图片比例缩放居中铺满,超出剪裁CSS
HTML:<div class="Img" style="background-image:url(1.jpg)"></div>CSS:.Img{ width:100%; height:0; padding-bottom: 100%; overflow:hidden; background-position: cent...原创 2019-10-24 17:59:56 · 1798 阅读 · 0 评论 -
CSS 基础
综合link 和 @import 的区别本质上,这两种方式都是为了加载CSS文件,但还是存在着细微的差别。link 是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。link 引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。link 是XHTML标签,无兼容问题;@import是在CSS2....原创 2018-09-17 21:37:09 · 111 阅读 · 0 评论 -
CSS3新增选择器及新增属性
CSS常见选择器: 通配符选择器,* 元素选择器:div 类选择器,.class ID选择器,#id 后代选择器 CSS伪类 a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:hover {color: #FF00FF} /* 鼠标移动到链接上 */ ...原创 2018-09-24 15:21:02 · 327 阅读 · 0 评论 -
eslint 常见报错
HTTP状态码(HTTP Status Code)是用以表示网页服务器HTTP响应状态的3位数字代码。状态码的作用是:服务器告诉客户端,发生了什么事。所有状态码的第一个数字代表了响应的五种状态之一。1 xx : 表示信息提示2xx : 表示成功3xx : 重定向4xx : 客户端出现错误5xx : ...原创 2019-10-24 23:04:04 · 173 阅读 · 0 评论 -
HTTP跟HTTPS特性与区别
超文本传输协议HTTP协议被用于在Web浏览器和网站服务器之间传递信息,HTTP协议以明文方式发送内容,不提供任何方式的数据加密,如果攻击者截取了Web浏览器和网站服务器之间的传输报文,就可以直接读懂其中的信息,因此,HTTP协议不适合传输一些敏感信息,比如:信用卡号、密码等支付信息。为了解决HTTP协议的这一缺陷,需要使用另一种协议:安全套接字层超文本传输协议HTTPS,为了数据传输的安全,...转载 2019-10-24 22:20:15 · 191 阅读 · 0 评论 -
gulp 构建ES6项目笔记
1. 基础架构2.目录构建|--ES6 |--app (前端代码) |--css |--js |--class |--test.js (初始化类文件) |--index.js (入口文件) |--views (html模版文件) |--error.ejs (错误模版) |--ind...转载 2020-02-12 19:39:47 · 243 阅读 · 0 评论 -
CSS预处理
一、less,scss,stylus 的特点都具有“变量”、“混合”、“嵌套”、“继承”、“颜色混合”五大基本特性;都支持CSS风格语法,LESS要求一定要使用大括号“{}”,Scss和Stylus可以省略 “{}” 和 “;”通过缩进表示层次与嵌套关系;Scss无全局变量的概念,LESS和Stylus有类似于其它语言的作用域概念;Scss和Stylus就具有类似其它语言的条件语句、循环...原创 2020-05-03 09:32:52 · 236 阅读 · 0 评论 -
Day_14 less,scss,stylus
less,scss,stylus 的特点语法区别:Sass 和 Less 都使用的是标准的 CSS 语法/* style.scss or style.less */h1 { color: #0982C1;}postcsscss 预处理原理CSS 预处理器用一种专门的编程语言,为 CSS 增加了一些编程的特性,将 CSS 作为目标生成文件,然后开发者可以直接使用这种语言进...原创 2020-05-03 09:33:40 · 192 阅读 · 0 评论 -
Day_13_CS3 HTML5
如何理解渐进式增强和优雅降级CSS3 新增伪类有哪些结构性伪类选择器:first-child 父元素的第一个子节点的元素。:last-child 父元素的最后一个子节点的元素。:nth-child(n):父元素的第n个子节点的元素。:nth-last-child(n):父元素的倒数第n个子节点的元素。:only-child:其父元素的唯一子节点的元素。结构性伪类,选择...原创 2020-05-03 09:34:45 · 103 阅读 · 0 评论 -
CDN 是什么?为什么要使用CDN?
如果你写了一个网站托管在服务器上,要怎样才能让你的用户在访问你的网址时更加快速呢?有两种方法第一让你的文档尽可能地小或少,这样整个传输速度就会有所提升。第二尽可能让你的文档离最终用户所在的位置近一些,这样整个传输路径就会大大减短。共有云厂商在全世界各地都遍布不计其数都数据中心和服务器,CDN服务简单来讲就是这些厂商将你的服务器上面的文档分发到他们不同地区的服务器的当中,每个地区可以称为...原创 2020-05-03 09:59:43 · 945 阅读 · 0 评论 -
输入网址并按下回车键那一刻起发生了什么?
问题:输入网址并按下回车键那一刻起发生了什么?一、形象描述打开网页这个动作本质上就是从对方服务器上获取文档,浏览器在获得这些文档之后在进行解析和渲染呈现给用户。用户输入网址后,由浏览器发起http请求,并将用户的”需求“通过tcp/ip传输协议传递到服务器端,服务器根据拿到用户需求后根据需求作出处理后,并将”资源“通过tcp/ip传输协议传递给浏览器,浏览器拿到资源后再作出后续逻辑处...转载 2019-10-24 22:15:40 · 440 阅读 · 0 评论