随笔档案「2018年8月」 - 阿琛

CSS弹性盒布局

摘要：Flexible Box Layout 一、Flex布局概述 Flex，即Flexible Box, 意为"弹性盒",用于为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。块级元素可设置display:flex; 行内元素可设置display:inline flex。 webki 阅读全文

posted @ 2018-08-29 11:20 阿琛阅读(1019) 评论(0) 推荐(0)

CSS冷门但有用的知识整合

摘要：1. 滚动条样式设置 The :: webkit scrollbar CSS pseudo element(伪元素) affects the style of the scrollbar of an element 发现Bug 苹果的滚动条是触摸效果是反的。参考 2. 去掉苹果给input自动加上阅读全文

posted @ 2018-08-29 11:16 阿琛阅读(482) 评论(0) 推荐(0)

XSS与CSRF攻击

摘要：一、XSS Cross Site Script,跨站脚本攻击。是指攻击者在网站上注入恶意客户端代码，通过恶意脚本对客户端网页进行篡改，从而在用户浏览网页时，对用户浏览器进行控制或者获取用户隐私数据的一种攻击方式。 1.容易发生的场景 (1)数据从一个不可靠的链接进入到一个web应用程序。 (2)没有阅读全文

posted @ 2018-08-28 11:40 阿琛阅读(6355) 评论(0) 推荐(3)

浅拷贝与深拷贝

摘要：问题缘起如果给一个变量赋值一个对象，那么新变量和原对象变量将会是同一个引用，其中一方改变，另一方也会改变。该问题可以用浅拷贝来解决。但是浅拷贝只能解决对象的第一层的引用问题(或数组的第一维)，如果接下去的属性还是对象的话那么还是同一个引用。这就需要引入深拷贝。对象的深浅拷贝 1. 浅拷贝: O 阅读全文

posted @ 2018-08-21 11:34 阿琛阅读(1023) 评论(0) 推荐(0)

CSS动画复习

posted @ 2018-08-20 10:04 阿琛阅读(281) 评论(0) 推荐(0)

JavaScript正则常用知识总结

摘要：一、JavaScript正则相关方法 str.match(regexp)与regexp.exec(str)功能类似。 str.search(regexp)与regexp.test(str)功能类似。 1. String.prototype.match() 检索匹配项，并返回匹配的第一个完整子串及其下阅读全文

posted @ 2018-08-14 11:29 阿琛阅读(297) 评论(0) 推荐(0)

JavaScript实现继承的几种重要范式

摘要：一原型链 1. 代码示例详见我的另一篇博客 "《原型与原型链》" 的"二、实现继承的主要范式：原型链 "。二、借用构造函数（经典继承） 1.代码示例基本思想就是在子类型构造函数内部调用超类型构造函数。 2. 优点（1）子类型每个实例都会继承一份独立的超类型属性副本通过使用call方法（阅读全文

posted @ 2018-08-06 15:33 阿琛阅读(216) 评论(0) 推荐(0)

JavaScript创建对象的几种重要模式

摘要：一、工厂模式 1. 代码示例 2. 优点解决了创建多个相似对象的问题。 3. 缺点没有解决对象识别的问题。二、构造函数模式 1. 代码示例牢记：构造函数在不返回值的情况下，默认会返回新对象的实例（构造函数模式）。如果在构造函数内部末尾添加一个return语句，可以重写调用构造函数时返阅读全文

posted @ 2018-08-06 15:32 阿琛阅读(182) 评论(0) 推荐(0)

原型与原型链.

摘要：一、创建对象的重要模式：原型模式面向对象的语言可以通过类创建任意多个具有相同属性和方法的对象。ECMAScript中没有类的概念（在ES6的class之前），但是它的对象是基于引用类型创建的，可以在一定程度上充当"类“的角色。 JavaScript创建对象最常用的方法是使用 Object 阅读全文

posted @ 2018-08-06 15:28 阿琛阅读(524) 评论(0) 推荐(0)