Michael18811380328
Michael18811380328

前端知识体系

前端知识体系

第二期

  1. 国外算法面试题目分析(英文)
  2. 国外算法面试题目分析(中文)
  3. Node.js面试题，侧重后端应用与对Node核心的理解
  4. 前端开发面试题大收集
  5. 前端面试题大合集

第一期

  1. 前端100问：能搞懂80%的请把简历给我
  2. 面试官到底想看什么样的简历
  3. 这儿有20道大厂面试题等你查收
  4. 经常被面试官问到的JavaScript数据类型知识你真的懂吗？
  5. 常见核心前端面试问题与详细解答

1. 布局框架：

Bootstrap: http://getbootstrap.com/

Foundation: http://foundation.zurb.com/

Uikit: http://www.getuikit.com/

Web Components:http://css-tricks.com/modular-future-web-components//

2. 构建工具及包管理器：

Grunt: http://gruntjs.com/

Yeoman: http://yeoman.io/

Bower: http://bower.io/

NPM: https://www.npmjs.org/

3. 代码优化：

Google Closure Compiler:

CSS Lint: http://csslint.net/

JSHint: http://www.jshint.com/

JSLint: http://www.jslint.com/

4. CSS预处理器

Less: http://lesscss.org/

Sass: http://sass-lang.com/

5. 调试工具：

Chrome：https://developers.google.com/chrome-developer-tools/

Firebug: https://getfirebug.com/

HTTPWatch: http://www.httpwatch.com/

Fiddler: http://www.telerik.com/fiddler

IE Developer Toolbar:

Weinre: http://people.apache.org/~pmuellr/weinre/docs/latest/Home.html

6. 文档工具：

JSDoc: https://github.com/jsdoc3/jsdoc

Jekyll: http://jekyllrb.com/

8. 移动端 手势事件库：

GMU: http://gmu.baidu.com/

Hammer.js:< http://eightmedia.github.io/hammer.js/>

QuoJS: http://quojs.tapquo.com/

Zepto: http://zeptojs.com/

Swipe: http://swipejs.com/

jQuery Mobile: http://jquerymobile.com/

KendoUI:http://www.telerik.com/kendo-ui

Goratchet:http://goratchet.com/

10.模块加载器：

ESL:< https://github.com/ecomfe/esl>

RequireJS: http://requirejs.org/

SeaJS:http://seajs.org/docs/

11. 项目管理:

Github: https://github.com/

GitLab: https://about.gitlab.com/

Redmine: http://www.redmine.org/

12. 原型设计:

Axure RP: http://www.axure.com/

13. 富互联网应用框架

AngularJs: http://www.angularjs.org

Backbone: http://backbonejs.org/

AmpersandJShttp://ampersandjs.com//

Knockout: http://knockoutjs.com/

Underscore: http://underscorejs.org/

14. 模板引擎

EJS: http://www.embeddedjs.com/

Handlebars: http://handlebarsjs.com/

Jade: http://jade-lang.com/

Velocity: http://velocity.apache.org/

15. 测试框架

Jasmine: http://pivotal.github.io/jasmine/

QUnit: http://qunitjs.com/

mocha: http://visionmedia.github.io/mocha/

16. 版本控制

Git: http://git-scm.com/

Subversion: http://subversion.apache.org/

Mercurial(Hg): http://mercurial.selenic.com/

18. CommonJS

Component: http://component.io/

19. WEB安全

XSS(跨站脚本攻击):

CSRF(跨站点伪造请求攻击):

跨iframe攻击:

Clickjacking安全漏洞:

20. 代码规范

Code Guide: http://alloyteam.github.io/code-guide/

编写可维护的CSS: http://segmentfault.com/a/1190000000388784/

GJS编码规范指南: http://alloyteam.github.io/JX/doc/specification/google-javascript.xml

jQueryJS规范: http://contribute.jquery.org/style-guide/js/

21. HTML模块化

html5boilerplate: http://html5boilerplate.com/

22. CSS模块化

Normalize.css: http://necolas.github.io/normalize.css/

LESS:http://www.lesscss.net/

OOCSS:http://www.oocss.cc/ http://oocss.org/

CssReset:http://www.cssreset.com/

23. HTML5 Canvas

D3:http://d3js.org/

KINETIC:http://kineticjs.com/

CSS

css布局 干货!各种常见布局实现+知名网站实例分析 BFC 学习 BFC (Block Formatting Context) flex Flex 布局教程：语法篇 Flex 布局教程：实例篇 移动端 腾讯移动Web前端知识库 css3综合 个人总结(css3新特性) css3动画优化 高性能 CSS3 动画 综合 12个HTML和CSS必须知道的重点难点问题

JavaScript

js基础 JavaScript深入系列15篇正式完结！ 闭包 破解前端面试(80% 应聘者不及格系列)：从闭包说起 原型 深度解析原型中的各个难点 this、apply、call、bind相关问题 this、apply、call、bind js执行机制 JavaScript：彻底理解同步、异步和事件循环(Event Loop) 这一次，彻底弄懂 JavaScript 执行机制 dom 破解前端面试(80% 应聘者不及格系列)：从 DOM 说起 原生JS中DOM节点相关API合集 dom里各种尺寸区别(offsetWidth，scrollWidth，clientWidth，innerWidth....) 跨域 前端常见跨域解决方案(全) 常见工具函数手写(节流，防抖，扁平，柯里化...) JavaScript专题系列20篇正式完结！ 正则 JS正则表达式完整教程(略长) es6综合 ECMAScript 6 入门 promise promise用法：八段代码彻底掌握 Promise promise实现原理：手把手教你实现一个完整的 Promise Generator，async/await相关 阮一峰：Generator，async，Thunk，co 系列

vue

vue常见面试题 剖析 Vue.js 内部运行机制

React

React 常用面试题目与分析

webpack

前端面试之webpack篇 Webpack3.X 成神之路

其他

模块化 前端模块化：CommonJS,AMD,CMD,ES6 前端规范 前端开发规范：命名规范、html规范、css规范、js规范 移动端适配 使用Flexible实现手淘H5页面的终端适配 vw、vh:再聊移动端页面的适配 PC端兼容性 浏览器兼容性问题解决方案 · 总结 移动端兼容性 移动 Web 开发问题和优化小结 调试技巧 web调试优化-chrome开发者工具不完全指南 常见数据结构与算法 我接触过的前端数据结构与算法 十大经典排序算法总结(JavaScript描述) 设计模式 Javascript常用的设计模式详解

版本控制问题(git/svn)

互联网公司常见工作流比较

前端部署代码问题

大公司里怎样开发和部署前端代码？

前端持续集成 实战笔记：Jenkins打造强大的前端自动化工作流 https 分分钟让你理解HTTPS http2.0 HTTP/2协议–特性扫盲篇

浏览器工作原理

浏览器工作机制全面梳理 浏览器缓存机制 浏览器缓存知识小结及应用 浏览器综合 从输入URL到页面加载的过程？如何由一道题完善自己的前端知识体系！ 前端安全 xss/csrf问题：前端安全知识 sql注入问题：网络攻击技术开篇——SQL Injection 劫持类问题：Web 前端页面劫持和反劫持 SEO 前端SEO技巧总结 PWA [PWA学习与实践系列](

前端知识体系

一、JavaScript

变量和类型

  • 1.JavaScript规定了几种语言类型
  • 2.JavaScript对象的底层数据结构是什么
  • 3.Symbol类型在实际开发中的应用、可手动实现一个简单的Symbol
  • 4.JavaScript中的变量在内存中的具体存储形式
  • 5.基本类型对应的内置对象，以及他们之间的装箱拆箱操作
  • 6.理解值类型和引用类型
  • 7.null和undefined的区别
  • 8.至少可以说出三种判断JavaScript数据类型的方式，以及他们的优缺点，如何准确的判断数组类型
  • 9.可能发生隐式类型转换的场景以及转换原则，应如何避免或巧妙应用
  • 10.出现小数精度丢失的原因，JavaScript可以存储的最大数字、最大安全数字，JavaScript处理大数字的方法、避免精度丢失的方法

原型和原型链

  • 1.理解原型设计模式以及JavaScript中的原型规则
  • 2.instanceof的底层实现原理，手动实现一个instanceof
  • 4.实现继承的几种方式以及他们的优缺点
  • 5.至少说出一种开源项目(如Node)中应用原型继承的案例
  • 6.可以描述new一个对象的详细过程，手动实现一个new操作符
  • 7.理解es6 class构造以及继承的底层实现原理

作用域和闭包

  • 1.理解词法作用域和动态作用域
  • 2.理解JavaScript的作用域和作用域链
  • 3.理解JavaScript的执行上下文栈，可以应用堆栈信息快速定位问题
  • 4.this的原理以及几种不同使用场景的取值
  • 5.闭包的实现原理和作用，可以列举几个开发中闭包的实际应用
  • 6.理解堆栈溢出和内存泄漏的原理，如何防止
  • 7.如何处理循环的异步操作
  • 8.理解模块化解决的实际问题，可列举几个模块化方案并理解其中原理

执行机制

  • 1.为何try里面放return，finally还会执行，理解其内部机制
  • 2.JavaScript如何实现异步编程，可以详细描述EventLoop机制
  • 3.宏任务和微任务分别有哪些
  • 4.可以快速分析一个复杂的异步嵌套逻辑，并掌握分析方法
  • 5.使用Promise实现串行
  • 6.Node与浏览器EventLoop的差异
  • 7.如何在保证页面运行流畅的情况下处理海量数据

语法和API

  • 1.理解ECMAScript和JavaScript的关系
  • 2.熟练运用es5、es6提供的语法规范，
  • 3.熟练掌握JavaScript提供的全局对象(例如Date、Math)、全局函数(例如decodeURI、isNaN)、全局属性(例如Infinity、undefined)
  • 4.熟练应用map、reduce、filter 等高阶函数解决问题
  • 5.setInterval需要注意的点，使用settimeout实现setInterval
  • 6.JavaScript提供的正则表达式API、可以使用正则表达式(邮箱校验、URL解析、去重等)解决常见问题
  • 7.JavaScript异常处理的方式，统一的异常处理方案

二、HTML和CSS

HTML

  • 1.从规范的角度理解HTML，从分类和语义的角度使用标签
  • 2.常用页面标签的默认样式、自带属性、不同浏览器的差异、处理浏览器兼容问题的方式
  • 3.元信息类标签(head、title、meta)的使用目的和配置方法
  • 4.HTML5离线缓存原理
  • 5.可以使用Canvas API、SVG等绘制高性能的动画

CSS

  • 1.CSS盒模型，在不同浏览器的差异
  • 2.CSS所有选择器及其优先级、使用场景，哪些可以继承，如何运用at规则
  • 3.CSS伪类和伪元素有哪些，它们的区别和实际应用
  • 4.HTML文档流的排版规则，CSS几种定位的规则、定位参照物、对文档流的影响，如何选择最好的定位方式，雪碧图实现原理
  • 5.水平垂直居中的方案、可以实现6种以上并对比它们的优缺点
  • 6.BFC实现原理，可以解决的问题，如何创建BFC
  • 7.可使用CSS函数复用代码，实现特殊效果
  • 8.PostCSS、Sass、Less的异同，以及使用配置，至少掌握一种
  • 9.CSS模块化方案、如何配置按需加载、如何防止CSS阻塞渲染
  • 10.熟练使用CSS实现常见动画，如渐变、移动、旋转、缩放等等
  • 11.CSS浏览器兼容性写法，了解不同API在不同浏览器下的兼容性情况
  • 12.掌握一套完整的响应式布局方案

手写

  • 1.手写图片瀑布流效果
  • 2.使用CSS绘制几何图形(圆形、三角形、扇形、菱形等)
  • 3.使用纯CSS实现曲线运动(贝塞尔曲线)
  • 4.实现常用布局(三栏、圣杯、双飞翼、吸顶)，可是说出多种方式并理解其优缺点

三、计算机基础

关于编译原理，最基本的原理和概念一定要懂，这对于学习一门编程语言非常重要

编译原理

  • 1.理解代码到底是什么，计算机如何将代码转换为可以运行的目标程序
  • 2.正则表达式的匹配原理和性能优化
  • 3.如何将JavaScript代码解析成抽象语法树(AST)
  • 4.base64的编码原理
  • 5.几种进制的相互转换计算方法，在JavaScript中如何表示和转换

网络协议

  • 1.理解什么是协议，了解TCP/IP网络协议族的构成，每层协议在应用程序中发挥的作用
  • 2.三次握手和四次挥手详细原理，为什么要使用这种机制
  • 3.有哪些协议是可靠，TCP有哪些手段保证可靠交付
  • 4.DNS的作用、DNS解析的详细过程，DNS优化原理
  • 5.CDN的作用和原理
  • 6.HTTP请求报文和响应报文的具体组成，能理解常见请求头的含义，有几种请求方式，区别是什么
  • 7.HTTP所有状态码的具体含义，看到异常状态码能快速定位问题
  • 8.HTTP1.1、HTTP2.0带来的改变
  • 9.HTTPS的加密原理，如何开启HTTPS，如何劫持HTTPS请求
  • 10.理解WebSocket协议的底层原理、与HTTP的区别

设计模式

  • 1.熟练使用前端常用的设计模式编写代码，如单例模式、装饰器模式、代理模式等
  • 2.发布订阅模式和观察者模式的异同以及实际应用
  • 3.可以说出几种设计模式在开发中的实际应用，理解框架源码中对设计模式的应用

四、数据结构和算法

据我了解的大部分前端对这部分知识有些欠缺，甚至抵触，但是，如果突破更高的天花板，这部分知识是必不可少的，而且我亲身经历——非常有用！

JavaScript编码能力

  • 1.多种方式实现数组去重、扁平化、对比优缺点
  • 2.多种方式实现深拷贝、对比优缺点
  • 3.手写函数柯里化工具函数、并理解其应用场景和优势
  • 4.手写防抖和节流工具函数、并理解其内部原理和应用场景
  • 5.实现一个sleep函数

手动实现前端轮子

  • 1.手动实现call、apply、bind
  • 2.手动实现符合Promise/A+规范的Promise、手动实现async await
  • 3.手写一个EventEmitter实现事件发布、订阅
  • 4.可以说出两种实现双向绑定的方案、可以手动实现
  • 5.手写JSON.stringify、JSON.parse
  • 6.手写一个模版引擎，并能解释其中原理
  • 7.手写懒加载、下拉刷新、上拉加载、预加载等效果

数据结构

  • 1.理解常见数据结构的特点，以及他们在不同场景下使用的优缺点
  • 2.理解数组、字符串的存储原理，并熟练应用他们解决问题
  • 3.理解二叉树、栈、队列、哈希表的基本结构和特点，并可以应用它解决问题
  • 4.了解图、堆的基本结构和使用场景

算法

  • 1.可计算一个算法的时间复杂度和空间复杂度，可估计业务逻辑代码的耗时和内存消耗
  • 2.至少理解五种排序算法的实现原理、应用场景、优缺点，可快速说出时间、空间复杂度
  • 3.了解递归和循环的优缺点、应用场景、并可在开发中熟练应用
  • 4.可应用回溯算法、贪心算法、分治算法、动态规划等解决复杂问题
  • 5.前端处理海量数据的算法方案

五、运行环境

我们需要理清语言和环境的关系：

ECMAScript

描述了

JavaScript

语言的语法和基本对象规范

浏览器作为JavaScript的一种运行环境，为它提供了：文档对象模型(DOM)，描述处理网页内容的方法和接口、浏览器对象模型(BOM)，描述与浏览器进行交互的方法和接口

Node也是JavaScript的一种运行环境，为它提供了操作I/O、网络等API

浏览器API

  • 1.浏览器提供的符合W3C标准的DOM操作API、浏览器差异、兼容性
  • 2.浏览器提供的浏览器对象模型 (BOM)提供的所有全局API、浏览器差异、兼容性
  • 3.大量DOM操作、海量数据的性能优化(合并操作、Diff、requestAnimationFrame等)
  • 4.浏览器海量数据存储、操作性能优化
  • 5.DOM事件流的具体实现机制、不同浏览器的差异、事件代理
  • 6.前端发起网络请求的几种方式及其底层实现、可以手写原生ajax、fetch、可以熟练使用第三方库
  • 7.浏览器的同源策略，如何避免同源策略，几种方式的异同点以及如何选型
  • 8.浏览器提供的几种存储机制、优缺点、开发中正确的选择
  • 9.浏览器跨标签通信

浏览器原理

  • 1.各浏览器使用的JavaScript引擎以及它们的异同点、如何在代码中进行区分
  • 2.请求数据到请求结束与服务器进行了几次交互
  • 3.可详细描述浏览器从输入URL到页面展现的详细过程
  • 4.浏览器解析HTML代码的原理，以及构建DOM树的流程
  • 5.浏览器如何解析CSS规则，并将其应用到DOM树上
  • 6.浏览器如何将解析好的带有样式的DOM树进行绘制
  • 7.浏览器的运行机制，如何配置资源异步同步加载
  • 8.浏览器回流与重绘的底层原理，引发原因，如何有效避免
  • 9.浏览器的垃圾回收机制，如何避免内存泄漏
  • 10.浏览器采用的缓存方案，如何选择和控制合适的缓存方案

Node

  • 1.理解Node在应用程序中的作用，可以使用Node搭建前端运行环境、使用Node操作文件、操作数据库等等
  • 2.掌握一种Node开发框架，如Express，Express和Koa的区别
  • 3.熟练使用Node提供的API如Path、Http、Child Process等并理解其实现原理
  • 4.Node的底层运行原理、和浏览器的异同
  • 5.Node事件驱动、非阻塞机制的实现原理

六、框架和类库

轮子层出不穷，从原理上理解才是正道

TypeScript

  • 1.理解泛型、接口等面向对象的相关概念，TypeScript对面向对象理念的实现
  • 2.理解使用TypeScript的好处，掌握TypeScript基础语法
  • 3.TypeScript的规则检测原理
  • 4.可以在React、Vue等框架中使用TypeScript进行开发

React

  • 1.React和vue选型和优缺点、核心架构的区别
  • 2.React中setState的执行机制，如何有效的管理状态
  • 3.React的事件底层实现机制
  • 4.React的虚拟DOM和Diff算法的内部实现
  • 5.React的Fiber工作原理，解决了什么问题
  • 6.React Router和Vue Router的底层实现原理、动态加载实现原理
  • 7.可熟练应用React API、生命周期等，可应用HOC、render props、Hooks等高阶用法解决问题
  • 8.基于React的特性和原理，可以手动实现一个简单的React

Vue

  • 1.熟练使用Vue的API、生命周期、钩子函数
  • 2.MVVM框架设计理念
  • 3.Vue双向绑定实现原理、Diff算法的内部实现
  • 4.Vue的事件机制
  • 5.从template转换成真实DOM的实现机制

多端开发

  • 1.单页面应用(SPA)的原理和优缺点，掌握一种快速开发SPA的方案
  • 2.理解Viewport、em、rem的原理和用法，分辨率、px、ppi、dpi、dp的区别和实际应用
  • 3.移动端页面适配解决方案、不同机型适配方案
  • 4.掌握一种JavaScript移动客户端开发技术，如React Native：可以搭建React Native开发环境，熟练进行开发，可理解React Native的运作原理，不同端适配
  • 5.掌握一种JavaScript PC客户端开发技术，如Electron：可搭建Electron开发环境，熟练进行开发，可理解Electron的运作原理
  • 6.掌握一种小程序开发框架或原生小程序开发
  • 7.理解多端框架的内部实现原理，至少了解一个多端框架的使用

数据流管理

  • 1.掌握React和Vue传统的跨组件通信方案，对比采用数据流管理框架的异同
  • 2.熟练使用Redux管理数据流，并理解其实现原理，中间件实现原理
  • 3.熟练使用Mobx管理数据流，并理解其实现原理，相比Redux有什么优势
  • 4.熟练使用Vuex管理数据流，并理解其实现原理
  • 5.以上数据流方案的异同和优缺点，不情况下的技术选型

实用库

  • 1.至少掌握一种UI组件框架，如antd design，理解其设计理念、底层实现
  • 2.掌握一种图表绘制框架，如Echart，理解其设计理念、底层实现，可以自己实现图表
  • 3.掌握一种GIS开发框架，如百度地图API
  • 4.掌握一种可视化开发框架，如Three.js、D3
  • 5.工具函数库，如lodash、underscore、moment等，理解使用的工具类或工具函数的具体实现原理

开发和调试

  • 1.熟练使用各浏览器提供的调试工具
  • 2.熟练使用一种代理工具实现请求代理、抓包，如charls
  • 3.可以使用Android、IOS模拟器进行调试，并掌握一种真机调试方案
  • 4.了解Vue、React等框架调试工具的使用

七、前端工程

前端工程化：以工程化方法和工具提高开发生产效率、降低维护难度

项目构建

  • 1.理解npm、yarn依赖包管理的原理，两者的区别
  • 2.可以使用npm运行自定义脚本
  • 3.理解Babel、ESLint、webpack等工具在项目中承担的作用
  • 4.ESLint规则检测原理，常用的ESLint配置
  • 5.Babel的核心原理，可以自己编写一个Babel插件
  • 6.可以配置一种前端代码兼容方案，如Polyfill
  • 7.Webpack的编译原理、构建流程、热更新原理，chunk、bundle和module的区别和应用
  • 8.可熟练配置已有的loaders和plugins解决问题，可以自己编写loaders和plugins

nginx

  • 1.正向代理与反向代理的特点和实例
  • 2.可手动搭建一个简单的nginx服务器、
  • 3.熟练应用常用的nginx内置变量，掌握常用的匹配规则写法
  • 4.可以用nginx实现请求过滤、配置gzip、负载均衡等，并能解释其内部原理

开发提速

  • 1.熟练掌握一种接口管理、接口mock工具的使用，如yapi
  • 2.掌握一种高效的日志埋点方案，可快速使用日志查询工具定位线上问题
  • 3.理解TDD与BDD模式，至少会使用一种前端单元测试框架

版本控制

  • 1.理解Git的核心原理、工作流程、和SVN的区别
  • 2.熟练使用常规的Git命令、git rebase、git stash等进阶命令
  • 3.可以快速解决线上分支回滚、线上分支错误合并等复杂问题

持续集成

  • 1.理解CI/CD技术的意义，至少熟练掌握一种CI/CD工具的使用，如Jenkins
  • 2.可以独自完成架构设计、技术选型、环境搭建、全流程开发、部署上线等一套完整的开发流程(包括Web应用、移动客户端应用、PC客户端应用、小程序、H5等等)

八、项目和业务

后端技能

  • 1.了解后端的开发方式，在应用程序中的作用，至少会使用一种后端语言
  • 2.掌握数据最终在数据库中是如何落地存储的，能看懂表结构设计、表之间的关联，至少会使用一种数据库

性能优化

  • 1.了解前端性能衡量指标、性能监控要点，掌握一种前端性能监控方案
  • 2.了解常见的Web、App性能优化方案
  • 3.SEO排名规则、SEO优化方案、前后端分离的SEO
  • 4.SSR实现方案、优缺点、及其性能优化
  • 5.Webpack的性能优化方案
  • 6.Canvas性能优化方案
  • 7.React、Vue等框架使用性能优化方案

前端安全

  • 1.XSS攻击的原理、分类、具体案例，前端如何防御
  • 2.CSRF攻击的原理、具体案例，前端如何防御
  • 3.HTTP劫持、页面劫持的原理、防御措施

业务相关

  • 1.能理解所开发项目的整体业务形态、业务目标、业务架构，可以快速定位线上业务问题
  • 2.能理解所开发项目整体的技术架构、能快读的根据新需求进行开发规划、能快速根据业务报警、线上日志等定位并解决线上技术问题
  • 3.可以将自己的想法或新技术在业务中落地实践，尽量在团队中拥有一定的不可替代性

九、学习提升

vczh大神在知乎问题【如何能以后达到温赵轮三位大神的水平？】下的回答：

这十几年我一共做了三件事：

  • 1、不以赚钱为目的选择学习的内容；
  • 2、以自己是否能造出轮子来衡量学习的效果；
  • 3、坚持每天写自己的代码，前10年每天至少6个小时，不包含学习和工作的时间。

上面几点可能有点难，第一点我就做不到，但是做到下面绩点还是比较容易的。

关于写博客说明下，能给别人讲明白的知识会比自己学习掌握的要深刻许多

  • 1.拥有自己的技术博客，或者在一些博客平台上拥有自己的专栏
  • 2.定期的将知识进行总结，不断完善自己的知识体系
  • 3.尽量将自己的知识转换成真实的产出，不要仅仅停留在书面理解层面，更重要的是实际应用
  • 4.坚持输出自己的代码，不要盲目的扎进公司业

十、技术之外

这部分可能比上面九条加起来重要！

  • 1.了解互联网人员术语：CEO、CTO、COO、CFO、PM、QA、UI、FE、DEV、DBA、OPS等
  • 2.了解互联网行业术语：B2B、B2C、C2C、O2O等
  • 3.掌握互联网行业沟通、问答、学习的
  • 4.有一定的"PPT"能力
  • 6.掌握在繁重的工作和长期的电脑辐射的情况下保持健康的方法，建立正确的养生知识体系

语言基础

  • []JavaScript高级程序设计(必看)：https://book.douban.com/subje...
  • []高性能JavaScript：https://book.douban.com/subje...
  • 现代JavaScript教程：https://zh.javascript.info/
  • 阮一峰的ECMAScript 6教程：http://es6.ruanyifeng.com/
  • ECMAScript 6标准：https://www.ecma-internationa...
  • HTML meta标签总结与属性使用介绍：https://segmentfault.com/a/11...
  • CSS编码指导：https://github.com/chadluo/CS...

计算机基础

  • 大前端开发者需要了解的基础编译原理和语言知识：http://fullstack.blog/2017/06...
  • 图解HTTP：https://book.douban.com/subje...
  • []JavaScript设计模式与开发实践：https://book.douban.com/subje...
  • 正则表达式30分钟入门教程：https://link.juejin.im/?targe...

数据结构和算法

  • 数据结构与算法之美：https://time.geekbang.org/col...
  • 用动画的形式呈现解LeetCode题目的思路：https://github.com/MisterBooo...
  • JavaScript数据结构和算法：https://github.com/ConardLi/a...
  • 30-seconds-of-code(里面有很多js代码非常巧妙，我正在将它翻译成中文)：https://github.com/ConardLi/3...

运行环境

  • 《重学前端》中的浏览器原理章节：https://time.geekbang.org/col...
  • 图解浏览器的基本工作原理：https://zhuanlan.zhihu.com/p/...
  • 七天学会NodeJS：https://github.com/nqdeng/7-d...
  • Node.js模块加载与运行原理：https://efe.baidu.com/blog/no...

框架和类库

  • TypeScript Handbook：https://zhongsp.gitbooks.io/t...
  • React.js小书：http://huziketang.mangojuice....
  • React深入系列：https://juejin.im/post/5cad39...
  • Webpack React小书：https://fakefish.github.io/re...
  • Vue.js技术揭秘：https://github.com/ustbhuangy...
  • Vuex-在Vue中管理状态：https://sabe.io/tutorials/get...
  • 你需要Mobx还是Redux？：https://juejin.im/post/5a7fd7...
  • Underscore源码分析：https://yoyoyohamapi.gitbooks...
  • 微信小程序开发资源汇总：https://github.com/justjavac/...
  • 腾讯移动Web前端知识库：https://github.com/AlloyTeam/...

前端工程

  • 一口(很长的)气了解babel：https://zhuanlan.zhihu.com/p/...
  • Webpack傻瓜式指南：https://zhuanlan.zhihu.com/p/...
  • Webpack原理：https://segmentfault.com/a/11...
  • 廖雪峰的git教程：https://www.liaoxuefeng.com/w...
  • 图解Git：https://marklodato.github.io/...
  • 前端开发者必备的Nginx知识：https://juejin.im/post/5c85a6...
  • 使用Jenkins进行持续集成：https://www.liaoxuefeng.com/a...

项目和业务

  • 常见六大Web安全攻防解析：https://github.com/ljianshu/B...
  • 深入理解前端性能监控：https://juejin.im/post/5caaac...
  • []高性能网站建设指南：https://book.douban.com/subje...
  • 新人如何快速融入技术实力强的前端团队：https://juejin.im/post/5cb860...

学习提升

  • 印记中文(各种中文开发文档)：https://www.docschina.org/
  • 前端学习方法：https://github.com/helloqingf...
  • 如何在工作内外获得持续的技术成长：https://juejin.im/post/5cbd74...
  • 优秀的前端博客汇总：https://github.com/foru17/fro...

另外推荐我一直在关注的几位大佬的个人博客：

  • 冴羽的博客：https://github.com/mqyqingfen...
  • 张鑫旭的博客：https://www.zhangxinxu.com/wo...
  • 左耳朵耗子：https://coolshell.cn/

技术之外

  • 互联网术语大全：https://www.jianshu.com/p/9a7...
  • 互联网沟通、问答、学习的艺术：https://zhuanlan.zhihu.com/p/...
  • 经常加班至深夜，怎样才能保持身体健康：https://www.zhihu.com/questio...

其实在这个信息发达的时代最不缺的就是资源，如何从众多的资源中获取到真正精华的部分，是非常重要的，资源在于精不在于多，强烈建议在保证深度的情况下再保证广度。

小结

希望你阅读本篇文章后可以达到以下几点：

  • 从知识清单中找到自己的知识盲点与欠缺
  • 具有知识体系化的思想，开始建立自己的知识体系
  • 阅读文章时将知识归类到知识体系中，并不断完善自己的知识体系
  • 从文章中获取到了有用的资源

你可能感兴趣的:(前端,javascript,开发语言,ecmascript)

  • Long类型前后端数据不一致 igotyback 前端
    响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
  • 【加密社】Solidity 中的事件机制及其应用 加密社 闲侃区块链智能合约区块链
    加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件
  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • node.js学习 小猿L node.jsnode.js学习vim
    node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
  • springboot+vue项目实战一-创建SpringBoot简单项目 苹果酱0567 面试题汇总与解析springboot后端java中间件开发语言
    这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
  • JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy） 跳房子的前端 前端面试javascript开发语言ecmascript
    在JavaScript中，深拷贝（DeepCopy）和浅拷贝（ShallowCopy）是用于复制对象或数组的两种不同方法。了解它们的区别和应用场景对于避免潜在的bugs和高效地处理数据非常重要。以下是对深拷贝和浅拷贝的详细解释，包括它们的概念、用途、优缺点以及实现方式。1.浅拷贝（ShallowCopy）概念定义：浅拷贝是指创建一个新的对象或数组，其中包含了原对象或数组的基本数据类型的值和对引用数
  • 博客网站制作教程 2401_85194651 javamaven
    首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
  • JavaScript `Map` 和 `WeakMap`详细解释 跳房子的前端 JavaScript原生方法javascript前端开发语言
    在JavaScript中，Map和WeakMap都是用于存储键值对的数据结构，但它们有一些关键的不同之处。MapMap是一种可以存储任意类型的键值对的集合。它保持了键值对的插入顺序，并且可以通过键快速查找对应的值。Map提供了一些非常有用的方法和属性来操作这些数据对：set(key,value):将一个键值对添加到Map中。如果键已经存在，则更新其对应的值。get(key):获取指定键的值。如果键
  • 最简单将静态网页挂载到服务器上(不用nginx) 全能全知者 服务器nginx运维前端html笔记
    最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl
  • 补充元象二面 Redstone Monstrosity 前端面试
    1.请尽可能详细地说明，防抖和节流的区别，应用场景？你的回答中不要写出示例代码。防抖（Debounce）和节流（Throttle）是两种常用的前端性能优化技术，它们的主要区别在于如何处理高频事件的触发。以下是防抖和节流的区别和应用场景的详细说明：防抖和节流的定义防抖：在一段时间内，多次执行变为只执行最后一次。防抖的原理是，当事件被触发后，设置一个延迟定时器。如果在这个延迟时间内事件再次被触发，则重
  • 微信小程序开发注意事项 jun778895 微信小程序小程序
    微信小程序开发是一个融合了前端开发、用户体验设计、后端服务（可选）以及微信小程序平台特性的综合性项目。这里，我将详细介绍一个典型的小程序开发项目的全过程，包括项目规划、设计、开发、测试及部署上线等各个环节，并尽量使内容达到或超过2000字的要求。一、项目规划1.1项目背景与目标假设我们要开发一个名为“智慧校园助手”的微信小程序，旨在为学生提供一站式校园生活服务，包括课程表查询、图书馆座位预约、食堂
  • 切换淘宝最新npm镜像源是 hai40587 npm前端node.js
    切换淘宝最新npm镜像源是一个相对简单的过程，但首先需要明确当前淘宝npm镜像源的状态和最新的镜像地址。由于网络环境和服务更新，镜像源的具体地址可能会发生变化，因此，我将基于当前可获取的信息，提供一个通用的切换步骤，并附上最新的镜像地址（截至回答时）。一、了解npm镜像源npm（NodePackageManager）是JavaScript的包管理器，用于安装、更新和管理项目依赖。由于npm官方仓库
  • 字节二面 Redstone Monstrosity 前端面试
    1.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文
  • 前端代码上传文件 余生逆风飞翔 前端javascript开发语言
    点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i
  • uniapp实现动态标记效果详细步骤【前端开发】 2401_85123349 uni-app
    第二个点在于实现将已经被用户标记的内容在下一次获取后刷新它的状态为已标记。这是什么意思呢？比如说上面gif图中的这些人物对象，有一些已被该用户添加为关心，那么当用户下一次进入该页面时，这些已经被添加关心的对象需要以“红心”状态显现出来。这个点的难度还不算大，只需要在每一次获取后端的内容后对标记对象进行状态更新即可。II.动态标记效果实现思路和步骤首先，整体的思路是利用动态类名对不同的元素进行选择。
  • 高性能javascript--算法和流程控制 海淀萌狗
    -for,while和do-while性能相当-避免使用for-in循环，==除非遍历一个属性量未知的对象==es5:for-in遍历的对象便不局限于数组，还可以遍历对象。原因：for-in每次迭代操作会同时搜索实例或者原型属性，for-in循环的每次迭代都会产生更多开销，因此要比其他循环类型慢，一般速度为其他类型循环的1/7。因此，除非明确需要迭代一个属性数量未知的对象，否则应避免使用for-i
  • 360前端星计划-动画可以这么玩 马小蜗
    动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
  • Vue + Express实现一个表单提交 九旬大爷的梦
    最近在折腾一个cms系统，用的vue+express，但是就一个表单提交就弄了好久，记录一下。环境：Node10+前端：Vue服务端：Express依赖包：vueexpressaxiosexpress-formidableelement-ui（可选）前言：axiosget请求参数是：paramsaxiospost请求参数是：dataexpressget接受参数是req.queryexpresspo
  • JavaScript中秋快乐！ Q_w7742 javascript开发语言ecmascript
    我们来实现一个简单的祝福网页~主要的难度在于使用canvas绘图当点击canvas时候，跳出“中秋节快乐”字样，需要注册鼠标单击事件和计时器。首先定义主要函数：初始化当点击canvas之后转到onCanvasClick函数，绘图生成灯笼。functiononCanvasClick(){//事件处理函数context.clearRect(0,0,canvas1.width,canvas1.heigh
  • Nginx从入门到实践(三) 听你讲故事啊
    动静分离动静分离是将网站静态资源（JavaScript，CSS，img等文件）与后台应用分开部署，提高用户访问静态代码的速度，降低对后台应用访问。动静分离的一种做法是将静态资源部署在nginx上，后台项目部署到应用服务器上，根据一定规则静态资源的请求全部请求nginx服务器，达到动静分离的目标。rewrite规则Rewrite规则常见正则表达式Rewrite主要的功能就是实现URL的重写，Ngin
  • Nginx的使用场景：构建高效、可扩展的Web架构 张某布响丸辣 nginx前端架构
    Nginx，作为当今最流行的Web服务器和反向代理软件之一，凭借其高性能、稳定性和灵活性，在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站，还是大型企业级应用，Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景，帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件（如HTML、CSS、JavaScript、图片等）的网站，Ngin
  • 前端知识点 ZhangTao_zata 前端javascriptcss
    下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage
  • 第三十一节:Vue路由:前端路由vs后端路由的了解 曹老师
    1.认识前端路由和后端路由前端路由相对于后端路由而言的,在理解前端路由之前先对于路由有一个基本的了解路由:简而言之,就是把信息从原地址传输到目的地的活动对于我们来说路由就是:根据不同的url地址展示不同的页面内容1.1后端路由以前咱们接触比较多的后端路由,当改变url地址时,浏览器会向服务器发送请求,服务器根据这个url,返回不同的资源内容后端路由的特点就是前端每次跳转到不同url地址,都会重新访
  • 华雁智科前端面试题 因为奋斗超太帅啦 前端笔试面试问题整理javascript开发语言ecmascript
    1.var变量的提升题目：vara=1functionfun(){console.log(b)varb=2}fun()console.log(a)正确输出结果：undefined、1答错了，给一个大嘴巴子，错误答案输出结果为：2,1此题主要考察var定义的变量，作用域提升的问题，相当于varaa=1functionfun(){varbconsole.log(b)b=2}fun()console.l
  • 如何建设数据中台（五）——数据汇集—打破企业数据孤岛 weixin_47088026 学习记录和总结中台数据中台程序人生经验分享
    数据汇集——打破企业数据孤岛要构建企业级数据中台，第一步就是将企业内部各个业务系统的数据实现互通互联，打破数据孤岛，主要通过数据汇聚和交换来实现。企业采集的数据可以是线上采集、线下数据采集、互联网数据采集、内部数据采集等。线上数据采集主要载体分为互联网和移动互联网两种，对应有系统平台、网页、H5、小程序、App等，可以采用前端或后端埋点方式采集数据。线下数据采集主要是通过硬件来采集，例如：WiFi
  • 分布式锁和spring事务管理 暴躁的鱼 锁及事务分布式springjava
    最近开发一个小程序遇到一个需求需要实现分布式事务管理业务需求用户在使用小程序的过程中可以查看景点，对景点地区或者城市标记是否想去，那么需要统计一个地点被标记的人数，以及记录某个用户对某个地点是否标记为想去，用两个表存储数据，一个地点表记录改地点被标记的次数，一个用户意向表记录某个用户对某个地点是否标记为想去。由于可能有多个用户同时标记一个地点，每个用户在前端点击想去按钮之后，后台接收到请求，从数据
  • 前端CSS面试常见题 剑亦未配妥 前端面试前端css面试
    边界塌陷盒模型有两种：W3C盒模型和IE盒模型，区别在于宽度是否包含边框定义：同时给兄弟/父子盒模型设置上下边距，理论上边距值是两者之和，实际上不是注意：浮动和定位不会产生边界塌陷；只有块级元素垂直方向才会产生margin合并margin计算方案margin同为正负：取绝对值大的值一正一负：求和父子元素边界塌陷解决父元素可以通过调整padding处理；设置overflowhidden，触发BFC子
  • 【JS】前端文件读取FileReader操作总结 程序员-张师傅 前端前端javascript开发语言
    前端文件读取FileReader操作总结FileReader是JavaScript中的一个WebAPI，它允许web应用程序异步读取用户计算机上的文件（或原始数据缓冲区）的内容，例如读取文件以获取其内容，并在不将文件发送到服务器的情况下在客户端使用它。这对于处理图片、文本文件等非常有用，尤其是当你想要在用户界面中即时显示文件内容或进行文件预览时。创建FileReader对象首先，你需要创建一个Fi
  • 枚举的构造函数中抛出异常会怎样 bylijinnan javaenum单例
    首先从使用enum实现单例说起。 为什么要用enum来实现单例？ 这篇文章（ http://javarevisited.blogspot.sg/2012/07/why-enum-singleton-are-better-in-java.html）阐述了三个理由： 1.enum单例简单、容易，只需几行代码： public enum Singleton { INSTANCE;
  • CMake 教程 aigo C++
    转自：http://xiang.lf.blog.163.com/blog/static/127733322201481114456136/   CMake是一个跨平台的程序构建工具，比如起自己编写Makefile方便很多。 介绍：http://baike.baidu.com/view/1126160.htm 本文件不介绍CMake的基本语法，下面是篇不错的入门教程： http:
  • cvc-complex-type.2.3: Element 'beans' cannot have character Cb123456 springWebgis
      cvc-complex-type.2.3: Element 'beans' cannot have character     Line 33 in XML document from ServletContext resource [/WEB-INF/backend-servlet.xml] is i
  • jquery实例:随页面滚动条滚动而自动加载内容 120153216 jquery
    <script language="javascript"> $(function (){ var i = 4;$(window).bind("scroll", function (event){ //滚动条到网页头部的 高度，兼容ie,ff,chrome var top = document.documentElement.s
  • 将数据库中的数据转换成dbs文件 何必如此 sqldbs
    旗正规则引擎通过数据库配置器（DataBuilder）来管理数据库，无论是Oracle，还是其他主流的数据都支持，操作方式是一样的。旗正规则引擎的数据库配置器是用于编辑数据库结构信息以及管理数据库表数据，并且可以执行SQL 语句，主要功能如下。 1)数据库生成表结构信息：         主要生成数据库配置文件(.conf文
  • 在IBATIS中配置SQL语句的IN方式 357029540 ibatis
    在使用IBATIS进行SQL语句配置查询时，我们一定会遇到通过IN查询的地方，在使用IN查询时我们可以有两种方式进行配置参数：String和List。具体使用方式如下： 1.String:定义一个String的参数userIds，把这个参数传入IBATIS的sql配置文件，sql语句就可以这样写： <select id="getForms" param
  • Spring3 MVC 笔记（一） 7454103 springmvcbeanRESTJSF
             自从 MVC 这个概念提出来之后 struts1.X  struts2.X   jsf 。。。。。 这个view 层的技术一个接一个！ 都用过！不敢说哪个绝对的强悍！ 要看业务，和整体的设计！      最近公司要求开发个新系统！
  • Timer与Spring Quartz 定时执行程序 darkranger springbean工作quartz
    有时候需要定时触发某一项任务。其实在jdk1.3，java sdk就通过java.util.Timer提供相应的功能。一个简单的例子说明如何使用，很简单： 1、第一步，我们需要建立一项任务，我们的任务需要继承java.util.TimerTask package com.test; import java.text.SimpleDateFormat; import java.util.Date;
  • 大端小端转换，le32_to_cpu 和cpu_to_le32 aijuans C语言相关
    大端小端转换，le32_to_cpu 和cpu_to_le32  字节序 http://oss.org.cn/kernel-book/ldd3/ch11s04.html         小心不要假设字节序. PC 存储多字节值是低字节为先(小端为先, 因此是小端), 一些高级的平台以另一种方式(大端)
  • Nginx负载均衡配置实例详解 avords
    [导读] 负载均衡是我们大流量网站要做的一个东西，下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法，希望对有需要的同学有所帮助哦。负载均衡先来简单了解一下什么是负载均衡，单从字面上的意思来理解就可以解 负载均衡是我们大流量网站要做的一个东西，下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法，希望对有需要的同学有所帮助哦。 负载均衡 先来简单了解一下什么是负载均衡
  • 乱说的 houxinyou 框架敏捷开发软件测试
    从很久以前，大家就研究框架，开发方法，软件工程，好多！反正我是搞不明白！ 这两天看好多人研究敏捷模型，瀑布模型！也没太搞明白. 不过感觉和程序开发语言差不多， 瀑布就是顺序，敏捷就是循环. 瀑布就是需求、分析、设计、编码、测试一步一步走下来。而敏捷就是按摸块或者说迭代做个循环，第个循环中也一样是需求、分析、设计、编码、测试一步一步走下来。 也可以把软件开发理
  • 欣赏的价值——一个小故事 bijian1013 有效辅导欣赏欣赏的价值
    　　第一次参加家长会，幼儿园的老师说："您的儿子有多动症，在板凳上连三分钟都坐不了，你最好带他去医院看一看。"　　回家的路上，儿子问她老师都说了些什么，她鼻子一酸，差点流下泪来。因为全班30位小朋友，惟有他表现最差；惟有对他，老师表现出不屑，然而她还在告诉她的儿子："老师表扬你了，说宝宝原来在板凳上坐不了一分钟，现在能坐三分钟。其他妈妈都非常羡慕妈妈，因为全班只有宝宝
  • 包冲突问题的解决方法 bingyingao eclipsemavenexclusions包冲突
    包冲突是开发过程中很常见的问题： 其表现有： 1.明明在eclipse中能够索引到某个类，运行时却报出找不到类。 2.明明在eclipse中能够索引到某个类的方法，运行时却报出找不到方法。 3.类及方法都有，以正确编译成了.class文件，在本机跑的好好的，发到测试或者正式环境就 抛如下异常： java.lang.NoClassDefFoundError: Could not in
  • 【Spark七十五】Spark Streaming整合Flume-NG三之接入log4j bit1129 Stream
    先来一段废话： 实际工作中，业务系统的日志基本上是使用Log4j写入到日志文件中的，问题的关键之处在于业务日志的格式混乱，这给对日志文件中的日志进行统计分析带来了极大的困难，或者说，基本上无法进行分析，每个人写日志的习惯不同，导致日志行的格式五花八门，最后只能通过grep来查找特定的关键词缩小范围，但是在集群环境下，每个机器去grep一遍，分析一遍，这个效率如何可想之二，大好光阴都浪费在这上面了
  • sudoku solver in Haskell bookjovi sudokuhaskell
    这几天没太多的事做，想着用函数式语言来写点实用的程序，像fib和prime之类的就不想提了（就一行代码的事），写什么程序呢？在网上闲逛时发现sudoku游戏，sudoku十几年前就知道了，学生生涯时也想过用C/Java来实现个智能求解，但到最后往往没写成，主要是用C/Java写的话会很麻烦。   现在写程序，本人总是有一种思维惯性，总是想把程序写的更紧凑，更精致，代码行数最少，所以现
  • java apache ftpClient bro_feng java
    最近使用apache的ftpclient插件实现ftp下载，遇见几个问题，做如下总结。 1. 上传阻塞，一连串的上传，其中一个就阻塞了，或是用storeFile上传时返回false。查了点资料，说是FTP有主动模式和被动模式。将传出模式修改为被动模式ftp.enterLocalPassiveMode();然后就好了。 看了网上相关介绍，对主动模式和被动模式区别还是比较的模糊，不太了解被动模
  • 读《研磨设计模式》-代码笔记-工厂方法模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 工厂方法模式：使一个类的实例化延迟到子类 * 某次，我在工作不知不觉中就用到了工厂方法模式（称为模板方法模式更恰当。2012-10-29）： * 有很多不同的产品，它
  • 面试记录语 chenyu19891124 招聘
    或许真的在一个平台上成长成什么样，都必须靠自己去努力。有了好的平台让自己展示，就该好好努力。今天是自己单独一次去面试别人，感觉有点小紧张，说话有点打结。在面试完后写面试情况表，下笔真的好难，尤其是要对面试人的情况说明真的好难。 今天面试的是自己同事的同事，现在的这个同事要离职了，介绍了我现在这位同事以前的同事来面试。今天这位求职者面试的是配置管理，期初看了简历觉得应该很适合做配置管理，但是今天面
  • Fire Workflow 1.0正式版终于发布了 comsci 工作workflowGoogle
    Fire Workflow 是国内另外一款开源工作流，作者是著名的非也同志，哈哈.... 官方网站是 http://www.fireflow.org 经过大家努力,Fire Workflow 1.0正式版终于发布了 正式版主要变化: 1、增加IWorkItem.jumpToEx(...)方法，取消了当前环节和目标环节必须在同一条执行线的限制，使得自由流更加自由 2、增加IT
  • Python向脚本传参 daizj python脚本传参
    如果想对python脚本传参数，python中对应的argc, argv(c语言的命令行参数)是什么呢？ 需要模块：sys 参数个数：len(sys.argv) 脚本名：    sys.argv[0] 参数1：     sys.argv[1] 参数2：     sys.argv[
  • 管理用户分组的命令gpasswd dongwei_6688 passwd
    NAME： gpasswd - administer the /etc/group file SYNOPSIS： gpasswd group gpasswd -a user group gpasswd -d user group gpasswd -R group gpasswd -r group gpasswd [-A user,...] [-M user,...] g
  • 郝斌老师数据结构课程笔记 dcj3sjt126com 数据结构与算法
    <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
  • yii2 cgridview加上选择框进行操作 dcj3sjt126com GridView
    页面代码 <?=Html::beginForm(['controller/bulk'],'post');?> <?=Html::dropDownList('action','',[''=>'Mark selected as: ','c'=>'Confirmed','nc'=>'No Confirmed'],['class'=>'dropdown',])
  • linux mysql fypop linux
    enquiry mysql version in centos linux yum list installed | grep mysql yum -y remove mysql-libs.x86_64 enquiry mysql version in yum repositoryyum list | grep mysql oryum -y list mysql* install mysq
  • Scramble String hcx2013 String
    Given a string s1, we may represent it as a binary tree by partitioning it to two non-empty substrings recursively. Below is one possible representation of s1 = "great":
  • 跟我学Shiro目录贴 jinnianshilongnian 跟我学shiro
    历经三个月左右时间，《跟我学Shiro》系列教程已经完结，暂时没有需要补充的内容，因此生成PDF版供大家下载。最近项目比较紧，没有时间解答一些疑问，暂时无法回复一些问题，很抱歉，不过可以加群（334194438/348194195）一起讨论问题。     ----广告-----------------------------------------------------
  • nginx日志切割并使用flume-ng收集日志 liyonghui160com
         nginx的日志文件没有rotate功能。如果你不处理，日志文件将变得越来越大，还好我们可以写一个nginx日志切割脚本来自动切割日志文件。第一步就是重命名日志文件，不用担心重命名后nginx找不到日志文件而丢失日志。在你未重新打开原名字的日志文件前，nginx还是会向你重命名的文件写日志，linux是靠文件描述符而不是文件名定位文件。第二步向nginx主
  • Oracle死锁解决方法 pda158 oracle
    　select p.spid,c.object_name,b.session_id,b.oracle_username,b.os_user_name from v$process p,v$session a, v$locked_object b,all_objects c where p.addr=a.paddr and a.process=b.process and c.object_id=b.
  • java之List排序 shiguanghui list排序
       在Java Collection Framework中定义的List实现有Vector，ArrayList和LinkedList。这些集合提供了对对象组的索引访问。他们提供了元素的添加与删除支持。然而，它们并没有内置的元素排序支持。 　　你能够使用java.util.Collections类中的sort()方法对List元素进行排序。你既可以给方法传递
  • servlet单例多线程 utopialxw 单例多线程servlet
    转自http://www.cnblogs.com/yjhrem/articles/3160864.html 和   http://blog.chinaunix.net/uid-7374279-id-3687149.html Servlet 单例多线程 Servlet如何处理多个请求访问？Servlet容器默认是采用单实例多线程的方式处理多个请求的：1.当web服务器启动的
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他