摘要:
借助数组方法中的reduce方法,先看示例: 以上代码块的结果为: 解释: 1. reduce()方法: reduce()方法是处理数组的方法,它接收一个函数和一个初始值,然后将数组中的每个元素和初始值当作参数传入这个函数中进行处理,最后返回和初始值相同类型的值。 语法: 2. arr2.reduc 阅读全文
摘要:
浏览器是如何工作的? (从输入URL到页面展现之间,浏览器做的事) 一、浏览器的构成 浏览器从原理上分为7个模块,分别为User Interface(用户界面)、Browser engine(浏览器引擎)、Rendering engine(渲染引擎)、Networking(网络)、JavaScrip 阅读全文
摘要:
// 原理: // 因为按位异或的逻辑很像加法,例如1^0=1,0^0=0 // 唯一不同的是1^1=0,也就是说无法进位 // 于是我们把加法拆成 (全不进位得到的数)+(进位数) // 假设我们算10+9(1010和1001),可以拆成 (0010^0001)+(10000) // 前者只用按位 阅读全文
摘要:
(安装教程地址:https://www.runoob.com/mongodb/mongodb-window-install.html) 前情提要:按照菜鸟教程安装配置MongoDB服务,在进行到 “启动MongoDB服务”时出现问题,系统提示“net start MongoDB 系统没有响应控制” 阅读全文
摘要:
1. 使用 TAB键 可以自动补全系统中存在的文件名称或者命令。 比如需要运行一个js代码,只需要一小段名字,再tab补齐就行。 2. 编辑命令快捷键 ESC 清除当前命令行 Ctrl+a 返回到正在编辑命令的开头 Ctrl+e 跳转到正在编辑命令的结尾 Ctrl+u 把光标所在之前的字符全部剪切到 阅读全文
摘要:
rem布局 目的:页面布局文字随屏幕大小变化而变化,元素高度和宽度等比例缩放。 rem单位 rem (root em)是一个相对单位,类似于em,em是 父元素 字体大小。不同的是rem的基准是 相对于html元素 的字体大小。 比如,根元素(html)设置font size=12px; 非根元素设 阅读全文
摘要:
传统布局与flex布局 传统布局 :兼容性好;布局繁琐;局限性,不能在移动端很好的布局。 flex 弹性布局 :操作方便,布局极为简单,移动端应用很广泛;PC 端浏览器支持情况较差;IE 11或更低版本,不支持或仅部分支持。 布局原理 flex 是flexible Box 的缩写,意为"弹性布局", 阅读全文
摘要:
1. [attribute~=value] 属性中包含独立的单词为 value 2. [attribute =value] 属性中做字符串拆分,只要能拆出来 value 这个词就行 3. [attribute|=value] 属性中必须是完整且唯一的单词,或者以 分隔开 4. [attribute^ 阅读全文
摘要:
视口 视口定义 定义 就是浏览器显示页面内容的屏幕区域。 视口可以分为布局视口、视觉视口和理想视口。 布局视口(layout viewport) 一般手机浏览器都默认设置了一个布局视口,用于解决早期的PC端页面在手机上显示的问题。 视觉视口(visual viewport) 用户正在看到的网站的区域 阅读全文
摘要:
Vue的基本使用 创建Vue实例 1.引包 2.新建Vue实例 Step 1:html中插入根元素,id为"app" Step 2:script中创建实例化对象 mv 数据绑定 即,将Vue实例中的数据渲染到DOM中,此时的数据流向是单向的(Vue DOM // Data View) 1.在创建的数 阅读全文