sunscheung的博客

原创 网址收藏

1、九个头条        2、鈦媒体     3、六月雪法律网  4、关注黑客与极客5、腾讯全端 AlloyTeam 团队 Blog   6、腾讯前端社区   7、腾讯大学8、jQuery  9、知更鸟  10、张弋博客  11、程序师   12、NodeJs学习（GitHub）13、jQuery之家 14、人人都是产品经理 15、HBuilder

原创 Handsontable 的数据保存(增删改查+导出excel)

项目用到handsontable 插件 根据官网 API写的handsontable初始化, 数据展示, ajax请求, 参数封装, Controller参数接受全局容器var AllData = {};var updatelist = [];var delidslist =[];var insertlist=[];handsontable 的初始化function onIniHandsonTable(data) {KaTeX p

原创 消息不能及时回复，见谅

由于公司网络原因，无法登陆具有上传功能的平台比如百度云、CSDN等，所以消息多半无法及时回复，见谅。博客及记录包括转载、摘录内容本人暂时在github上，内容如果涉及你的授权请及时与我联系。附github：https://github.com/sunscheung/notes...

转载 pm2常用的命令用法介绍

pm2常用的命令用法介绍pm2 是一个带有负载均衡功能的Node应用的进程管理器.当你要把你的独立代码利用全部的服务器上的所有CPU,并保证进程永远都活着,0秒的重载, PM2是完美的,下面我们来看pm2常用的命令用法介绍吧。PM2 （github上的源码）是开源的基于Nodejs的进程管理器，包括守护进程，监控，日志的一整套完整的功能，基本是Nodejs应用程序不二的守护进程选择，事实上

转载 实战演练:用gulp+webpack构建用户登录

转自：http://blog.csdn.net/github_26672553/article/details/522537371.先看目录结构  src目录下是源文件，最终要”编译”到build目录下。 tpl/login.html是登录模板文件，主要代码如下 h2>用户登录h2> p>用户名：p> p>input type="text"

转载 webpack+gulp实现自动构建部署

项目结构说明 . ├── gulpfile.js # gulp任务配置 ├── mock/ # 假数据文件 ├── package.json # 项目配置 ├── README.md # 项目说明 ├── src

原创 webpack的常用命令

基本步骤：1.初始化package.json*npm init -y2.安装webpack依赖*npm install webpack --save-dev *npm info webpack : 查看webpack 信息 *npm install [email protected] --save-dev : 安装指定版本的webpack3.安装webpack开发工具*npm install webp

原创 handsontable测试

body {background: white; margin: 20px;}h2 {margin: 20px 0;}  body {background: white; margin: 20px;}h2 {margin: 20px 0;}Select editorSelect editor should be

转载 Git 工作流的一些经验分享

Git 工作流的一些经验分享笔者使用git有一段时间了，踩过不少坑，这里分享下我在git工作流方面的一些经验。什么是Git工作流？Git工作流你可以理解为工作中团队成员遵守的一种代码管理方案，在Git中有以下几种工作流方案作为方案指导：集中式工作流功能开发工作流Gitflow工作流Forking工作流下面针对性说下每个工作流可能使用到的场景和适用性：

转载 一劳永逸的搞定 flex 布局

一劳永逸的搞定 flex 布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS 中并不存在 float: center 的写法，那么 text-align: center、v

转载 session, sessionID和cookie

一、cookie机制和session机制的区别*************************************************************************************具体来说cookie机制采用的是在客户端保持状态的方案，而session机制采用的是在服务器端保持状态的方案。同时我们也看到，由于才服务器端保持状态的方案在客户端也需要保存

转载 js的一些坑

本文作者：Aurélien Hervé 编译：胡子大哈翻译原文：http://huziketang.com/blog/posts/detail?postId=58e06b98a58c240ae35bb8dd 英文连接：Who said javascript was easy ?1. 你是否尝试过对一个数字数组进行排序呢？JavaScript 中的 sort(

转载 我理解中的“大前端”/“大无线”

内容包含五部分：前言，NodeJS职能变化，ReactNative的大规模应用，专门的架构组职能，总结。主要是介绍我所在团队最近的一些变化和思考。前言 最近，我所在的团队做了一些结构调整，其实我一直想讲讲这次调整，希望能够带给同行一些思考，但因调整后很多事情还未走上正轨，一直拖延着，现在终于有时间把一些想法写下来记录成文字。今天早晨，还看到一篇文章，讲“大前端”，文中展望了近年来“前端”影响的领域

原创 生成某个范围内N个不重复随机数与生成固定长度数组

生成某个范围内N个不重复随机数与生成固定长度数组function getRndNum(num,min,max){ var n = []; for(var i = min; i < max; i++){ n.push(i); } n.sort(function(){ return 0.5 - Math.random() });

原创 Angular使用Promise解决多个异步回调问题

Promise的基本用法var p1 = new Promise((resolve, reject) => { setTimeout(resolve, 1000, 'done'); })p1.then(data=>{ console.log(data); // done})//angular中的promise使用function pAjax(dataUrl,data) {

原创 改写ui-grid headerCellTemplate

改写ui-grid headerCellTemplate myHeaderCellTemplate 中为uigrid表头模板，此处copy过来，改写 /**改写ui-grid myHeaderCellTemplate,注意必须增加 trustHtml过滤器(在模块中增加)* 取代原有的 CUSTOM_FILTERS ***     * myApp.f

原创 base64转blob Ajax上传文件，服务器端接收不到

function convertBase64UrlToFileOrBlob(dataURI,type=0) { var arr = dataURI.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]),fileExt = mime.split('/')[1], n = bstr.length, u8arr

转载 Angular 组件间通信

Angular 组件间通信 原文链接阅读原文：Getting Components to Communicate in Angular核心要点：由于Angular是基于组件的应用架构，因此可以在组件之间进行进行数据传递。你可以使用@Input()将数据传递到子组件中。你可以使用@Output()从子组件中获取数据。随着应用变得越来越复杂，父/子组件之间的

转载 Angularjs启动过程

启动过程（v1.3.9）步骤一用自执行函数的形式让整个代码在加载完成之后立即执行in angular.js Line6 (function(window, document, undefined)在window上暴露一个唯一的全局对象angular，Line250 angular = window.angular || (window.angular = {

原创 生成某个范围内N个不重复随机数与生成固定长度数组

functiongetRndNum(num,min,max){    varn = [];    for(vari = min; i         n.push(i);    }    n.sort(function(){return0.5 - Math.random()});    n.length

转载 echarts重写图例点击事件

echarts version: 3.1.2修改图例点击事件样例代码：当第一次点击图例时，只显示点击的图例。当还剩一个图例被取消选中后，自动全选中所有图例。 var triggerAction = function(action, selected) { legend = []; for ( name in selected) {

转载 开发自己的 yeoman 脚手架（generator-reactpackage）

开发自己的 yeoman 脚手架（generator-reactpackage）转自：https://juejin.im/entry/57c938510e3dd90063e3c725想体验一把 Ubuntu 系统玩一下命令行？试试腾讯云上实验室吧 https://cloud.tencent.com/developer/labs原文链接：http://luckyk

转载 Js类和继承的实现

众所周知，JS并没有类(class)的概念,虽然说ES6开始有了类的概念，但是，这并不是说JS有了像Ruby、Java这些基于类的面向对象语言一样，有了全新的继承模型。ES6中的类，仅仅只是基于现有的原型继承的一种语法糖，下面我们好好分析一下，具体是如何实现的面向对象思想在讲正题之前，我们先来讨论一下各种面试题都可能出现的一个问题，什么是面向对象编程（OOP）?类：定义某一

转载 async和await简化回调函数嵌套

不使用回调函数的ajax请求实现（async和await简化回调函数嵌套）在常规的服务器端程序设计中， 比如说爬虫程序， 发送http请求的过程会使整个执行过程阻塞，直到http请求响应完成代码才会继续执行， 以php为例子$url = "http://www.google.com.hk";$result = file_get_contents($url);echo

转载 Angularjs中的$Http与$resource

一.使用$http$http服务是只能接受一个参数的函数，这个参数是一个对象，包含了用来生成HTTP请求的配置内容。这个函数返回一个promise对象，具有success和error两个方法。例如代码：$http({   method:"GET",   url:'/xx/xx'}).success(function(data,status,headers,c

转载 前端的异步解决方案之Promise和Await-Async

异步编程模式在前端开发过程中，显得越来越重要。从最开始的XHR到封装后的Ajax都在试图解决异步编程过程中的问题。随着ES6新标准的出来，处理异步数据流的解决方案又有了新的变化。Promise就是这其中的一个。我们都知道，在传统的ajax请求中，当异步请求之间的数据存在依赖关系的时候，就可能产生很难看的多层回调，俗称”回调地狱”（callback hell）。另一方面，往往错误处理的代码和正常

转载 html-webpack-plugin用法全解

本文只在个人博客和 SegmentFault 社区个人专栏发表，转载请注明出处个人博客: https://zengxiaotao.github.ioSegmentFault 个人专栏: https://segmentfault.com/blog/zengxiaotaohtml-webpack-plugin 可能用过的 webpack 的童鞋都用过这个 plugin ,就算没用过可能

转载 大数据抓取采集框架

大数据抓取采集框架随着BIG DATA大数据概念逐渐升温，如何搭建一个能够采集海量数据的架构体系摆在大家眼前。如何能够做到所见即所得的无阻拦式采集、如何快速把不规则页面结构化并存储、如何满足越来越多的数据采集还要在有限时间内采集。这篇文章结合我们自身项目经验谈一下。我们来看一下作为人是怎么获取网页数据的呢？1、打开浏览器，输入网址url访问页面内容。2、复制页面内容的标题、作者

转载 前端不为人知的一面--前端冷知识集锦

HTML篇浏览器地址栏运行JavaScript代码这个很多人应该还是知道的，在浏览器地址栏可以直接运行JavaScript代码，做法是以javascript:开头后跟要执行的语句。比如：javascript:alert('hello from address bar :)');将以上代码贴到浏览器地址栏回车后alert正常执行，一个弹窗神现。需要注意的是如果

原创 Handsontable 的数据保存

项目用到handsontable 插件根据官网 API写的handsontable初始化,数据展示,ajax请求,参数封装,Controller参数接受全局容器 var AllData = {}; var updatelist = []; var delidslist =[]; var insertlist=[];han...

转载 scrollWidth,clientWidth,offsetWidth的区别 通过一个demo测试这三个属性的差别。 说明： scrollWidth：对象的实际内容的宽度，不包边线宽度，会随对象

scrollWidth,clientWidth,offsetWidth的区别说明：scrollWidth：对象的实际内容的宽度，不包边线宽度，会随对象中内容超过可视区后而变大。 clientWidth：对象内容的可视区的宽度，不包滚动条等边线，会随对象显示大小的变化而改变。 offsetWidth：对象整体的实际宽度，包滚动条等边线，会随对象显示大小的变化而改变。 

转载 Angular系列文章之angular路由

路由(route)，几乎所有的MVC(VM)框架都应该具有的特性，因为它是前端构建单页面应用(SPA)必不可少的组成部分。那么，对于angular而言，它自然也有内置的路由模块：叫做ngRoute。不过，大家很少用它，因为它的功能太有限，往往不能满足开发需求！！于是，一个基于ngRoute开发的第三方路由模块，叫做ui.router，受到了大家的“追捧”。

转载 ES6十大特性

4        ES6（ECMAScript2015）的出现，无疑给前端开发人员带来了新的惊喜，它包含了一些很棒的新特性，可以更加方便的实现很多复杂的操作，提高开发人员的效率。 本文主要针对ES6做一个简要介绍。 主要译自：  http://webapplog.com/ES6/comment-page-1/。也许你还不知道ES6是什么, 实际上, 它是一种新的ja

转载 AngularJS 最常用的八种功能

AngularJS 使用基础知识 第一 迭代输出之ng-repeat标签 ng-repeat让table ul ol等标签和js里的数组完美结合<ul><li ng-repeat="person in persons">{{person.name}} is {{person.age}} years old.</li></ul>你甚至可以指定输出的顺序：<li ng-repeat="per

转载 Angular的自动化测试

当Angular项目的规模到达一定的程度，就需要进行测试工作了。本文着重介绍关于ng的测试部分，主要包括以下三个方面：框架的选择（Karma+Jasmine）测试的分类和选择（单元测试 + 端到端测试）在ng中各个模块如何编写测试用例下面各部分进行详细介绍。测试的分类在测试中，一般分为单元测试和端到端测试，单元测试是保证开发者验证代码某部分有效性的技术，端到端（E2E）

转载 十个由浅入深的Angular.js问题

虽然只有10个问题，但是覆盖了angular开发中的各个方面，有基本的知识点，也有在开发过程中遇见的问题，同时也有较为开放性的问题去辨别面试者的基础水准和项目经验（PS:答案仅供参考～）。1. ng-show/ng-hide 与 ng-if的区别？我们都知道ng-show/ng-hide实际上是通过display来进行隐藏和显示的。而ng-if实际上控制dom节点的增删除来实现的。因此

原创 报纸传媒

一个中心 ：内容为王           两个基本点：线上、线下（浅快、深全）           三个方向：原创、评论、互动           四个特性：专业性、权威性、针对性、真实性1、法制2、教育3、生活

转载 网站评论功能数据库设计和开发

网站评论功能数据库设计和开发来自：http://www.kuqin.com/shuoit/20160113/350008.html需求分析现阶段评论做的最好的我想应该是网易新闻（app）里面的评论模块了，其“盖楼”的方式让人印象深刻，评论已经成为该app的核心功能之一了。市面上大部分app的评论模块设计的还是相对简单的，这是可以理解的，因为评论模块不是这些a

原创 webpack知识图

转载 ANGULAR JS WATCH监听使用

ANGULAR 监听使用：当angular数据模型发生变化时，我们需要如果需要根据他的变化触发其他的事件。$watch是一个scope函数，用于监听模型变化，当你的模型部分发生变化时它会通知你。$watch(watchExpression, listener, objectEquality);watchExpression需要监控的表达式