Ni_dhogg的博客

转载 2018年最具就业前景的7大编程语言

软件开发是一个动态的领域。新的编程语言、框架和技术陆续出现，流行，然后消失。开发者需要不断学习新技能，掌握企业发展所需要的新技术才能不被淘汰。近日，Coding Dojo 分析了来自Indeed.com求职网站上的二十五种编程语言，栈和框架，分析得出2018年最具前景的7门编码语言。2018年最具就业前景的7大编程语言：Java、Python、Java、C++ ...

转载 java面试整理

1、面向对象的特征有哪些方面？ 答：面向对象的特征主要有以下几个方面： - 抽象：抽象是将一类对象的共同特征总结出来构造类的过程，包括数据抽象和行为抽象两方面。抽象只关注对象有哪些属性和行为，并不关注这些行为的细节是什么。 - 继承：继承是从已有类得到继承信息创建新类的过程。提供继承信息的类被称为父类（超类、基类）；得到继承信息的类被称为子类（派生类）。继承让变化中的软件系统有了一定的

转载 什么是虚拟DOM

1.为什么需要虚拟DOMDOM是很慢的，其元素非常庞大，页面的性能问题鲜有由js引起的，大部分都是由DOM操作引起的。如果对前端工作进行抽象的话，主要就是维护状态和更新视图；而更新视图和维护状态都需要DOM操作。其实近年来，前端的框架主要发展方向就是解放DOM操作的复杂性。在jQuery出现以前，我们直接操作DOM结构，这种方法复杂度高，兼容性也较差；有了jquery强大的选择器以

转载 WebAPP与原生APP的交互设计区别

WebAPP和原生APP同为移动端，很少有研究这两项的交互区别，最近公司做了一次从原生APP到WebAPP（HTML5 ）的移植，故总结一下期间遇到的问题及不同点总结。从使用场景上，WAP用户面临比APP用户更严峻的问题：1、页面跳转更加费力，不稳定感更强思考点：如何减少跳转（扁平结构、页面布局技巧），增加数据及展示的流畅流程及稳定性（技术）2、更小的页面空间（由于

原创 JavaScript 模块化开发历程

# JavaScript 模块化开发方式简单化实现    + 模块与模块之间相互协作构成了模块系统- 程序模块化开发的优点    + 开发效率高        * 代码方便重用，别人开发的模块直接拿过来就可以使用，不需要重复开发类似的功能    + 可维护性高        * 软件的声明周期中最长的阶段其实并不是开发阶段，而是维护阶段，需求变更比较

转载 2016年开源前端框架盘点TOP20

2016年开源前端框架盘点TOP201、名称：Bootstrap类别/语言：HTML、CSS、JavaScript创建者： Twitter人气：在Github上有91007 stars描述：主流框架中毋庸置疑的老大，Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。核心概念/原则: RWD 和移动优先制。

转载 前端模块化开发的价值

随着互联网的飞速发展，前端开发越来越复杂。本文将从实际项目中遇到的问题出发，讲述模块化能解决哪些问题，以及如何使用 Sea.js 进行前端的模块化开发。恼人的命名冲突我们从一个简单的习惯出发。我做项目时，常常会将一些通用的、底层的功能抽象出来，独立成一个个函数，比如function each(arr) { // 实现代码}function log(str) { //

原创 面向对象娱乐版Tab栏切换

function Tab(id,tagDiv,tagLi){this.con = document.getElementById(id);this.div = Array.apply([],this.con.getElementsByTagName(tagDiv));this.li = Array.apply([],this.con.getElementsByTagName(tagLi

转载 Git命令大全

$ git init  // 初始化一个Git仓库$ git status   // 查看仓库的状态$ git add .   // 将所有修改添加到暂存区$ git add *  // Ant风格添加修改$ git add *Controller   // 将以Controller结尾的文件的所有修改添加到暂存区$ git add Hello*   // 将所有以Hello开

转载 实例分析 JavaScript 作用域

作用域模型作用域有两种常见的模型：词法作用域(Lexical Scope，通常也叫做 静态作用域) 和 动态作用域(Dynamic Scope)。其中词法作用域更常见，被 JavaScript 等大多数语言采用。首先了解一下这两种模型的说明：词法作用域：词法作用域是指在词法分析阶段就确定了，不会改变。变量的作用域是在定义时决定而不是执行时决定，也就是说词法作用域取决

原创 Sublime Text3 插件安装失败解决方案

前段事件因为错误操纵,把sublime卸载了,从新安装后,发现无法安装插件,在试验了4中解决方案后,发现下面是正确的;1、大家都说的ipv6问题据说，这个是因为我们服务器不支持ipv6网址，但是我很好奇sublime为啥会用到ipv6（这个求解大神），除了校园网以外支持ipv6使用的应该很少，而且修改所谓的host文件也不会影响ipv6吧。但是不管怎么说，这个方法解决一次这个问题。

转载 Sublime text3 添加代码片段

创建方法：Tools （工具）> Developer > New Snippet（新片段）此时，会出现如下代码：  其中，content中由CDATA包裹起来的部分是我们要插入的代码片段，可选;tabTrigger是我们tab键触发的自动补全代码功能的一个名字，可选;scope，可选，使用范围，不填写代表对所有文件有效。附：source.css和te

翻译 React 15.5带来重大修改

Facebook发布了React 15.5，给开发人员足够的时间来调整和适应版本16的重大变化。Andrew Clark在一篇 博文 中公布了将在主程序包中弃用 React.PropTypes 和 React.createClass 两个特性。为了准备版本16，同时作为一种改善未来代码规模的方法，他们已经将这两个特性移到了它们自己的程序包中。目前，如果开发人员在主程序包中使用了其中

原创 AMD与CMD规范区别

AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。类似的还有 CommonJS Modules/2.0 规范，是 BravoJS 在推广过程中对模块定义的规范化产出。还有不少⋯⋯这些规范的目的都是为了 JavaScript 的模块化开发，特别是在浏览器端的。目前这些规范的实现都能达成浏览器端模块化开发

转载 前端自动化Gulp工具常用插件

npm init命令初始化当前文件夹后，在当前文件夹新建gulpfile.js文件。当前目录下的所有操作流都在gulpfile.js文件中定义。gulp自动化gulp-uglify （JS压缩）gulp-uglify安装:npm install --save-dev gulp-uglifygulp-uglify用来压缩js文件，使用的是uglify引擎。va

转载 webpack入门指南

什么是 webpack？webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。我们可以直接使用 require(XXX) 的形式来引入各模块，即使它们可能需要经过编译（比如JSX和sass），但我们无须在上面花费太多心思，因为 webpack 有着各种健全的加载器（loader）在

原创 面试题整理

本文总结了一些优质的前端面试题（多数源于网络），初学者阅后也要用心钻研其中的原理，重要知识需要系统学习，透彻学习，形成自己的知识链。万不可投机取巧，只求面试过关是错误的！面试有几点需注意：面试题目： 根据你的等级和职位变化，入门级到专家级：范围↑、深度↑、方向↑。题目类型： 技术视野、项目细节、理论知识题，算法题，开放性题，案例题。进行追问： 可以确

原创 面向对象框架封装思路

面向对象框架封装思路1:首先实现需要功能函数;2:创建获取伪数组函数为构造函数;3:添加隐藏NEW关键函数,本质为调用构造函数,也是对外接口函数;4:安全性考虑,只暴露接口函数,但是为了函数的拓展性,将构造函数设置为接口函数的原型属性成员,这样就能通过接口函数的原型属性访问构造函数,同时为接口函数的原型属性添加已实现的功能函数;5:构造函数的原型属性指向接口函数的原型属性,这样

转载 Handlebars基础

Handlebars 为你提供了一个可以毫无挫折感的高效率书写 语义化的模板 所必需的一切。Mustache 模板和 Handlebars 是兼容的，所以你可以把Mustache模板拿来导入到Handlebars中，并开始使用Handlebars所提供的更丰富的功能。开始Handlebars模板看起来就像是正常的Html，并使用了嵌入的 handlebars 表达式。 {{ti

转载 gulp入门指导

简介：gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。gulp是基于Nodejs的自动任务运行器， 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的

转载 前端模块化开发的价值

前端模块化开发的价值随着互联网的飞速发展，前端开发越来越复杂。本文将从实际项目中遇到的问题出发，讲述模块化能解决哪些问题，以及如何使用 Sea.js 进行前端的模块化开发。恼人的命名冲突我们从一个简单的习惯出发。我做项目时，常常会将一些通用的、底层的功能抽象出来，独立成一个个函数，比如function each(arr) { // 实现代码}function log(

原创 动画函数测试封装

//把 任意对象 的 任意数值属性 改变为 任意的目标值    function animate(obj, json, fn) {        clearInterval(obj.timer);        obj.timer = setInterval(function () {            var flag = true;            for (va

原创 jquery1.7版本核心模块测试封装

(function ( window ) {var arr = [],    push = arr.push,    slice = arr.slice;function Nidhogg( selector ) {    return new Nidhogg.fn.init( selector );}Nidhogg.fn = Nidhogg.pr

转载 node.js学习总结

第一步对于刚接触Node.js的新手来说，第一步无非是打好基础，你需要弄明白以下事情：JavaScript 的特性和语法。假如你对 JavaScript 还不熟悉的话，推荐书籍及链接：JavaScript 推荐书籍列表深入理解JavaScript系列Node.js 是什么？Node.js与JavaScript的区别是什么？Node.js的优点？Node.js的缺点？No

原创 面试题this的指向整理

原创 面试的常见闭包题整理

1:function fun(n,o) { console.log(o) return { fun:function(m){ return fun(m,n); } };}var a = fun(0); a.fun(1); a.fun(2); a.fun(3);//undefined,?,?,?var b = fun(0).fun(1).fun(2

转载 ES7中的异步编程,虽然我ES6还没有学会

Async/Await基本规则async 表示这是一个async函数，await只能用在这个函数里面。await 表示在这里等待promise返回结果了，再继续执行。await 后面跟着的应该是一个promise对象（当然，其他返回值也没关系，只是会立即执行，不过那样就没有意义了…）一个Async/Await例子Async/Await应该是目前最简单的异步方案了，首先来看个例子。

转载 前端程序员需要知道的7种新型的CSS长度单位

众所周知CSS技术我们虽然很熟悉，在使用的过程却很容易被困住，这让我们在新问题出现的时候变得很不利。随着web继续不断地发展，对于新技术新解决方案的要求也会不断增长。因此，作为网页设计师和前端开发人员，我们别无选择，必须熟悉我们手上的工具，做到知己知彼，这样才能百战不殆。这就意味着有那么些个特别的货，虽然平常都不怎么会用上，但是一旦某个地方需要它们了，他们就真的是特么得合适不过来了呢。今儿，我就准

原创 数组去重

关于数组去重的方法非常多,今天带来的是一个基础方法,不涉及数组方法,和this属性.不讨论运行性能优化的问题!var arr =  ['a','b','c','d','e','f','a','b','c','d',];var arr1 = [];//定义空数组;for( var i = 0; i var flag = true;//定义真假标记;for(var j = 0; j

原创 BFC机制关联浮动与脱离标准流

脱离标准流的方式 1:浮动2:绝对定位3:固定定位, 脱离标准流之后定位的元素,会覆盖浮动的元素, 故此定位的比浮动的脱标等级高. 且在清除脱标带来的影响中,浮动的元素,可以被除浮动的方式来解决对父盒子的影响. 脱标定位的元素,给父盒子造成的影响无法清除.BFC block formatting content 块格式化上下文 是w3c规定的一种独立渲染区域其特性为1.

原创 (Codeombat废话少说,放码过来

Codecombat是一款学习编程的角色扮演游戏。支持5种编程语言玩法:JavaScript、CoffeeScript、Lua、Python和Clojure。该游戏涵盖了编程基本语法、循环、字符串、变量、方法调用、矢量绘图等主题。对于初学者十分友好,有兴趣的朋友可以去看看,或许可以在某些方面给你一些解决问题的思路,关卡越后难度系数越高,对于学习也是一个不错的帮助.