
前端知识
-rainbow-
这个作者很懒,什么都没留下…
展开
-
如何安全的访问对象
1、提前检测下是否存在let z = x && x.y && x.y.z2、使用ECMAScript新标准,有的项目中可能需要更改下babel的配置来支持新语法,语法使用:let z = a?.y?.z;3、引入npm包,例如:lodash/get,使用:安装 "lodash": "4.17.11",// 文件中引入import get from 'lodash/get'// 获取 a = {y: {z: 11}}get(a, 'y.原创 2021-04-20 14:19:21 · 216 阅读 · 0 评论 -
正则表达式?:代表什么意思
每一个正则表达式又可能是由很多子表达式组成,一个()代表一个子表达式,例如([1-9])代表一个子表达式:match() 方法将检索字符串"3yyyyyy",以找到一个与 regexp /([1-9])yy/匹配的文本。因为 regexp 没有标志 g,那么 match() 方法就只能在"3yyyyyy"中执行一次匹配。如果没有找到任何匹配的文本, match() 将返回 null。否则,它将返回一个数组,其中存放了与它找到的匹配文本有关的信息。该数组的第 0 个元素"3yy"存放的是...原创 2020-11-19 16:57:08 · 4519 阅读 · 0 评论 -
进程之间的通信方式及适用场景
进程通信是指进程之间的信息交换,根据传输数据的大小,可以把进程通信分为低级通信机制(效率低,例如信号量机制) 高级通信机制(OS封装了细节,直接高效使用原语)在进程之间要传递大量数据时,应当使用高级通信机制,高级通信机制一般分为四大类:共享存储器系统 管道通信系统 消息传递系统 客户机-服务器系统具体的进程通信方式有以下几种:=====================...原创 2019-07-31 10:17:42 · 7451 阅读 · 0 评论 -
js事件委托的概念
一、什么是事件委托?1、事件委托机制,委托它们父级代为执行事件。是通过addEventListener实现的,它允许给同一个dom节点添加一个或多个同种类型或不同类型的监听事件;例如:用常用的绑定事件的方法,同时注册两个事件,后一个事件会覆盖上面的事件 <script type="text/javascript"> window.onload = f...原创 2019-07-31 17:41:01 · 344 阅读 · 0 评论 -
css的选择器有哪些?他们的优先级?哪些属性可以继承?
一、css选择器名称 符号 id选择器 # class选择器 . 标签选择器 例如P 通配符选择器 * 子代选择器 > 后代选择器 空格 相邻兄弟选择器 + 选择器分组 , 属性选择器 [xxx]、[rel=xxx] 伪类 二、优先级! important > id...原创 2019-08-01 10:26:42 · 558 阅读 · 0 评论 -
前端存储方式cookie
一、cookiecookie是浏览器提供的一种机制,它将document 对象的cookie属性提供给JavaScript。可以由JavaScript对其进行控制,而并不是JavaScript本身的性质。cookie是存于用户硬盘的一个文件,这个文件通常对应于一个域名,当浏览器再次访问这个域名时,便使这个cookie可用。因此,cookie可以跨越一个域名下的多个网页,但不能跨越多个域名使用。...原创 2019-08-01 17:29:48 · 1209 阅读 · 0 评论 -
图片的所有格式,对应的适合于什么场景?有什么优化的方案?
一、常见的图片的格式1、TIFF格式TIFF(Tag Image File Format)是Mac中广泛使用的图像格式,它的特点是图像格式复杂、存贮信息多。正因为它存储的图像细微层次的信息非常多,图像的质量也得以提高,故而非常有利于原稿的复制。2、PSD格式PSD其实是Photoshop进行平面设计的一张"草稿图",它里面包含有各种图层、通道、遮罩等多种设计的样稿,以便于下次打开...原创 2019-08-22 20:01:58 · 1658 阅读 · 0 评论 -
js继承的6种方式
废话没有,直接上代码假设要继承的对象是personfunction Person() { this.name = "person";}/** Person.prototype是person的原型对象,里面可以放一些原型对象的属性和方法*/Person.prototype.getName = function () { console.log(this.nam...原创 2019-08-28 08:32:05 · 261 阅读 · 0 评论 -
前端构建工具(理解+使用)
一、构建工具可以做什么?安装 vs 做事情1、安装包工具:例如:npm、Bower,Yeoman可以安装几乎所有的东西。他们可以安装前端框架,比如Angular.js或者React.js。他们可以为你的开发环境安装服务器。他们可以安装测试框架。他们甚至帮你安装其他的前端构建工具。2、做事情的工具:比如Grunt、Webpack、Require.js、Brunch和Gul...原创 2019-09-02 17:04:00 · 1070 阅读 · 0 评论 -
TCP和UDP的区别
参考回答:(1)TCP是面向连接的,udp是无连接的即发送数据前不需要先建立链接。(2)TCP提供可靠的服务。也就是说,通过TCP连接传送的数据,无差错,不丢失,不重复,且按序到达;UDP尽最大努力交付,即不保证可靠交付。 并且因为tcp可靠,面向连接,不会丢失数据因此适合大数据量的交换。(3)TCP是面向字节流,UDP面向报文,并且网络出现拥塞不会使得发送速率降低(因此会出现丢包,对...转载 2019-07-21 22:10:25 · 1067 阅读 · 0 评论 -
Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?
1、doctype的作用<!DOCTYPE>声明位于位于HTML文档中的第一行,处于 <html> 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。2、严格模式和混杂模式的如何区分?他们有什么意义?标准模式(严格模式)的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式(...原创 2019-01-19 09:16:34 · 3000 阅读 · 0 评论 -
HTML5有哪些新特性、移除了哪些元素?
html5新增了27个元素,废弃了16个元素,根据现存的标准规范,把html5的元素按优先级定义为以下四类:结构性元素 级块性元素 行内语义性元素 交互性元素新增27个元素一、结构性元素主要负责web上下文结构的定义section:在 web 页面应用中,该元素也可以用于区域的章节描述。 header:页面主体上的头部, header 元素往往在一对 body 元素中...原创 2019-01-19 14:48:14 · 701 阅读 · 0 评论 -
HTML全局属性(global attribute)有哪些?
参考资料(全局属性兼容性特别不好,几乎各个浏览器很少支持):MDN: html global attribute或者W3C HTML global-attributesaccesskey:设置快捷键,提供快速访问元素如aaa在windows下的firefox中按alt + shift + a可激活元素class:为元素设置类标识,多个类名用空格分开,CSS和javascript可通过c...原创 2019-01-22 17:56:08 · 3711 阅读 · 1 评论 -
HTTP和HTTPS协议
网址(域名)就是IP地址的别名,就是为了能够方便客户端与服务器端的交互。WEB服务存在http和https两种通信方式,两种通信方式有什么区别:1、http是超文本传输协议,信息是明文传输,https则是具有安全性的ssl加密传输协议。2、http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443。3、http的连接很简单,是无状态的;HTTPS协...原创 2019-03-04 17:46:22 · 185 阅读 · 0 评论 -
html中的标记abbr与acronym有什么不同
区别:<abbr>表示简称,<acronym>仅仅代表首字母缩写,所以<abbr>的语义范围更大。使用时,完整的词写在title属性中,例子:<abbrtitle="PageRank">PR</abbr>目前想到的ABBR及ACRONYM标签的两个好处:1、增加可阅读性。我们经常遇到样的情况,比如逛论坛时候...原创 2019-04-02 21:37:22 · 546 阅读 · 0 评论 -
js中每种类型与其他类型之间的转换
其它类型转化数字 原始数据类型 目标类型Number undefined NaN null 0 false 0 true 1 数字串 相应的数字 不能转化的字符串 NaN 其它类型转化为字符串 原始数据类型 目标类型String undefined undefined null null fal...原创 2019-07-10 10:33:37 · 158 阅读 · 0 评论 -
HTTPS和HTTP的区别
什么是 HTTPS?HTTPS (基于安全套接字层的超文本传输协议 或者是 HTTP over SSL) 是一个 Netscape 开发的 Web 协议。你也可以说:HTTPS = HTTP + SSLHTTPS 在 HTTP 应用层的基础上使用安全套接字层作为子层。为什么需要 HTTPS ?超文本传输协议 (HTTP) 是一个用来通过互联网传输和接收信息的协议。HTTP 使用...转载 2019-07-21 10:29:59 · 221 阅读 · 0 评论 -
冒泡排序、插入排序、选择排序、快速排序、归并排序、希尔排序
一、冒泡排序:两两比较,逆序则交换,和吐泡泡一样,咕噜咕噜~,每次把最小/大的数据放在前面 var arr = [7,5,61,2,3,14]; for (let i = 0; i < arr.length-1; i++) { for (let j = i+1; j < arr.length; j++) { ...原创 2019-07-30 16:27:45 · 235 阅读 · 0 评论 -
HTML5的优点与缺点?
优点:a、网络标准统一、HTML5本身是由W3C推荐出来的。 b、多设备、跨平台 c、即时更新,提高可用性和改进用户的友好体验; d、有几个新的标签,这将有助于开发人员定义重要的内容; e、可以给站点带来更多的多媒体元素(视频和音频),可以很好的替代Flash和Silverlight; ...原创 2019-01-18 21:06:50 · 2060 阅读 · 0 评论