- 博客(11)
- 收藏
- 关注
原创 CSS 考题大全
CSS 考题大全CSS基础CSS 加载方式有几种?@import 有什么作用?如何使用?简述 src 和 href 的区别?页面导入时,使用 link 和 @import 有什么区别?伪类选择器有哪些?伪元素和伪类的区别?选择器的优先级是如何计算的?什么是 CSS 继承?哪些属性能继承,哪些不能?块盒子:块级元素和行内元素有什么区别?行内元素有哪些,块级元素有哪些,空(void)元素有那些描述盒模型?CSS 的属性 box-sizing 有什么值?分别有什么作用?Displayline-height: 2;
2021-02-05 20:51:56
392
原创 Javascript自学随笔:JSON
JSONJSON VS XMLJSONJSON对象JSON VS XMLJSON类型:string, number, boolean, null,不支持undefined。object,array。JSON对象stringify(JSON, filter, indentation): 转化为 JSON string对象。filter可以是array或function,[“property1”," property2"], 或者(key, value)=>{return newValue}。
2020-10-13 22:11:22
118
原创 Javascript自学随笔:Event
EventEvent FlowEvent Handlerevent对象内存和性能事件是用户和浏览器交互的产物,HTML事件可以触发执行一段JS代码。观察者模式。Event Flow3个阶段:捕获阶段,目标阶段,和冒泡阶段。.addEventListener(type, func, true/false), true是捕获上到下,false是冒泡下到上。Event HandlerHTML Event Handler:DOM 0 Event Handler:let btn = documen
2020-10-03 22:54:52
147
原创 Javascript自学随笔:DOM
DOMNode关系操作node定位元素存取参数HTML5classListfocus自定义参数InnerHTML(不建议使用)CSS-IN-JSDOM 是 HTML和XML的API,允许用户增改查删网页上的元素。Node关系node.childNodes[x]: 读取子节点node.item(x):同理NodeList转化为Array:let array = Array.prototype.slice.call(node, 0)node.nextSubling:下一个node.previou
2020-10-03 16:22:35
191
原创 Javascript自学随笔:BOM
BOMWindowLocationNavigatorHistory维护Histroy状态BOM是浏览器功能的核心,独立于网页内容。Windowwindow.moveTo(): 移动到window.moveBy(): 移动window.innerWidth, window.innerHeight: 内宽高window.outterWidth, window.outterHeight: 外宽高window.scrollTo():滚到视窗x,ywindow.open() = (检测pop-up
2020-10-02 00:59:32
159
原创 Javascript自学随笔:Reference Types
Reference TypesREGEXP - 正则表达式类型ArrayMapREGEXP - 正则表达式类型正则表达式速记表:更多:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/CheatsheetArray创建array- ES6:from(x, map):转换和array相似的,可遍历或者有长度和序号的对象。map = x =>{代码}。of():转换参数为arr
2020-09-26 19:28:16
253
原创 Javascript自学随笔:Promise & Async
Promise & AsyncPromise缺点执行函数Promise.resolve()then不可重入性Parallel Promise CompositionSerial Promise Composition*面试八股 - 手动默写promiseAsync FunctionsGeneratorAsyncawaitAsync并行/串行*面试八股 - 手动默写async*内存管理Promise一个有限状态机,三个状态,输入一个函数,输出异步操作的结果。状态机本身同步执行,函数异步执行。缺点
2020-09-25 19:13:16
170
原创 Javascript自学随笔:Variable, Scope & Memory
Variable & ScopeArgument Passing:Passing by value only. creates reference value but refer to the same object in the heap.Determining Type:typeof for primitive type; instanceof for object by checking prototype chain.Execution Context and Scope(执行环
2020-08-30 02:02:31
151
原创 Javascript自学随笔:Function
FunctionFunction简介Arrow Function VS FunctionES6:Spread OperatorFunction Declaration VS Function ExpressionFunction的重要内部对象:call, apply & bind:closure闭包:私有函数Memory Management for Recursive Function (ES6)Tail Calls Optimization尾调用优化:Function简介function
2020-08-29 22:03:52
209
原创 Javascript自学随笔:Object, Class and OOP
Javascript自学系列:Object, Class and OOPObjects(对象)Inheritance(继承)Class(类)Objects(对象)简介:Object包含property(属性)和method(方法)。property分data和accessor(set/get)。Mixin:即merge object,用 Object.assign(des, scr1, scr2…) 做shallow copy。如果property重名,取最后一个,无法交换accessor。.
2020-08-21 23:24:44
212
原创 Javascript自学随笔:Client-Side Storage
Javascript自学系列:Client-Side StorageCookieWeb StorageIndexedDB*CookieCookie简介:Cookie指网站为了辨别用户身份储存在客户端上的数据。URL加密。Cookie和domain挂钩,每次http交互都要发回服务器。Cookie大小,数量受限。非法cookie会被无视。Cookie组成:Name, Value, Domain, Path, Expiration, Secure flag.Name, Value - URL
2020-08-19 14:50:43
233
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人