Lyanm's Blog
Home
Archives
Categories
About
Sharing
DOM事件
DOM事件1、事件级别 DOM0:element.onclick = function(){} DOM2:element.addEventListener(‘click’, function(){}, false) DOM3:element.addEventListener(‘keyup’, function(){}, false) 注意:没有 DOM1是因为标准制定的时候没有涉及 DOM事件,
2020-07-13
JavaScript
盒子模型
盒子模型一、概念一个盒子包括:外边距、边框、内边距和实际内容。 二、标准盒子与 IE 盒子标准盒子宽高 = content IE盒子宽高 = content + padding + border //设置标准盒子,默认 box-sizing: content-box; //设置IE盒子 box-sizing: border-box; 三、获取宽/高// 只能获取内联样式设置的宽
2020-07-13
CSS
水平垂直居中的方法
水平垂直居中的方法一、absolute + 负margin<div class="out"> <div class="inner">12345</div> </div> <style type="text/css"> .out{ position: relative; width: 300px;
2020-07-13
CSS
页面布局
页面布局多种方式实现三栏布局 一、float布局<section class="layout float"> <style type="text/css" media="screen"> .layout.float .wrapper>div { min-height: 100px; } .
2020-07-13
CSS
设计模式(一)
设计模式(一)零、原则S – Single Responsibility Principle 单一职责原则 一个程序只做好一件事 如果功能过于复杂就拆分开,每个部分保持独立 O – OpenClosed Principle 开放/封闭原则 对扩展开放,对修改封闭 增加需求时,扩展新代码,而非修改已有代码 L – Liskov Substitution Principle 里氏替换原则 子
2020-07-07
JavaScript
预处理器
预处理器一、什么是CSS预处理器CSS预处理器会是能让你通过预处理器独有的语法来生成CSS。还增加一些原生CSS不具备的特性,让CSS的结构更加具有可读性且易于维护。帮助更好地组织CSS代码,提高代码的复用率,提升可维护性。但是有学习使用成本。 常见的有Sass、LESS、PostCSS 和 Stylus。 二、Sass1. 变量$side : left; $black : #000 .round
2020-07-06
CSS
应用层协议
应用层协议一、HTTP/HTTPS1. 概况HTTP 是超文本传输协议,它定义了客户端和服务器之间交换报文的格式和方式,默认使用 80 端口。使用 TCP 作为传输层协议。HTTP 是一个无状态的协议,HTTP 服务器不会保存关于客户的任何信息。HTTP 有两种连接模式,一种是持续连接,一种非持续连接。非持续连接指的是服务器必须为每一个请求的对象建立和维护一个全新的连接。持续连接下,TCP 连接默
2020-07-05
Network
异步请求
异步请求一、异步JavaScript中主要有四种异步的实现方式。 1. 回调函数使用回调函数的缺点是,多个回调函数嵌套的时候会造成回调函数地狱,代码耦合度高,不利于代码维护。 2. Promise1)概念: Promise对象是一个构造函数,用来生成Promise实例。 Promise构造函数接受一个函数作为参数,该函数的两个参数分别是resolve和reject。 Promise对象有三种状态
2020-07-05
JavaScript
对DOM和Virtual DOM的理解
对DOM和Virtual DOM的理解一、DOM1. 概念MDN:文档对象模型 (DOM) 是HTML和XML文档的编程接口。它提供了对文档的结构化的表述,并定义了一种方式可以使从程序中对该结构进行访问,从而改变文档的结构,样式和内容。DOM 将文档解析为一个由节点和对象(包含属性和方法的对象)组成的结构集合。简言之,它会将web页面和脚本或程序语言连接起来。 理解:DOM就是对文档(HTML/X
2020-07-05
JavaScript
常见Web攻击和防范
常见Web攻击和防范一、XSS 攻击和防范1. 概念跨站脚本攻击(Cross-site scripting,XSS)是一种安全漏洞,攻击者可以利用这种漏洞注入恶意代码,在用户浏览器上运行,从而盗取用户的信息如 cookie 等。 2. 类型 存储型:恶意代码提交到了网站的数据库中,当用户请求数据的时候,服务器将其拼接为 HTML 后返回给了用户,从而导致了恶意代码的执行。 反射型:攻击者构建了特殊
2020-07-04
Other
1
2
3
Search
×
keyword