学习笔记
无-题
这个作者很懒,什么都没留下…
展开
-
JS的时间对象常用方法
新建一个日期对象var date=new Date();常用方法如下:Date() 返回当日的日期和时间。 getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 getMonth() 从 Date 对象返回月份 (0 ~ 11)。 getFullYear() 从原创 2017-08-13 15:17:24 · 395 阅读 · 0 评论 -
HTTP协议类
1.HTTP协议的主要特点 简单快速 每个资源URI(统一资源符)是固定的,比如图片、页面地址,所以HTTP协议中处理比较简单,访问某个资源输入URI即可 灵活 每个http协议中。有一个头部分,有个数据类型,通过一个http协议的就可以完成不同数据类型的传输 无连接 (重点) 连接一次就会断开,不会保持连接 无状态(重点) 客户端...原创 2019-03-12 22:12:53 · 343 阅读 · 0 评论 -
原型链类
创建对象的几种方法 原型、构造函数、实例、原型链 instanceof的原理 new 运算符一、创建对象有几种方法(通常是以下三种)字面量 构造函数 Object.create<script type="text/javascript"> // 第一种方式:字面量 var o1 = { name: "o1" }; va...原创 2019-03-12 22:15:47 · 151 阅读 · 0 评论 -
通信类
1.什么是同源策略及限制1.同源策略限制从一个源加载的文档或脚本与来自另一个源的资源进行交互。 ( 这是一个用于隔离潜在恶意文件的关键的安全机制。)2.一个源包括:协议、域名、端口(这三个有一个不一样就是源不一样,就是我们所说的跨域了)http:// 协议www.xxx.com 域名没指名端口默认803.限制:不是一个源的文档没有权利去操作另一个源的文档;主要限制在几个方面:...转载 2019-03-12 22:20:26 · 138 阅读 · 0 评论 -
安全类
CSRF/XSS一、CSRF1.基本概念和缩写:跨站请求伪造;Cross-Site Request Forgery 缩写CSRF2.攻击原理CSRF攻击原理.png 1.用户是网站A的注册用户,通过身份验证登录网站A,登录之后网站A核查身份是不是正确的, 如果正确就下发cookie,这个cookie保存到用户浏览器当中,这就是完成了一次身份认证的过程...转载 2019-03-12 22:22:12 · 151 阅读 · 0 评论 -
面向对象类
https://blog.csdn.net/qq_42340123/article/details/816258071.类和实例类是抽象的模板,比如Student类,而实例是根据类创建出来的一个个具体的“对象”,每个对象都拥有相同的方法,但各自的数据可能不同。内存地址给实例绑定属性由于类可以起到模板的作用,因此,可以在创建实例的时候,把一些我们认为必须绑定的属性强制填写进去...转载 2019-03-12 22:25:28 · 172 阅读 · 0 评论 -
错误监控类
如何保证产品质量?1.前端错误的分类2.错误的捕获方式3.上报错误的基本原理一、前端错误的分类1.即时运行错误:代码错误 * try…catch(需要把try...catch布到代码中) *window.onerror(dom0)只能捕获即时运行错误2.资源加载错误:(js、css、图片加载失败) * object.onerror(通过节点绑o...转载 2019-03-12 22:27:37 · 379 阅读 · 0 评论 -
页面性能类
JS页面性能类1.提升页面性能的方法有哪些? 资源压缩合并,减少HTTP请求(资源传输的过程变小); 非核心的代码异步加载—异步加载的方式—异步加载的区别; 异步加载的方式:1.动态脚本加载 —js创建了一个标签,把标签最后加到body上去或者head(加到文档当中实现加载) document.createElement(“*”);2.defer3.async 2....原创 2019-03-12 22:29:59 · 228 阅读 · 0 评论 -
设置元素为浮动后,display的值是多少?
1.为什么关注此问题?行内元素设置为浮动后,可以设置宽高了,为什么?我们知道Html元素分三种块级元素(display:block)--> 可以设置元素的宽高行内元素(display:inline)--> 默认不换行,设置width/height无效(可以设置line-height),margin/padding上下无效行内块级元素(display:inline-...原创 2019-03-13 16:50:35 · 8512 阅读 · 0 评论 -
纯CSS如何实现三角形?
为什么关注此问题?三角形的图标在网页设计是很常见的,如下拉框,空心三角形等等,有必要理解原理,提高工作效率考察的知识点:border应用的原理实践出真知,动手吧!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&原创 2019-03-13 19:29:29 · 223 阅读 · 0 评论 -
如何在谷歌设置小于12px的字体?
Chrome浏览器最小字体12px限制问题解决方法问题描述: 页面宽度有限的情况下显示大数据,采用font-size:8px来压缩字体大小,版本 25.0.1547.66及以下版本的chrome浏览器没有问题,后续版本的就不可以了;问题原因: 浏览器设置了最小字体限制;配置文件在"Documents and Settings\User_Name\Local Setting...转载 2019-03-13 19:50:53 · 997 阅读 · 0 评论 -
CSS 优化、提高性能的方法
CSS 优化、提高性能的方法 如何提高CSS性能,根据页面的加载性能和CSS代码性能,主要总结有下面几点: 1、尽量将样式写在单独的css文件里面,在head元素中引用 有时候为了图方便或者快速搞定功能,我们可能会直接将样式写在页面的style标签或者直接内联在元素上,这样虽然简单方便,但是非常不利于日后的维护。将代码写成单独的css文件有几点好处: (1)内容和样式分离,...转载 2019-03-13 20:06:09 · 200 阅读 · 0 评论 -
0.1+0.2!=0.3 一道令人记忆深刻的面试题
看到题是一脸懵逼的我,进入正题为什么0.1+0.2!=0.3?JavaScript 存储数值采用的是双精度浮点数,但是 JS 采用的浮点数标准会裁剪我们的数字eg:在定点数中,如果我们以8位二进制来存储数字。对于整数来说,十进制的35会被存储为: 00100011 其代表 2^5 + 2^1 + 2^0。对于纯小数来说,十进制的0.375会被存储为: 0.011 其代表 1/2...原创 2019-03-13 20:33:11 · 1188 阅读 · 1 评论 -
js 数组的添加与删除常用方法
unshift:将参数添加到原数组开头,并返回数组的长度 pop:删除原数组最后一项,并返回删除元素的值;如果数组为空则返回undefined push:将参数添加到原数组末尾,并返回数组的长度 concat:返回一个新数组,是将参数添加到原数组中构成的 splice(start,deleteCount,val1,val2,...):从start位置开始删除deleteCount项转载 2017-09-06 18:56:35 · 261 阅读 · 0 评论 -
js中==和===的区别
js中==和===的区别==:等于,会发生数据隐形类型转换 ===:全等于,包括数据类型和值要全等这里要先了解js的数据类型有:字符串,数值,数组,对象,null,undefined,布尔隐形类型转换步骤:一、判断有没有NaN,若有,一律返回false。二、判断有没有布尔,若有,则布尔 转 数值。(false是0,true是1)原创 2017-08-14 15:27:40 · 138 阅读 · 0 评论 -
页面布局
题目:高度已知,三栏布局,左右栏宽为300px,中间自适应结构 <section class="layout"> <article class="left-right-center"> <div class="left">1</div> <div cl原创 2018-10-28 12:00:08 · 118 阅读 · 0 评论 -
前端知识之盒模型
基本概念二者区别:标准模型 width = contentie模型 width = content+padding+border如何设置?box-sizing:content-boxbox-sizing:border-boxjs如何设置获取盒模型对应的宽和高?dom.style.width----->只能获取行内样式,不能获取内嵌的样式和外...原创 2018-10-28 15:59:01 · 157 阅读 · 0 评论 -
Dom事件类
事件级别DOM0 element.onclick=function(){}DOM2 element.addEventListener('click', function(){}, false) //冒泡false和捕获true DOM3 element.addEventListener('keyup', function(){}, false)事件流docume...原创 2018-10-28 17:45:11 · 111 阅读 · 0 评论 -
垂直居中
转载于 https://www.cnblogs.com/hutuzhu/p/4450850.html方法1:table-cellhtml结构: 1 2 3 <div class="box box1"> <span>垂直居中</span> </div> ...转载 2018-10-28 18:24:23 · 80 阅读 · 0 评论 -
架构设计
--分层架构定义:把功能相似,抽象级别相近的实现进行分层隔离优势:松散耦合(易维护,易维护,易扩展)常见的分层方式:MVC,MVVM --模块化定义:解决一个复杂问题时,自顶向下逐层把系统划分成若干个模块的过程意义:解耦,可并行开发模块化方案:AMD,CMD,CommonJS,ES6(AMD:异步模块定义,前端运用,实例requirejs,AMD是在requir...原创 2019-01-26 10:02:59 · 99 阅读 · 0 评论 -
var,let,const区别
存在变量声明提前原创 2019-03-13 21:02:53 · 152 阅读 · 0 评论 -
git 常用命令学习
工作流 gitinit"初始化git仓库"gitaddtest.txt"添加本地文件至暂存区"gitcommit-m"firstcommit""将暂存区文件提交至本地仓库中"gitstatus"查看当前库文件状态"gitresetHEADtest.tmmitxt"暂存区未co回滚至上次状态"gitcheckout--test.txt...转载 2019-03-14 16:12:21 · 164 阅读 · 0 评论 -
【git之】fetch和 pull的区别
【git之】fetch和 pull的区别Git中从远程的分支获取最新的版本到本地有这样2个命令:1.git fetch:相当于是从远程获取最新版本到本地,不会自动mergeGit fetch origin mastergit log -p master..origin/mastergit merge origin/master 以上命令的含义: 首先从远程的ori...转载 2019-03-14 20:24:00 · 675 阅读 · 0 评论