![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端相关
文章平均质量分 84
zhouyl02
这个作者很懒,什么都没留下…
展开
-
三层架构、MVC、MVP、MVVM简介
1. 三层架构原创 2018-10-02 18:00:09 · 1142 阅读 · 0 评论 -
移动端的适配方案
1. 首先使用meta viewport进行适配<meta name=“viewport” content=“width=device-width, initial-scale=1, maximum-scale=1”>2. 媒体查询(响应式布局)link元素中的CSS媒体查询<link rel=“stylesheet” media="(max-w原创 2018-10-03 08:34:55 · 441 阅读 · 0 评论 -
JavaScript中的数组
1.基本类型和复杂类型的一个区别1.1基本数据类型:以number类型为例Number(xxx) //报错,Error: xxx is not definedNumber('xxx') //NaN,NaN是非数值,一个特殊的数值Number(1) //1 一个单纯的数字Number('1') //1 一个单纯的数字new Num...原创 2018-09-21 14:08:02 · 201 阅读 · 0 评论 -
异步,同步,回调以及异步编程
1.异步2.同步3.回调原创 2018-10-03 23:35:16 · 347 阅读 · 0 评论 -
JavaScript中的函数
1.函数的五种声明1.1具名函数function f(x,y){ return x + y}f.name // 'f'1.2匿名函数var f = function (x,y){ return x + y}f.name // 'f'1.3具名函数赋值var f = function f2(x,y){ return x + y}f.name // 'f2'c...原创 2018-09-21 16:58:19 · 326 阅读 · 0 评论 -
SCSS 入门
1. 入门就是demoI hear and I forget,I see and I remember,I do and I understand!2. 用SCSS语法做两个炫酷按钮SCSS(SASS)就是高级的CSS,即在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级...原创 2018-10-04 12:02:07 · 246 阅读 · 0 评论 -
Parcel入门
1. 安装 parcelcd ~/Desktopmkdir xxxcd xxxnpm init -ynpm install --save-dev parcel-bundler2. 新建文件创建如下目录结构xxx    |-- index.html    |--原创 2018-10-04 12:29:06 · 1000 阅读 · 0 评论 -
webpack入门
1. 创建环境创建一个webpack-demo的目录,该目录下有五个文件:index.htmlapp.jsmodule-1.jsmodule-2.jsindex.scsscd ~/Desktopmkdir webpack-democd webpack-demotouch index.html app.js module-1.js index.scssnpm init// ...原创 2018-10-04 15:20:29 · 201 阅读 · 0 评论 -
揭秘this、call、apply和bind
1.this1.1 this 到底是什么?this 就是 call 方法传递的 第一个参数 接下来给出转换公式:fn(x) <=> fn.call( undefined , x)在 严格模式(‘use strict’) 下this 就是的 undefined,非严格模式下,浏览器会默认把undefined 变成 windowa.b.c. fn(x) <=&g...原创 2018-10-02 16:23:02 · 424 阅读 · 0 评论 -
揭秘输入URL到页面加载
一道前端著名的面试题:一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么?1. 浏览器接收URLURL是什么?Uniform Resource Locator,统一资源定位符,它是由如下部分组成:协议(或称为服务方式)+主机IP地址+主机资源的具体地址拓展:URI:Uniform Resource Identifier,在某一规则下把一个资源独一无二地标识出来URN...原创 2018-09-24 18:34:45 · 244 阅读 · 0 评论 -
命令行基础
常用命令行基础 缩写 全写 命令 mkdir make directory 创建目录 touch 创建文件或更新文件时间属性 echo echo “hi” > 1.txt ...原创 2018-08-28 19:10:06 · 126 阅读 · 0 评论 -
github 和 git 的使用
一. 配置GitHub进入 https://github.com/settings/keys title随便写就可以 运行代码ssh-keygen -t rsa -b 4096 -C "我的邮箱" 运行 cat ~/.ssh/id_rsa.pub,得到一串东西,复制粘贴到key里,点击 Add SSH key 回到git bash,运行 ssh -T git@github.com ...原创 2018-08-28 19:23:21 · 132 阅读 · 0 评论 -
HTTP的响应和请求
1.服务器与浏览器的交互本地的浏览器向服务器发起请求,服务器一般在80端口接受请求,服务器之后返回内容(响应),浏览器下载响应内容。超文本传输协议(HTTP,HyperText Transfer Protocol)在上述过程中指导浏览器和服务器如何进行沟通。 2.HTTP的状态码1XX系列:这一类型的状态码,代表请求已被接受,需要继续处理。这类响应是临时响应,除非试验条件下,否...原创 2018-08-28 20:26:56 · 281 阅读 · 0 评论 -
HTML常用标签介绍
1.常用英文介绍URL(Uniform Resource Locator):统一资源定位符HTML(HyperText Markup Language):超文本标记语言HTTP(HyperText Transfer Protocol):超文本传输协议DNS(Domain Name System):域名系统2.HTML元素查询W3C官方文档,一个高冷的文档 MDN,Mozi...原创 2018-08-30 10:47:54 · 120 阅读 · 0 评论 -
CSS的常用布局以及小技巧
1.CSS(Cascading Style Sheets)层叠样式表CSS 是开放网络的核心语言之一,由 W3C 规范 进行标准化。CSS 被分为不同等级:CSS1 现已废弃, CSS2.1 是推荐标准, CSS3 分成多个小模块且正在标准化中。各个模块都在不断升级中,CSS文档2.常见居中处理方式2.1垂直居中a、若父元素没有写height,则直接在父元素写padding: ...原创 2018-09-02 14:32:26 · 218 阅读 · 0 评论 -
JS基本数据类型
1. 数据类型分类JavaScript数据类型可分为6种简单数据类型(基本数据类型)和1种复杂数据类型(Object)2. 6 种基本数据类型2.1 Number类型十进制:10 = 10 二进制:0b 11 = 3 八进制:0 70 = 56 十六进制:0x A = 102.2 String 类型‘你好’ === “你好” ‘’ 空字符串,长度为0 ‘ ’ ...原创 2018-09-17 10:23:11 · 184 阅读 · 0 评论 -
jQuery揭秘
1. jQuery 是什么jQuery是JavaScript的一个库,包含很多可复用的函数,也就是一个特殊的 API2. jQuery 的引入a. 在jQuery官网下载相应的版本,用&amp;lt;script&amp;gt;标签在Html文档中引用b. 通过CDN使用 如用微软提供的&amp;lt;script src=“http://ajax.aspnetcdn.com/ajax/jQuery/jquer...原创 2018-09-23 14:14:08 · 187 阅读 · 0 评论 -
JS中的原型和原型链
#原创 2018-09-18 20:22:32 · 160 阅读 · 0 评论 -
DOM与虚拟DOM
1. DOM(Document Object Model)2018年通用版本是 DOM 3DOM的作用:对Html文档进行增删改查DOM文档树:(Object =&amp;amp;amp;gt;)祖先 Node =&amp;amp;amp;gt;Document创建Html标签;Text 创建文本;Element 创建其他元素标签;Comment 创建注释…2. Node 接口2. 1 属性childNodes //获取的...原创 2018-09-21 21:09:43 · 1871 阅读 · 0 评论