前端
Langnang
这个作者很懒,什么都没留下…
展开
-
前端之浏览器
前端之浏览器原创 2020-10-13 16:20:31 · 979 阅读 · 0 评论 -
前端之HTTP协议
HTTP协议HTTP 简介HTTP 工作原理注意事项HTTP 消息结构客户端请求消息服务器响应消息实例HTTP请求方法HTTP 响应头信息HTTP 状态码HTTP状态码分类HTTP状态码列表:HTTP content-typeHTTP content-type 对照表HTTP 简介HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(W...原创 2019-05-23 10:26:27 · 718 阅读 · 0 评论 -
JavaScript之封装Date函数
JavaScript之封装Date函数Date 对象方法Date 对象会自动把当前日期和时间保存为其初始值。Date 对象方法Date() 返回当日的日期和时间。getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。getMonth() 从 Date 对象返回月份 (0 ~ 11)。...原创 2019-05-21 22:38:45 · 247 阅读 · 0 评论 -
RequireJS解析与基本配置
RequireJS解析与基本配置介绍模块化加载js代码安装Browsers:<script type="text/javascript" src="js/plugins/require/require.js" data-main="js/main.js">NPM:基本配置main.jsrequire.config({ // 所有模块的查找根路径。即默认加载的模...原创 2019-05-22 10:45:09 · 633 阅读 · 0 评论 -
Select2 使用总结
Select2使用总结介绍定位功能前提使用版本功能初始化修改宽度多选占位符自定义选择样式介绍Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.定位下拉框 多选框功能单选 多...原创 2019-05-22 10:45:47 · 388 阅读 · 0 评论 -
ES6之变量的解构赋值
ES6之变量的解构赋值数组的解构赋值基本用法默认值对象的解构赋值数组的解构赋值基本用法ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。以前,为变量赋值,只能直接指定值。var a = 1;var b = 2;var c = 3;ES6允许写成下面这样。var [a, b, c] = [1, 2, 3];上面代码表示,...转载 2019-05-22 11:16:41 · 1181 阅读 · 0 评论 -
ES6之Iterator和for...of循环
ES6之Iterator和for...of循环转载 2019-05-22 17:31:15 · 778 阅读 · 0 评论 -
前端开发
前端开发浏览器HTTP协议HTMLCSSJavaScriptAjaxNodejs数据库小程序AngularVueReact浏览器概念作用工作方式页面加载流程HTTP协议产生原因作用内容HTMLhtmlhtml5浏览器如何解析html基本语法规则标签的使用方式、嵌套方式h5 的多线程、事件推送、前端存储、canvas、历史记录等CSScsscss3...原创 2019-05-27 10:25:04 · 179 阅读 · 0 评论 -
JavaScript之函数的创建和调用
JavaScript之函数的创建和调用创建函数函数声明函数表达式(存储在变量中)构造函数(可自调)调用函数函数方法构造函数函数方法创建函数函数声明函数声明:这种定义方式下,函数不属于任何对象,但是在js中,它始终是默认的全局对象;函数可以先调用,因为在js的最顶层,都有一个预编译处理机制function fun(){ console.log(1); // return this; ...转载 2019-05-28 10:06:15 · 677 阅读 · 0 评论 -
JavaScript之构造函数
JavaScript之构造函数1.什么是构造函数2.为什么要使用构造函数3.构造函数的执行过程4.构造函数的返回值大家都知道原型和原型链是 JavaScript 中最经典的问题之一,而构造函数又是原型和原型链的基础,所以先了解清楚构造函数以及它的执行过程可以更好地帮助我们学习原型和原型链的知识。本文将从以下几个方面来探讨构造函数:1.什么是构造函数2.为什么要使用构造函数3.构造函数...转载 2019-05-28 13:27:55 · 992 阅读 · 0 评论 -
JavaScript之原型和原型链
JavaScript之原型对象一、为什么要使用原型对象二、如何使用原型对象三、绘制 构造函数——原型对象——实例 关系图一、为什么要使用原型对象通过对构造函数的了解,我们知道:function Person(name, age) { this.name = name; this.age = age;}var p1 = new Person('Tom', 18);va...转载 2019-05-28 13:46:58 · 314 阅读 · 0 评论 -
JavaScript之自执行函数
JavaScript之自执行函数什么是自执行函数实例什么是自执行函数一种理解是,自执行即自动执行,也就是所谓的立即执行函数。还有一种理解,即自执行函数是在函数内部执行函数本身,即我们平时常说的递归函数。实例(function(){.......}())上面的代码:外面的一个括号,是直接获取返回值,里面的执行一次(function(){......})() 上面的代码...原创 2019-05-24 09:19:06 · 1482 阅读 · 0 评论 -
JavaScript之封装Math函数
JavaScript之封装Math函数原创 2019-05-21 22:31:40 · 1373 阅读 · 0 评论 -
JavaScript之封装String函数
JavaScript之封装字符串函数去除空格使用replace正则匹配使用str.trim()方法去除空格使用replace正则匹配在这里插入代码片使用str.trim()方法原创 2019-05-21 22:33:24 · 156 阅读 · 0 评论 -
CSS之Flex布局(伸缩布局盒模型)
CSS之Flex布局(伸缩布局盒模型)Flex 布局基础概念容器的属性flex-direction属性flex-wrap属性flex-flowjustify-content属性align-items属性align-content属性项目的属性order属性flex-grow属性flex-shrink属性flex-basis属性flex属性align-self属性Flex 布局Flex是Flex...转载 2019-05-21 21:53:16 · 149 阅读 · 0 评论 -
HTML
什么是HTML?HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言,而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 是用来描述网页的一种语言。HTML 标签HTML 标签是由尖括号包围的关键词,比如 &lt;...原创 2018-11-22 23:14:46 · 109 阅读 · 0 评论 -
JavaScript之封装Ajax函数
JavaScript之封装Ajax函数/** * 封装Ajax函数 * @param {string} opt.url 发送请求的url * @param {string} opt.method http连接的方式,包括POST和GET两种方式 * @param {boolean} opt.async 是否为异步,true为异步,false为同步 * @param {object} o...原创 2019-05-21 13:27:31 · 247 阅读 · 0 评论 -
ES6之let和const命令
ES6之let和const命令var、let、const对比命名变量提升暂时性死区重复声明改变vartruetruetruelettruetrueconsttruelet命令基本用法ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。推荐适用范围块级作用域...原创 2019-05-21 16:33:41 · 1202 阅读 · 0 评论 -
JavaScript之封装判断数据类型函数
JavaScript之封装判断数据类型函数判断是否是数组判断是否是函数判断是否是数组var isArra=(arr=[])=>{ return Object.prototype.toString.call(arr)==="[object Array]";}判断是否是函数var isFunction_1=(fn)=>{ return Object.prototype...原创 2019-05-21 14:10:13 · 669 阅读 · 0 评论 -
JavaScript之封装Array函数
JavaScript之封装数组函数数组去重数组中出现次数最多的元素数组搜索最大值&&最小值数组去重var distinct=(arr=[])=>{ let newArr=[]; for (let i = 0; i < arr.length; i++) { if (newArr.indexOf(arr[i]) == -1) { ...原创 2019-05-21 14:29:07 · 534 阅读 · 0 评论 -
ES6之推荐书籍
ES6之推荐书籍深入理解ES6es6标准入门实战ES2015:深入现代JavaScript 应用开发原创 2019-05-21 15:40:18 · 4082 阅读 · 0 评论 -
JavaScript之变量提升
JavaScript之变量提升JavaScript 变量提升JavaScript 初始化不会提升避免变量提升JavaScript 变量提升在JavaScritp中,函数和变量的声明都将被提升到函数的最顶部。在JavaScript中,变量可以在使用后声明,也就是变量可以先使用在声明。console.log(x);// undefinedvar x;console.log(x);// un...原创 2019-05-21 16:18:48 · 326 阅读 · 0 评论 -
ES6之编程风格
ES6之编程风格块级作用域let取代var全局常量和线程安全字符串解构赋值对象数组函数Map结构Class模块ESLint的使用块级作用域let取代varES6提出了两个新的声明变量的命令:let和const。其中,let完全可以取代var,因为两者语义相同,而且let没有副作用。var命令存在变量提升效用,let命令没有这个问题。全局常量和线程安全在let和const之间,建议优先使...转载 2019-05-21 17:47:17 · 104 阅读 · 0 评论 -
JavaScript之浅拷贝与深拷贝
JavaScript之浅拷贝与深拷贝浅拷贝深拷贝如何区分深拷贝与浅拷贝,简单点来说,就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝,拿人手短,如果B没变,那就是深拷贝,自食其力。浅拷贝let a = [1, 2, 3, 4, 5];let b = a;console.log(a===b);// trueb[0]=6;console.log(a==...原创 2019-05-22 10:34:38 · 393 阅读 · 0 评论 -
CSS之栅格系统
CSS之栅格系统响应式设计栅格系统栅格系统的实现ContainerRowColumnResponsive响应式设计在谈论栅格系统之前,我们先了解一下,响应式设计。简单来说,我们在设计的页面的时候,并不知道我们的页面会在什么设备呈现,为了在不同的设备上有最好的呈现效果,我们需要作出一些响应和调整。响应式 Web 设计(Responsive Web design)的理念是,页面的设计与开发应当根...原创 2019-05-21 21:34:14 · 541 阅读 · 0 评论 -
CSS
推荐网站W3school CSS 教程W3school CSS3 教程推荐书籍参考手册W3school CSS 参考手册原创 2018-11-22 23:14:15 · 110 阅读 · 0 评论