陈天天

原创 写给那些转行做前端的人们

前端是一个相对比较新的行业。但在这几年期间，随着W3C标准的不断更新以及node.js的兴起，基于node.js一系列的工具和诸多前端框架都参差不齐的浮出水面。大多数不了解前端的人转行前端，第一点原因是前端极其低的门槛，在培训机构培训3个月即可速成。第二点是他们对前端的理解，普遍停留在毫无计算含量的网页布局以及和美工一样的样式设计。计算机专业的人选择前端，是因为他们认为前端不需要过多的逻辑思维计算，

原创 linux基础笔记

常见目录的作用基本命令常见目录的作用/ 根目录/bin 存放必要的命令/boot 存放内核以及启动所需的文件等/dev 存放设备文件/etc 存放系统的配置文件/home 用户文件的主目录，用户数据存放在其主目录中/lib 存放必要的运行库/mnt 存放临时的映射文件系统，我们常把软驱和光驱挂装在这里的floppy和cdrom子目录下。/proc

原创 mongoose API

mongoose APITOC查询接口修改接口已User和Beacon数据模型为例const UserSchema = mongoose.Schema({ username: { type: String, unique: true }, passhash: String, nickname: String, fans: [{ type: Schem

原创 mongodb日记篇

1.mongo一些进程操作:导出数据库: mongoexport –db dbs –collection table –out ./users.json导入数据库: mongoimport –db dbs –collection table –file ./users.json

原创 canvas笔记

canvas笔记TOC重要公式坐标系统 浏览器坐标转换成canvas坐标canvas坐标变换案例重要公式1弧度 = (∏ / 180)度1度 = (180 / ∏)弧度　像素帧=X毫秒帧×1秒1000毫秒×Y像素秒 \dfrac{像素}{帧} = \dfrac{X毫秒}{帧}\times\dfrac{1秒}{1000毫秒}\times\dfrac{Y像素}{秒} 坐标系统浏览器坐

原创 js 颜色10进制转化成rgba

function getColor(layer) { let color = layer.JCARGB; const blue = parseInt(color % 0x100, 10); color = color >>> 8; const green = parseInt(color % 0x100, 10); co

原创 js继承原理

- 传统方法// 参数为两个类 function extend(subClass,superClass) { var f=function(){} f.prototype=superClass.prototype; subClass.prototype=new f(); // 将子类的原型对象的构造类指向自己的类 subCl

原创 ccs框模型与可视化格式模型

框模型marginpadding无效的情况margin折叠可视化格式模型包含块常规流块格式化上下文BFCblock formatting context框模型margin，padding无效的情况margin对于table相关类型 ( 除了table-caption,table,inline-table这3类 ) 的元素是不起作用的，如td,tr,th等。另外对于行内非替换元素 ( 如s

原创 一键去win7快捷方式小箭头

新建脚本文件 *.bat:reg add "HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\Shell Icons" /v 29 /d "%systemroot%\system32\imageres.dll,196" /t reg_sz /ftaskkill /f /im explorer.exeattr

原创 angular服务插件1——对话框&提示框

const angular = require("angular");const jqLite = angular.element;/** * @ngdoc service * @name commonModal * @module common.modal.service * */module.exports = angular.module('common.modal.service

原创 angular指令插件1——toggle

/** * @ngdoc directive * @name myToggle * @module index * @restrict E */(function () { 'use strict'; var jqLite = angular.element, forEach = angular.forEach; angular.module('ind

原创 git解决误操作

今天在做项目的时候，不小心多删除了几个文件夹，并push上去了，不知道怎么恢复，后来通过git恢复到了之前的版本后，把之前版本的文件夹复制下来后，又跳转到了最新的版本，把复制的文件放到了最新的版本：用到的操作git stashgit loggit checkout <之前的版本号>*git checkout <最新的版本>git stash apply <缓冲号>git stash

原创 docker菜鸟笔记——总结1

linux操作：pwd //查看路径cp -r <> <> //复制目录vim <文件> //编辑文件ps -ef|grep nginx //查看过滤进程kill -9 PID //关闭指定进程netstat -tlnp //查看网络信息touch <> //创建文件cat <> //展开文件内容whereis nginx //查看包含nginx的所有路径docker有用的操作

原创 ionic返回键双击退出

一、准备Toast插件 插件地址：cordova plugin add https://github.com/EddyVerbruggen/Toast-PhoneGap-Plugin.git二：代码.run(function ($ionicPlatform, $rootScope, $location, $timeout, $ionicHistory, $cordovaToast) {

原创 ionic更改应用图标和启动画面

如果要更改应用的启动图标和启动画面在以前版本中只需要两个步骤:生成应用的图标最小的尺寸是192x192px,不过我建议最好的效果是1024x1024px,启动画面的图片是2208x2208px中间区域是1200x1200px后缀名可以是:.png,.psd.ai 然后在你项目的根目录文件下找到resources文件夹(如果没有一般要执行 ionic build以后才会出现),结构如下然后在你根

原创 js数学 atan2 cos sin

1.给出相对坐标中心o，p1到o的距离l,p1到x轴的角度angle(0~2PI)left：x0+Math.cos(angle)top: y0+Math.sin(angle)2.给出相对坐标中心o，p1坐标，求p1关于x轴的夹角//angle大于-Math.PI,小于Math.PI// (-∏,∏) var angle=astan2(y1-y0,x1-x0);案例：用canvas写一个摆

原创 DOM元素尺寸offsetWidth,scrollWidth,clientWidth等详解

例子：<div id="div" style="height: 200px;width: 200px;border:solid 50px red;overflow:auto;padding:50px"> <div id="info" style="height:400px;width:400px;border:solid 1px blue;"></div> <script>

原创 angularjs ajax post跨域提交数据

前端设置 /*插入分享API*/ .factory('AddShare', function ($http, host) { return function (data) { var paramArr=[]; for(var key in data){ paramArr.push(key+"=

原创 gulp神器，Grunt靠边

已有许多博客，都有gulp的介绍 http://www.open-open.com/lib/view/open1417068223049.html

原创 weinre 桌面调试web移动端神器

1.安装npm -g install weinre //安装weinre 2.启动服务器weinre –boundHost [hostname | ip address |-all-] –httpPort [port] //启动weinre 3.调试3.1 查看自己的局域无线网，并访问（添加端口） 3.2 在移动端打开需要调试的网页 3.3 电脑上进入 http://193.8.104.

原创 webApp——媒体查询

1.屏幕方向竖屏 @media screen and (orientation:portrait) 横屏 @media screen and (orientation:landscape)2.像素，分辨率@media screen and (-webkit-min-device-pixel-ratio:2)（1） CSS pixels与device pixels CS

原创 云存储上传的CORS问题

概念：Cross-Origin Resource Sharing (CORS)是W3c工作草案，它定义了在跨域访问资源时浏览器和服务器之间如何通信。CORS背后的基本思想是使用自定义的HTTP头部允许浏览器和服务器相互了解对方，从而决定请求或响应成功与否。对一个简单的请求，没有自定义头部，要么使用GET，要么使用POST，它的主体是text/plain,请求用一个名叫Orgin的额外的头部发送。Or

原创 learnSystem项目的thinkphp总结

->getField(‘stu_id’,10) 查询stu_id到一个数组中，且数组长度小于10设置‘HTTP_CACHE_CONTROL’=>’no-chache,no-store’ 来防止页面缓存（包括点击后退，刷新)当上传文件的时候,后台不要用$this->ajaxReturn()返回响应，用exit(1)控制器中 $this->count等同于 $this->assign(‘count

原创 illustrator工具的笔记

面板1. 按住【Alt】并拖动画布可以复制该选中的花画板圆角矩形2. 绘制一个圆角矩形：若想改变圆的半径，那么在您释放鼠标或触控板前按上下箭头直线 3. 向一个直线段添加箭头 选中直线路径，点击控制面板的描边，选择箭头钢笔工具4. 若想从路径中释放钢笔工具，则按住【Ctrl】键，并单机路径之外的任意处。5. 将一种描点转换成另一种描点：将钢笔工具悬停在一个锚点上，并

原创 js观察者模式

观察者模式特点：（解耦和）将应用程序分解为更小、更松散耦合的块，以改进代码管理和潜在的复用。它不同于将许多代码封装到许多个函数，因为它可以动态的让对象取消订阅. jquery的实现方法： //Publish $(obj).trigger('channel',[arg1,arg2]); //Subscribe $(obj).on('channel',function(event,a

原创 js单例模式

一.单例模式特点：Singleton不同与静态类（或对象）因为我们可以推迟他们的初始化，这通常是因为它们需要一些信息，而这些信息在初始化期间可能无法获得，这不同与程序一开始就初始化的模块模式。======方法一============================ function Universe() { //缓存实例对象 var instance;

原创 页面中的charCode值

1.　 HTML中字符输出使用&#x配上charCode值； 2.　 在JavaScript文件中为防止乱码转义，则是\u配上charCode值； 3.　 而在CSS文件中，如CSS伪元素的content属性，直接使用\配上charCode值。将一个字符转为为charCode"我".charCodeAt(0).toString(16)

原创 php中header函数参数的Cache-control:private,no-cache,must-revalidate,max-age是使用方法!

由于我做的是登录,也就是用户登录每次登陆时都要来访问服务器，不需要在客户机做缓存，于是在网上找了找，发下一下文章不错于是传了上来。 网页的缓存是由HTTP消息头中的“Cache-control”来控制的，常见的取值有private、no-cache、max-age、must-revalidate等，默认为private。其作用根据不同的重新浏览方式分为以下几种情况：（1） 打开新窗口 值为pri

原创 jquery的动画插件制作

扩展$.animate当前jquery提供了animate({key:value})形式的动画,但这个函数只能用于简单的“数字+单位”（10px)。像样式background-position:10% 10%,transform都不支持。所以我们要写入自己的动画插件来扩展它。1.以扩展background-position为例 ,首先我们要在$.Tween.propHooks插入对应的

原创 jquery插件的通用模版

...........................................................

原创 overflow总结

overflow总结目录overflow总结目录overflow autooverflowhidden内部浮动无影响overflowhidden避免子元素margin穿透1.overflow :auto 1.当overflow-y：hidden、scroll、auto时，overflow-x会自动变为auto 此时，如果子容器width:100%,会显示x轴的滚动条

原创 phonegap之cordova构建Android app

phonegap是通过html5开放安卓app的强大软件，它的出现秒杀了一切学手机安卓，ios软件的小生们。作为一个前端html5开发者，我不能不说，这个软件造福于人类呀。首先phonegap需要如下软件依次安装：                         讨厌的：eclipse(我也是醉了，一个学前端的，按这个java的东西，让我考虑的很久)

原创 iScroll5中文API

原创 phpthink项目搭建流程经验

index.php文件中// 开启调试模式 建议开发阶段开启 部署阶段注释或者设为falsedefine('APP_DEBUG',True);// 定义应用目录define('APP_PATH','./Application/');//不希望生成目录安全文件define('BUILD_DIR_SECURE', false);config.php文件中

原创 php is_null,isset,empty函数的区分

测试的类型如下： $a;$b = false;$c = '';$d = 0;$e = null;$f = array();?> empty()  代码如下复制代码var_dump(empty($a));var_dump(empty($b));var_dump(empty($c));var

原创 html5 Selection,Range对象

Range对象与Selection对象 Document 你是什么东西发生的法师打发士大夫 你是什么东西发生的法师打发士大夫 获得range信息 删除p2节点的range 删除p2内容指定位置的range 删除所有range 添加选区 //====================

原创 thinkphp之视图总结

一、改变所有模块的模板文件目录可以通过设置TMPL_PATH常量来改变所有模块的模板目录所在，例如：define('TMPL_PATH','./Template/');原来的./Application/Home/View/User/add.html变成了./Template/Home/User/add.html。二、简化模版的目录层次

原创 js判断移动端设备信息

var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 trident: u.in

原创 web响应头，请求头的总结

一.禁止缓存请求方法1 html文件上    方法2  php文件上header('Expires: Mon, 26 Jul 1997 05:00:00 GMT'); header('Last-Modified: ' . gmdate('D, d M Y H:i:

原创 js克隆对象或数组

/**  @param array Array 要复制的数组*  @deep  deep  boolean 是否是深度复制*  @return newArray Array 新的数组* * * */             function clone_Arr_Obj(array,deep){            var