随笔分类 - 前端基础
摘要：层叠性 就近原则。样式冲突时，执行结构上更近的那个。 样式不冲突则不进行层叠，与选择器无关。 继承性 子标签会继承父标签的某些样式，例如文本颜色和字号。 优先级 ！important > 行内样式 > ID选择器 > 类选择器 > 元素/标签选择器 > 继承/* 计算 类型贡献值 继承或者* 000
阅读全文
摘要：CSS盒模型本质上是一个盒子，封装周围得html元素。包括了margin,border,padding,content。每个盒子都有自己的大小和位置，同时也影响着其他的盒子的大小和位置。 块级元素 一个块级元素独占一行。元素的height\width\line-height以及margin\padd
阅读全文
摘要：不再用到的内存没有及时释放，就叫做内存泄漏（memory leak) 例子： const arr = [1, 2, 3, 4]; console.log('hello world'); 数组[1, 2, 3, 4]是一个值，会占用内存。变量arr是仅有的对这个值的引用，因此引用次数为1。尽管后面的代
阅读全文
摘要：安装ruby sass是基于ruby的环境，所以安装sass之前需要安装ruby。rudy windows 的安装包官方下载地址是：https://rubyinstaller.org/downloads/ ruby -v //查看ruby是否安装成功 安装sass gem install sass
阅读全文
摘要：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。常在中大型网页应用中使用。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension (opens new window)
阅读全文
摘要：严格模式 ECMAScript 5的严格模式是采用具有限制性JavaScript变体的一种方式，从而使代码隐式地脱离“马虎模式/稀松模式/懒散模式“（sloppy）模式。 目的 消除JS语法中一些不合理、不严谨之处。 修复了一些导致 JavaScript引擎难以执行优化的缺陷：有时候，相同的代码，严
阅读全文
摘要：Object 静态方法 部署在Object对象自身的方法 Object.keys()，Object.getOwnPropertyNames() 遍历对象的属性，参数为对象，返回数组 var obj = { p1: 123, p2: 456 }; Object.keys(obj) // ["p1",
阅读全文
摘要：localStorage 特点 只读 允许存储键值对的数据。 长期保存网站数据，没有过期时间，直到手动删除 localStorage将第一次请求的数据直接存储到本地，相当于一个5M大小的针对前端的页面数据库，相比于 cookie 可以节约带宽。 局限 localStorage的数据类型默认为Stri
阅读全文
摘要：JSON 前后端数据交互 前后端数据进行通信的时候统一数据类型为JSON字符串。后端将实体类对象或者是装满了实体类对象的集合转化成JSON字符串发送给前端，页面接受到此数据后会对该字符串进行解析，将该JSON字符串解析并将其转换为JSON对象或者是JSON数组。在后端中，存储数据的单元是实体类对象，
阅读全文
摘要：Ajax 异步的 JavaScript 和 XML（Asynchronous JavaScript and XML），不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。 用XMLHttpRequest 对象和服务器交换数据。 创建对象 var xmlhttp=new XMLHttp
阅读全文
摘要：实现全选和反选 <head> <meta charset="utf-8" /> <title>8.13-Laoshanshan</title> <link rel="stylesheet" type="text/css" href="css/index.css"/> <script src="js/
阅读全文
摘要：JS的组成 JavaSript基础 ECMAScript 基本语法，为页面交互打基础。 Web APIs DOM BOM 是W3C组织的标准，是js的应用，为js独有的部分。 DOM 文档对象模型，是W3C组织推荐的处理可扩展标记语言（HTML/XHTML）的标准编程接口。 W3C定义了一系列DOM
阅读全文
摘要：BOM BOM即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心是window。 window对象是浏览器的顶级对象。 window对象常见事件 窗口加载事件 1. onload 当文档内容完全加载完成会触发该事件（包括图像、脚本文件、css文件等） window.onload
阅读全文
