- 博客(31)
- 收藏
- 关注
RSS订阅
转载 Lodash
lodash 简介lodash是一套工具库，它内部封装了诸多对字符串、数组、对象等常见数据类型的处理函数。中文文档在此。模块组成Lodash 提供的辅助函数主要分为以下几类： Array，适用于数组类型，比如填充数据、查找元素、数组分片等操作 Collection，适用于数组和对象类型，部分适用于字符串，比如分组、查找、过滤等操作 Function，适用于函数类型，比如节流、延迟...
2018-08-27 19:14:57
1696
转载 ajax工作原理
Ajax工作原理AJAX简介AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面。AJAX...
2018-05-26 22:12:40
136
转载 前后端分离实践
前后端分离实践后端分离并不是什么新鲜事，到处都是前后端分离的实践。然而一些历史项目在从一体化 Web 设计转向前后端分离的架构时，仍然不可避免的会遇到各种各样的问题。由于层出不穷的问题，甚至会有团队质疑，一体化好好的，为什么要前后端分离？说到底，并不是前后分离不好，只是可能不适合，或者说……设计思维还没有转变过来……为什么要前后端分离假设一下，前后端不分离，团队在一起合作，共用一个服务。前端把ht...
2018-05-26 22:10:32
217
转载 npm介绍及常见命令
欢迎来到Altaba的的博客，2017年8月20日相信一个优秀的前端开发工程师如果不知道使用node.js的npm下载插件进行辅助开发都不能跟上前端发展趋势。首先，我来一一带大家踏入前端npm使用道路1、什么是npmnpm（node package manager）nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）NPM是随同NodeJS一起安装的包管理工具，能解决Node...
2018-06-29 14:06:39
262
原创 js判断对象是否为空对象的几种方法
1.将json对象转化为json字符串，再判断该字符串是否为"{}"var data = {};var b = (JSON.stringify(data) == "{}");alert(b);//true2.for in 循环判断var obj = {};var b = function() {for(var key in obj) {return false;}return true;}aler...
2018-06-26 13:20:58
278
转载 vue指令大全
我之前学了学angular 发现angular和vue的指令有点类似先说一下new Vue({ el: "#box", // element（元素） 当前作用域 data(){ return { //用return返回对象 msg: "122" } ...
2018-06-25 22:17:37
232
转载 Vue2.0 探索之路——生命周期和钩子函数的一些理解
前言在使用vue一个多礼拜后，感觉现在还停留在初级阶段，虽然知道怎么和后端做数据交互，但是对于mounted这个挂载还不是很清楚的。放大之，对vue的生命周期不甚了解。只知道简单的使用，而不知道为什么，这对后面的踩坑是相当不利的。因为我们有时候会在几个钩子函数里做一些事情，什么时候做，在哪个函数里做，我们不清楚。于是我开始先去搜索，发现vue2.0的生命周期没啥文章。大多是1.0的版本介绍。最后还...
2018-06-20 14:29:48
158
原创 js的BOM
BOM（Browser Object Model），浏览器对象模型，是将我们使用的浏览器抽象成对象模型，例如我们打开一个浏览器，会呈现出以下页面，通过js提供浏览器对象模型对象我们可以模拟浏览器功能。例如，在浏览器地址栏输入地址，敲击回车这个过程，我们可以使用location对象进行模拟。在例如，浏览器中的前进和后退按钮，我们可以使用history对象模拟。当然除此...
2018-06-14 17:49:15
179
转载 ES6/7/8新特性Promise,async,await,fetch带我们逃离异步回调的深渊
Promise: 在ES6以前如果我们需要在js中进行异步处理，大多数都是通过使用回调函数的方式来解决问题，如果简单的异步处理，回调函数的方式看起来还是比较优雅的，逼格还有点高，但是如果异步操作很多，回调嵌套就很深，代码看起来就会特别别扭，维护起来成本也会变高这个时候ES6带来Promise这个新特性，这个方法很好的解决了深层次异步嵌套的问题，我们在写代码的时候可以采用类似linux流式的书写方式...
2018-06-07 20:05:38
404
原创 一个页面从输入url到页面加载完成究竟经历了些什么
本人经参考谢希仁著《计算机网络（第 5版）》、《HTTP权威指南》和网络上关于浏览器渲染原理的介绍，结合自己理解，整理出以下结论，如有不正确或者不完善之处欢迎指正：当用户在浏览器的地址栏输入要找的页面的url后，如输入http://www.tsinghua.edu.cn/chn/yxsz/index.html，具体发生了以下步骤：1、浏览器向DNS服务器请求解析www.tsinghua.edu.c...
2018-06-07 09:33:00
883
原创 ES6 Promise
在JavaScript的世界中，所有代码都是单线程执行的。由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。异步执行可以用回调函数实现：异步操作就是在将来的某个时间点触发一个函数调用。Promise对象定义：var promise = new Promise(function(resolve, reject){ //执行代码 business co...
2018-06-06 23:00:59
210
转载 CSS布局说——可能是最全的
前言现在，我们被称为前端工程师。然而，早年给我们的称呼却是页面仔。或许是职责越来越大，整体的前端井喷式的发展，使我们只关注了js，而疏远了css和html。其实，我们可能经常在聊组件化，咋地咋地。但是，回过头来思考一下，如果你看到一张设计稿的时候，连布局都不清不楚，谈何组件化呢。所以，我们需要在分清楚组件之前，先来分清楚布局。废话说了这么多，只是想告诉你，布局这个东西真的很重要。本篇内容概括了布局...
2018-06-06 22:43:31
275
原创 js的sort()方法
如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。array.sort()方法默认是升序排序，如果想按照其他标准进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下：若 a...
2018-06-06 21:49:52
165
原创 有关各浏览器内核的区别
浏览器是我们每天几乎都必须使用的软件产品，可是对于自己每天都接触的浏览器，很多同学其实对其一无所知。今天异次元就跟大家说说关于浏览器内核的一些事儿吧，好让你了解多一点稍微内在的东西。在下面的文章中主要介绍一些常见的浏览器内核和JavaScript引擎，部分内容来自于我在网上找到的资料，还有一些是我自己的理解，不保证完全正确，但是大致应该是没错的。如果有误，请指正……一、浏览器内核 (排版引擎/渲染...
2018-06-06 21:22:28
2398
原创 HTML 行内元素和块级元素
行内元素（inline elements）和块级元素（block-level elements）行内元素：a、abbr、acronym、b、big、br、cite、code、dfn、em、font、i、img、input、kbd、label、q、samp、select、small、span、s、del、strike、strong、sub、sup、textarea、tt、u、var等块级元素：add...
2018-06-03 22:35:42
221
原创 Doctype作用？严格模式与混杂模式如何区分？它们有何差异？
一、Doctype作用是什么？<!DOCTYPE>声明叫做文件类型定义（DTD），声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。<!DOCTYPE>声明必须在 HTML 文档的第一行，这并不是一个 HTML 标签。二、严格模式与混杂模式如何区分？它们有何意义？严格模式：又称标准模式，是指浏览器按照 W3C 标准解析代码。混杂模式：又称怪异...
2018-06-03 22:26:13
157
转载 前端面试题整理汇总100题
1.一些开放性题目1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。2.项目介绍3.如何看待前端开发？4.平时是如何学习前端开发的？5.未来三到五年的规划是怎样的？position的值， relative和absolute分别是相对于谁进行定位的？absolute :生成绝对定位的元素， 相对于最近一级的 定位不是 static 的父元素来进行定位。...
2018-06-03 21:56:05
930
转载 前端面试题（2018）
Q：什么情况下会碰到跨域问题？有哪些解决方法？跨域问题是这是浏览器为了安全实施的同源策略导致的，同源策略限制了来自不同源的document、脚本，同源的意思就是两个URL的域名、协议、端口要完全相同。script标签jsonp跨域、nginx反向代理、node.js中间件代理跨域、后端在头部信息设置安全域名、后端在服务器上设置cors。$.fn是什么意思？$.fn是指jquery的命名空间，加上f...
2018-06-03 20:45:54
2020
原创 css 盒子模型理解
盒子模型是html+css中最核心的基础知识，理解了这个重要的概念才能更好的排版，进行页面布局。下面是自己积累和总结的关于css盒子模型的知识^_^，希望对初学者有用。一、css盒子模型概念CSS css盒子模型 又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如图：图中最内部的框是元素的实际内...
2018-06-03 16:37:20
412
1
原创 【javascript常见面试题】常见前端面试题及答案
前言本文是在GitHub上看到一个大牛总结的前端常见面试题，很多问题问的都很好，很经典、很有代表性。上面没有答案，我就整理了一下，从网上找了一些相关问题的答案。里面有一部分问题的答案我也没有进行考证，不少答案都来源于网络，或许会有疏漏之处，仅供大家参考哦！(还有一部分问题答案还未整理，大家也可以自己搜索一下答案)1.你能描述一下渐进增强和优雅降级之间的不同吗?优雅降级：Web站点在所有新式浏览器中...
2018-06-03 00:31:30
1657
转载 WebSocket 教程
一、为什么需要 WebSocket？初次接触 WebSocket 的人，都会问同样的问题：我们已经有了 HTTP 协议，为什么还需要另一个协议？它能带来什么好处？答案很简单，因为 HTTP 协议有一个缺陷：通信只能由客户端发起。举例来说，我们想了解今天的天气，只能是客户端向服务器发出请求，服务器返回查询结果。HTTP 协议做不到服务器主动向客户端推送信息。这种单向请求的特点，注定了如果服务器有连续...
2018-05-27 22:15:24
884
转载 Html标签总结（一）
接着上次的Html接触，下面是html标签比较全的总结.<font></font>标签:<font color="red" size="6" face="隶书">将这几个文字变成红色、6号大小和字体为楷体 </font>这几个字会被<b>加粗</b></br&g
2018-05-27 22:12:44
233
转载 JS拾荒の字符串
普通字符串拼接的问题模板字符串的简单实现字符串模板中的标签函数ejs模板引擎核心原理什么是模板引擎设计思路实现字符串常用方法startsWithendsWithincludespadStartjs字符串小记，相关备忘，保持更新中...普通字符串拼接的问题普通字符串拼接时候一串字符里不能换行(对应的模板字符串中是能的)let str = '我是一串普通的字符串'; //此处进行了换行，会报错...
2018-05-27 22:09:19
145
原创 Koa 框架教程
Node 主要用在开发 Web 应用。这决定了使用 Node，往往离不开 Web 应用框架。Koa 就是一种简单好用的 Web 框架。它的特点是优雅、简洁、表达力强、自由度高。本身代码只有1000多行，所有功能都通过插件实现，很符合 Unix 哲学。本文从零开始，循序渐进，教会你如何使用 Koa 写出自己的 Web 应用。每一步都有简洁易懂的示例，希望让大家一看就懂。零、准备首先，检查 Node ...
2018-05-27 22:07:16
224
原创 ES6 标准
第一章：let ,const 命令以及块级作用域 es6 新增了 let 和 const 这两个变量的声明关键字，这样大大的强化了 js 变量的合理程度以及修补了很多es6 版本前出现的bug。他们有着以下的特性： 一：let 的声明 1.1 用let 声明的变量会将变量绑定到声明时所属的语句块中，并且语句块外部不可访问 例如下面这个例子：for (let i = 0; i < 1...
2018-05-27 21:54:50
305
原创 Vue.js入门
使用vue.js原文介绍：Vue.js是一个构建数据驱动的web界面库。Vue.js的目标是通过尽可能简单的API实现响应式数据绑定和组合的视图组件。vue.js上手非常简单，先看看几个例子：回到目录 例一：Helloworld回到目录 html代码：回到目录 <div id="app"> {{ message }}</div>回到目录 j...
2018-05-27 21:50:30
312
原创 浅谈vue的一些看法
vue浅谈vue 综合了angualr和react的优点，是国人写的框架，易上手，轻量级，受到广泛的应用。极小的模板语法vue 默认的语法是极小的，精炼的，可扩展的。就像vue的很多方面，不使用标准模板语法是一件很简单的事，而且可以使用jsx这种语法（官方文档中说明改如何做），但说实话，我不知道你为什么会想这么做。对于JSX的好处，也有一些说的对的，比如模糊查询javascript和html的界限...
2018-05-26 22:22:26
5761
转载 下载激活IntelliJ IDEA
下载激活IntelliJ IDEA一、下载安装IDEA1、点击下载ideaIU软件2、安装idea二、下载插件1、点击下载JetbrainsCrack-2.6.10.jar插件2、将JetbrainsCrack-2.6.10.jar放在idea的安装目录bin下面，如图1-1所示 图1-1 ieda的bin目录三、修改配置文件1、修改idea.exe.vmoptions 图2-1 idea.e...
2018-05-26 22:20:59
355
原创 浅谈javascript 设计模式
浅谈javascript设计模式javacript共有23种设计模式 分别如下:单例模式构造函数模式建造者模式工厂模式装饰者模式外观模式代理模式观察者模式策略模式命令模式迭代器模式享元模式适配器模式组合模式模板模式状态模式桥接模式中介折模式模式介绍单例模式模式介绍划分命名空间，组织代码（唯一的访问点）。减少全局变量模块间通信使用场景及注意事项代码格式清晰可见注意this 的使用闭包容易造成内存泄漏...
2018-05-26 22:19:11
290
原创 EChart 如何设置多组数据对比
展示效果如下图所示：后台代码@RequestMapping("timeChartData") public void timeChartData(HttpServletRequest request,HttpServletResponse response){ String year1 = req.getValue(request, "year1"); String userId1 = req...
2018-05-26 22:17:07
1531
原创 CommonJS简介及模块标准
JavaScript早期主要用于基于浏览器的应用，随着NodeJS的应用，JavaScript被大量应用于服务端应用。但因为客户端和服务端的不同，需要写多份不同的代码以适应客户端和服务端的不同。CommonJS是一种思想，它的终极目标是使应用程序开发者根据CommonJS API编写的JavaScript应用可以在不同的JavaScript解析器和HOST环境上运行。目前，有四大平台支持Commo...
2018-05-26 22:01:20
296
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人