- 博客(38)
- 资源 (8)
- 收藏
- 关注
原创 node 可读流 读取文件百分比显示进度
node 可读流 读取文件百分比显示进度标签: Node效果如下源码const fs = require( 'fs' )const path = require( 'path' )const src = path.join( __dirname, './movie.avi' )// 根据指定的文件创建一个可读流,得到一个可读流对象let readStream = fs.createReadSt
2017-02-28 15:46:48
2148
原创 node 实现 less 自动编译工具的制作
node 实现 less 自动编译工具的制作标签: nodegithub项目源码地址:点此进入实现思路先简单实现,将一个 less 文件编译成 css 文件再实现,通过监视自动将 less 文件编译成 css 文件项目结构lib 源码demo 编译demo包 dist 编译文件生成目录src 源文件目录开发流程npm init -y 生成 package.json 文件在 pa
2017-02-28 00:56:42
2216
原创 vue-router
概念:什么是路由 根据不同的url 加载不同的 vue 组件什么是路由规则 在浏览器上看到的 #/xxx 就是路由规则路由规则的几种表现形式 无参路由规则:/Home/Home/news有参路由规则/Home/news/:id -> 传递 id 值如: /Home/news/15使用:注意:这个步骤是 vue2.x + vue-router2.x 1. 安装 cnpm inst
2017-01-23 14:36:29
3665
原创 vue基础
vue 组件一个 .vue 的组件的页面结构 <template> 第一部分:放置 html 结构 </template> <script> 第二部分:放 js 代码, 这个 js 代码分为两块: 1. 这个vue组件是一个模块,所以需要导入其他模块 任何东西都可以作为模块导入(.css .less .scss .v
2017-01-23 14:35:41
716
原创 webpack的基本使用
webpack的基本使用标签(空格分隔):webpackwebpack 的 基本语法webpack main.js build.js 入口文件 main.js 自动加载依赖 输出文件 build.js使用 webpack.config.js进行命令的简化处理webpack.config.js 默认配置文件,webpack会自动去找这个文件// 默认配置文件,webpack.config.js
2017-01-23 01:20:17
932
原创 Ionic 启动流程
Ionic 启动流程标签: ionic<link href="lib/ionic/css/ionic.css" rel="stylesheet"> ionic 样式文件包<script src="lib/ionic/js/ionic.bundle.js"></script> 将 ionic angular都引入了,在 bundle.js中集成了<script src="cordova.js">
2017-01-04 17:30:32
2321
1
原创 Ionic 整理项目结构 - 抽离 + 功能模块划分
Ionic 整理项目结构 - 抽离 + 功能模块划分标签: ionic重新整理结构为什么要抽离controller.js 所有的控制器都在 controller.js 中,就会动不动就几百行上千行,对于查找运维定位都很不方便app.js 所有的路由文件都在这里,那每个合作的人都会修改这个文件,那就会产生大量的冲突,非常不方便,所以要分离抽取步骤: app.js run 控制项目启动
2017-01-04 16:00:04
1711
原创 Node概览
Node学习笔记1标签: Node什么是node node 是一个构建于v8引擎之上的脚本语言 node 是javascript么?不是 node 可以用来解析和执行 > javascript,是一个javascript运行环境 node event-driven 事件驱动 non-blocking I/O model 非阻塞I/O 模型 lightweigh
2016-12-27 20:27:37
410
原创 模块化,requirejs 和 seajs 的异同
模块化定义:是指解决一个复杂问题时自顶向下逐层把系统划分成若干模块的过程,有多种属性,分别反映其内部特性。定义模块化是一种处理复杂系统分解为更好的可管理模块的方式。生活中: pc 电脑由各种组件构成, Geogle 模块化的手机程序模块化: 日期模块 Date 数学计算模块 Math 日志模块 登录认证模块 报表展示模块…. 所有的这些模块共同的组成了程序软件系统(模块系统)程序模块化开发的优
2016-12-27 20:26:31
590
原创 jq框架封装学习笔记5-样式操作与属性操作模块
样式操作有哪些方法常用.css(), .addClass(), .hasClass(), .removeClass(),.toggleClass().css 方法 <script> jepson.fn.extend( { css: function( option ) { var self = this;
2016-12-22 18:47:31
606
原创 jq框架封装学习笔记4-DOM操作模块
jquery - DOM操作核心框架成员核心成员1> selector 用来存储该 itcast 对象的选择器2> toArray 方法3> get 方法4> each 与 map 方法5> eq 方法selector 和 toArrayselector凡是使用选择器获得元素来创建的 jq 对象都有 selector 属性凡是使用 jq 对象创建 jq 对象都有 该属性其实就是为了说明
2016-12-18 15:05:27
581
原创 jq框架封装学习笔记3-封装select引擎
parseHtml在 jq 中有有一个创建 DOM 对象的方法$( ‘’ )[ 0 ] 或者 .get( 0 )$( ‘#d’ )$( ‘html’ )$( dom )(( obj )$( func )function $ ( arg ) { if ( arg 是 选择器 ) { } else if ( arg 是函数 ) { } else if ( arg 是 DOM 对象 )
2016-12-18 15:04:53
700
原创 jq框架封装学习笔记2-选择模块
select选择器引擎初步封装 /** * Created by Jepson on 2016/11/20. */ var select = (function () { // 基本函数, support 对象, 验证 qsa 与 byclass var support = {}; var rnative = /\{\s
2016-12-18 15:04:00
665
原创 jq框架封装学习笔记1-框架介绍与选择器框架
jq框架学习框架的选择器模块框架的结构DOM 基本操作(元素的操作)事件处理属性操作样式操作简单动画简要分析 jq 框架 jq是模块化的,是一个以代码集合和功能为中心的模块 Sizzle 选择器引擎,非常常用的选择器引擎jq 的整体结构: (function( window, undefined ) { // })( window );
2016-12-18 15:02:43
2918
原创 CSS3实战 - 3d转换 - 3d 导航
CSS3实战 - 3d转换 - 3d 导航 练习,感兴趣的可以参考,效果如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS3 3D转换</title> <style> body,ul {
2016-11-17 02:32:00
470
原创 Canvas根据数据绘制饼形统计图
我们只要不是要去用 canvas 做游戏,那只要能做到 让 数据 可视图形化 即可,下面是 canvas 绘制饼形统计图的练习<canvas width="600" height="400" id="cas" style='border: 1px solid black;'></canvas><script> /* 公共方法 */ // 弧度与角度的互相切换 functio
2016-11-17 02:07:23
1697
原创 Canvas 绘制折线统计图
我们只要不是要去用 canvas 做游戏,能做到 让 数据 可视图形化 即可,下面是 canvas 绘制折线统计图的练习 <canvas width="600" height="400" id="cas" style='border: 1px solid black;'></canvas><script> var cas = document.getElementById( 'cas'
2016-11-17 00:30:04
3646
原创 canvas初级篇
Canvas基本篇 - 大家一起玩一玩 Canvas什么是Canvas就是 HTML 5 给出的一个可以展示绘图内容的标签,最早是 苹果公司 提出的 该标签。 canvas 使用领域 :游戏可视化数据(重点)banner 广告多媒体未来模拟仿真 threejs.org ( 卖汽车的公司有些用这个做 3d 仿真展示 )远程操作 万网远程控制貌似有用到图形编辑 网页版的 ps,很多网站已
2016-11-16 15:15:19
645
原创 解决Ajax 跨域问题 - JSONP原理解析
解决Ajax 跨域问题 - JSONP原理解析为什么会有跨域问题? - 因为有同源策略同源策略是浏览器的一种安全策略,所谓同源指的是 请求URL地址中的 协议, 域名 和 端口 都相同,只要其中之一不相同就是跨域同源策略主要为了保证浏览器的安全性在同源策略下,浏览器**不允许**Ajax跨域获取服务器数据 http://www.example.com/detail.html 跨
2016-11-11 23:24:55
11592
7
原创 6- js 函数的四种调用方式
6. 函数的四种调用方式函数有下列调用模式函数调用模式方法调用模式构造器模式上下文模式1. 函数调用 模式要调用,就肯定要先定义,函数的定义方式:声明式: function fuc() {}表达式式: var func = function() {};Function: new Function( ‘参数’,…,’函数体’ );单独独立调用的,就是函数调用模式,
2016-11-04 13:41:54
16269
原创 5js面向对象基础-闭包的概念及应用
5 js面向对象基础 - 闭包的概念及应用闭包的概念 注意:预解析,变量声明,词法作用域,作用域链等知识的理解,对闭包的彻底理解起重要的作用。没有基础的建议先看上一篇 4 js面向对象基础 - 预解析,词法作用域,作用域链字面意义:闭 : 关闭,封闭包 : 包裹, 打包闭包的含义就是一个被包裹的隔离的空间在 js 中, 什么是闭包 ?在 js 中函数是一个具有变量作用域隔离特性的一个
2016-11-03 00:32:34
1325
原创 4 js面向对象基础 - 预解析,词法作用域,作用域链
代码的预解析预解析 分为 预 和 解析,指 提前的翻译解释, 在运行代码之前的一个解释.为什么需要它?可以尽可能提高执行效率。编译型语言: C, C++, C#, Java就是需要一个 “翻译” 程序, 将源代码翻译成计算机可以读懂的二进制数据( 指令 ).然后存储成可执行文件.-> 提前翻译好, 运行时直接执行得结果解释型( 脚本型 ): JavaScript, SQL, …代码在执行的时候,
2016-11-01 20:31:26
658
原创 3-js面向对象基础 原型链进阶
3-js面向对象基础 原型链进阶对象的原型链凡是对象都有原型构造函数 Person 创建的对象 实例 p 有原型 => Person.prototype 或 p.__proto__Person.prototype 是对象实例, 所以他也有原型 => Person.prototype.__proto__问题: 原型是什么? 原型是对象。那对象又有原型,如何是个头? function Pe
2016-10-31 00:18:16
987
原创 2. js基础 - 原型和继承
原型与继承为什么需要原型?构造器创建对象的时候, 实际上会有成员重复 如果使用 构造器 this.方法名 = function …. 方式创建对象. 那么每一个对象对应的方法就会重复 function Person( name ) { this.name = name; this.sayHello = function() { cons
2016-10-29 20:58:21
640
原创 1.2 案例:利用构造函数创建表格 table
案例:利用构造函数创建表格 table1. 构建基本逻辑 添加属性<script> function cTag( tagName ) { return document.createElement( tagName ); } function Table() { /* 实际上在调用这个构造函数的时候,应该利用 DOM 方法 *
2016-10-29 20:57:53
1119
原创 1.1 js 面向对象的基本概念和基本使用方法
js 面向对象的基本概念和基本使用方法-> js 是不是一个面向对象的语言? 不是:与传统面向对象的理论语言有矛盾。C#,Java。是:js里面到处都是对象,数组,时间,正则… 和 DOM。也可以像传统面向对象的语言那样用 new 的方式创建对象-> js是一个基于对象的多范式编程语言。 面向过程的方式面向对象的方式函数式 递归与链式 例: Jquery 链式编程面向对象的概念
2016-10-27 00:49:19
1964
原创 CSS3实战 - 3d转换 - 超级立方体
3d 转换 实战,超级立方体,源码在下面,感兴趣的可以参考效果是这样的: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS 3D转换</title> <style> body {
2016-10-14 21:07:54
812
原创 CSS3实战 - 2d转换 - 我也画一个哆来A梦耍耍
画哆来A梦练了练基本功,源码发上,感兴趣的童鞋可以参考,效果如下 公用CSS,doraemon.css .wrapper { margin-top: 100px; text-align: center; } /* 叮当猫整体 */ .doraemon { padding:50px; display: inl
2016-10-14 21:05:27
1600
原创 CSS3黑科技 - 内凹圆角
CSS3 黑科技 - 内凹圆角 - 径向渐变实现圆角,大家一定都会做,border-radius, 内凹圆角如何实现?可以拿个白色圆盒子盖住方形盒子的大半边实现,但是这样,是不透明的,背景发生改变时,就要改遮盖盒子的颜色,或者背景是渐变,改起来更麻烦,或背景是图片等等,就直接不太好改了,这种方法就有局限性。 说白了就是遮盖的那部分不透明以后,自适应性不强。这里介绍一个用径向渐变实现的内凹圆角,可以解
2016-10-14 21:02:54
22279
1
原创 hbuilder git 新建共享项目
新建项目共享,提交到自己git上已有的仓库新建一个本地库problems2 本地库路径工作空间 NO-HEAD Commit,提交到本地库 master local本地分支 remote 远程库,配置远程库,自己起个名字叫 JepsonGithub 下面要填写远程库的地址,在自己的github里面可以复制过来 这里填写你的GitHub账号和密码 配置上传 push Local
2016-03-24 13:29:03
5406
原创 android使用jre自带工具生成证书
确保电脑上安装了JRE,我们将使用JRE自带的创建和管理数字证书的工具Keytool。 C:\Program Files (x86)\Java\jre1.8.0_65\bin>keytool -genkey -alias Insurance -keyalg RSA -validity 10000 -keystore insurance.keystorekeystore helloworld.ke
2016-03-23 02:43:43
1469
原创 jeesite框架搭建 (mysql数据库)
官网文档地址: https://github.com/thinkgem/jeesite/tree/master/doc 官网源码地址: https://github.com/thinkgem/jeesite文档可以下载下来看看哈。源码不用说,下。接下来搭建环境:安装jdk,配置环境这个不用说了吧 注意一点,jdk位数要和eclipse一样,比如jdk 32位的,那eclipse就也要 3
2016-01-12 02:52:21
17910
3
原创 Cocos2d3.0学习笔记-Action复杂动作
今天我们来学习一下,较为复杂的动作。 内容主要有贝塞尔曲线运动重复动作组合动作贝塞尔曲线运动 - BezierTo BezierBy不了解贝塞尔曲线的,可以百度一下相关知识,这里只做实现就不解释了。 一共有两种,BezierTo和 BezierBy BezierTo 是向目标位置进行移动,与精灵当前位置无关BezierBy 是在当前精灵的位置基准下进行移动的BezierTo实现//
2015-12-06 18:05:04
949
原创 Cocos3.0学习笔记-Acition-基本动作
MoveTo ##MoveTo动作,就是将精灵(或其他元素)移动到指定位置,与精灵本身的位置无关。 //获取屏幕资源 Size visiableSize = Director::getInstance()->getVisibleSize(); //----------------------- move to 精灵移动到,指定的位置------------------------
2015-12-06 01:33:51
810
原创 Cocos2d-x3.0 新成员Value,Vector,Map详解
ValueValue,代表值,可以存放“任意”类型的值,当然“任意”有一定范围。F12转到定义。class CC_DLL Value{public: static const Value Null; Value(); explicit Value(unsigned char v); explicit Value(int v); explicit Value(
2015-12-03 13:51:30
922
原创 Android轻量型数据库SQLite详解
数据库是Android存储方案的核心,在Andorid中SQLite非常轻量,而且执行sql语句甚至比mysql还要快。 SQLiteDatabase 是 Android 中操作数据库的核心类之一,使用SQLiteDatabase可以打开数据库,也可以对数据库进行操作,然而,为了数据库升级以及使用更加方便,我们常用SQLiteOpenHelper的子类来完成创建,打开数据库的操作。 SQLite
2015-12-01 23:22:30
1391
原创 LUKS(Linux Unified Key Setup)Linux 硬盘加密,可以达到最底层的加密
工具:cryptsetup。cryptsetup是linux下得一个分区加密工具,是在经过加密的块设备上再创建文件系统,然后再进行挂载使用,可以达到最底层的加密。假设所要加密分区为 sdc1 ,加密密码为 123456 。1. 加密: #cryptsetup luksFormat /dev/sdc1#设置sdc1 为加密分区,会提问是否确定。 WARN
2015-05-06 02:28:47
4170
原创 Ext类型文件系统,文件删除恢复
工具:extundelete1.解压:# tar -jxvf extundelete-0.2.4.tar.bz22. cd /extundelete (我是解压在根目录的)进入解压后的文件夹,执行./configure 发现缺少 ext2fs3.安装ext2fs# cd /media/RHEL_6.2\ x86_64\ Disc\ 1/# ls *2fs*列
2015-04-26 21:43:07
514
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人