- 博客(74)
- 收藏
- 关注
RSS订阅原创 使用 create-react-app 构建一个 react 项目的基础架构
项目介绍使用 create-react-app 构建一个 react 项目的基础架构包括:react-router4.0 的使用axios 获取远程api内容从 flux -> redux -> redux-sage 迁移转变的过程，mobx 本教程并未涉及，有兴趣的自己去了解一下antd UI 组件的添加…项目安装git clone '' cd re...
2019-01-18 14:58:13
8201
2
原创 整理一下js的基础知识
1.数据类型1.基本类型字符串、数字、布尔、Null、Undefined2.引用类型对象2.数组1.属性constructor length prototype 2.方法concat() 连接两个或更多的数组，并返回结果join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔pop()
2017-06-19 17:47:02
539
原创 在CentOS上搭建PHP服务器环境
安装apache:yum install httpd httpd-devel 启动apache:/etc/init.d/httpd start 此时输入服务器的IP地址，应该看到apache的服务页面，端口不用输，apache默认就是使用80端口安装mysql:yum install mysql mysql-server启动mysql:/etc/init.d/mysqld start安装phpyum
2017-06-15 16:13:33
426
转载 js函数的多种写法
原文链接：https://zhuanlan.zhihu.com/p/27091503 作者：Liubara如果你曾与JavaScript代码打过交道，你应该会很熟悉如何定义和调用函数，但是你真的知道有多少种定义函数的方法吗？对于编写和维护测试Test262（浏览器JavaScript标准测试）来说，这是一个十分常见的挑战，尤其是当一个新特性出现且与现有的函数语法有关联，或者扩展了现有函数的
2017-06-15 16:11:06
10059
原创 到底什么是BFC、IFC、GFC和FFC
软件开发的一般被称为民工，搞前端的，有人形容为是掏粪工，说白了连民工级别高都没有。说直接点就是个制作界面的，注意，连设计界面的都算不上，一般前端都是拿着设计稿去照这样子开发的。说这些无非是觉得前端前端，却一点也不高端啊，就连逼格高的术语都找不到几个，但少不代表没有，比如Closure、BFC、IFC、GFC和FFC，等等，怎么这么多C啊，C==操？本文就简单列举下这几个C到底都他妈的什么意
2017-05-09 17:36:29
1335
原创 vue vuex vue-router vue-resource 简单的搭建一个 vue 小项目
在开始之前，默认你已经对vue的基础知识有了一定的了解了这里的开发使用的是es6写的，如果你还未掌握es6的相关知识，那么你----需要抓紧学了，可以戳这里来学。es2015，es2016……先贴一波文档： vue中文网：http://cn.vuejs.org/ vuex中文网：http://vuex.vuejs.org/zh-cn/ vue
2016-12-09 09:45:48
15358
原创 line-height设置% 数字以及em
line-height百分比在面试中可能经常问到。例如你知道line-height:120%和line-height:1.2的区别吗？现在就说一下行高带单位和不带单位的区别，例如下面的例子：line-height:26px; 表示行高为26个像素line-heigth:120%;表示行高为当前字体大小的120%line-height:2.6em; 表示行高为当前字体大小的2.6倍带
2016-12-05 14:58:42
4315
原创 calc(100vh - 10px) calc(100vw - 10px) calc(100% - 10px) 简单说明
在讲calc之前先说一下 vh vw： vw 相对于视口的宽度。视口被均分为100单位的vw vh 相对于视口的高度。视口被均分为100单位的vh vmax 相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax vmin 相对于视口的宽度或高度中较小的那个。其
2016-12-05 14:26:14
32555
原创 devDependencies和dependencies的区别
我们在使用npm install 安装模块或插件的时候，有两种命令把他们写入到 package.json 文件里面去，比如：--save-dev--save在 package.json 文件里面提现出来的区别就是，使用 --save-dev 安装的 插件，被写入到 devDependencies 对象里面去，而使用 --save 安装的插件，责被写入到 dependen
2016-11-24 15:47:13
532
转载 65条最常用正则表达式
65条最常用正则表达式,你要的都在这里了很多不太懂正则的朋友，在遇到需要用正则校验数据时，往往是在网上去找很久，结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下，在这里分享一下。给自己留个底，也给朋友们做个参考。一、校验数字的表达式1 数字：^[0-9]*$2 n位的数字：^\d{n}$3 至少n位的数字：^\d{n,}$
2016-11-11 10:14:33
284
转载 用CSS美化你的滚动条
各种浏览器对CSS滚动条的支持情况这里说的Webkit浏览器包括谷歌浏览器，苹果公司的Safari浏览器，以及最新的Opera浏览器。这些浏览器加起来占有超过半数的桌面浏览器市场份额。对于移动端浏览器，基本上是谷歌浏览器和Safari浏览器的天下。唯一的遗憾是火狐浏览器，至今没有对CSS滚动条属性做任何的改进。至于IE浏览器，我们期待吧。鉴于目前浏览器市场的格局，我们很有信心相信CSS滚动
2016-03-01 10:34:10
700
原创 js实现桌面通知
Google 桌面通知 显示桌面通知 document.querySelector("#btn").addEventListener('click', notify, false); function notify() { showMsgNotification('这里填入标题','这里是消息的内容');
2016-01-20 15:44:48
3312
原创 angularjs 中通过ui-router设置不同网页不同<title>内容
controller.js angular.module('myApp', [ ] ) .run(['$location','$rootScope',function($location, $rootScope){ $rootScope.$on('$stateChangeSuccess', function (event, toState, toParams, fromState
2016-01-20 14:42:33
6474
原创 html中常用单位
相对长度：% 宽度的百分数em字体高度ex字体x-高度，字符x的高度约为0.5emch字符单位rem根单位，避免em的继承问题视口相关长度：vw视口宽度百分数vh视口高度百分数vm它是vw和vh 的较小值绝对长度：px像素cm厘米mm毫米in英寸pt点 1pt相当于1/72英寸pc 1pc=12pt
2015-11-18 21:46:51
800
原创 git命令
Git是什么？Git是目前世界上最先进的分布式版本控制系统（没有之一）。Git有什么特点？简单来说就是：高端大气上档次！1.创建版本库：git init2.把readme.txt添加到版本库：git add readme.txt3.把readme.txt提交到到版本库：git commit -m "message"4.查看仓库状态：git statu
2015-10-20 10:12:57
305
转载 Gulp：新一代前端构建利器
原文出处：http://www.w3ctech.com/topic/134对网站资源进行优化，并使用不同浏览器测试并不是网站设计过程中最有意思的部分，但是这个过程中的很多重复的任务能够使用正确的工具自动完成，从而使效率大大提高，这是让很多开发者觉得有趣的地方。Gulp是一个构建系统，它能通过自动执行常见任务，比如编译预处理CSS，压缩JavaScript和刷新浏览器，来
2015-10-10 11:38:18
454
转载 js中常用的设计模式
原文出处：http://blog.jobbole.com/29454/《Practical Common Lisp》的作者 Peter Seibel 曾说，如果你需要一种模式，那一定是哪里出了问题。他所说的问题是指因为语言的天生缺陷，不得不去寻求和总结一种通用的解决方案。不管是弱类型或强类型，静态或动态语言，命令式或说明式语言、每种语言都有天生的优缺点。一个牙买加运动员， 在短
2015-07-01 17:54:57
2506
转载 前端解决跨域问题的8种方案（最新最全）
原文：http://www.cnblogs.com/JChen666/p/3399951.html1.同源策略如下：URL说明是否允许通信http://www.a.com/a.jshttp://www.a.com/b.js同一域名下允许http://www.a.com/lab/a.js
2015-06-30 22:40:32
607
原创 获取主流浏览器滚动条的位置
function getScrollOffset(w){ //使用指定窗口，不指定用当前窗口 w=w||window; //除IE8及之前的浏览器 if(w.pageXOffset!=null) return {x:w.pageXOffset,y:w.pageYOffset}; //标准
2015-06-12 22:56:36
547
原创 window.location 对象的介绍和使用
window.location 对象所包含的属性属性描述hash从井号 (#) 开始的 URL（锚）host主机名和当前 URL 的端口号hostname当前 URL 的主机名href完整的 URLpathname当前 URL 的路径部分
2015-06-12 21:51:35
389
原创 点击<select>的选项跳到相应网页
百度 淘宝 CSDN var d1=document.getElementById("d1"); d1.onchange=function(){ window.location.href=this.value; }
2015-04-04 23:07:05
433
转载 http协议的状态码 200、301、304、404、502 HTTP状态码解释
在网站建设的实际应用中，容易出现很多小小的失误，就像mysql当初优化不到位，影响整体网站的浏览效果一样，其实，网站的常规http状态码的表现也是一样，Google无法验证网站几种解决办法，提及到由于404状态页面设置不正常，导致了google管理员工具无法验证的情况，当然，影响的不仅仅是这一方面，影响的更是网站的整体浏览效果。因此，比较清楚详细的了解http状态码的具体含义，对于一个网站站长来说
2015-03-16 11:22:14
10188
原创 检测字符串长度
String.prototype.lengthB=function(){ varb=0,l=this.length; if(l){ for(var i = 0; i if(this.charCodeAt(i)>255){
2015-03-13 15:09:23
1008
原创 自作拖拽事件
varbox=document.getElementById("box"); box.style.position="absolute"; box.style.width="160px"; box.style.height="120px"; box.style.background="red"; box.style.left="0px";
2015-03-13 15:08:45
555
原创 事件标准化设计
function e(event){ if(!event){ event=window.event; event.target=event.srcElement; event.layerX=event.offsetX;
2015-03-13 15:08:04
558
原创 获取鼠标的位置
获取鼠标的位置function mousePosition(){ var posx=0,posy=0; var event=event||window.event; if(event.pageX||event.pageY){ posx=event.pageX; posY=even
2015-03-13 15:07:17
596
原创 从css样式表中抽取元素尺寸
jS从样式表取值的函数，IE中以currentStyle,firefox中defaultView来获取DOM.style只能读到写在html中的样式值获取样式值的函数function returnStyle(obj,styleName){var myObj = typeof obj =="string" ? document.getElementById(obj) : obj;
2015-03-13 15:04:45
582
原创 动态加载脚本
//普通通浏览器 FireFox Opera Chrome Safari 3+ var script=document.createElement("script"); script.type="text/javascript"; script.onload=function(){ alert('Script load'); }; script.src="file1.js";
2015-03-12 10:02:08
343
原创 css3在线生成工具
http://www.internetke.com/jsEffects/2014120803/ 背景http://www.css3maker.com/ /综合生成 背景动效等http://www.tanktan.com/blog/gradient-editor/ /生成背景
2015-03-03 09:21:15
401
转载 JavaScript高级之闭包
一、什么是闭包距离上一次更新有一段时间了，过年你懂得，接下来就谈谈JavaScript的高级用法——闭包。js的闭包其实不是什么难懂的高深的概念，只是有些书籍当中介绍的不够易懂或者说举得例子不太恰当，现在我们就通过简单的例子来理解“闭包”。作为程序员，也许一段针对的代码，比那些文字描述更能说明问题，用代码说话，眼见为实。好了，先看下面的一段代码：[jav
2015-03-02 09:41:48
352
转载 9个最好用的JavaScript开发工具和代码编辑器
9个最好用的JavaScript开发工具和代码编辑Web设计和开发是现今越来越流行的职业方向之一。工欲善其事，必先利其器，如果你想在这个领域出类拔萃，那么你就必须具备一些优秀的技能，例如能操作不同的平台、IDE和其他各种各样的工具。谈到平台和IDE，现在已经不是以前那个掌握一个IDE就能“一招鲜吃遍天”的时代了。激烈的竞争以及蔓延到现在的集成开发环境。基于IDE是用于创建和部署
2015-03-02 09:23:53
3977
转载 前端性能优化最佳实践
本文链接地址: WEB前端开发(www.css119.com)–前端性能优化最佳实践（转）如今浏览器能够实现的特性越来越多，并且网络逐渐向移动设备转移，使我们的前端代码更加紧凑，如何优化，就变得越来越重要了。开发人员普遍会将他们的代码习惯优先于用户体验。但是很多很小的改变可以让用户体验有个飞跃提升，所以任何一点儿小小的优化都会提升你网站的性能。前端给力的
2015-01-21 15:46:33
372
转载 WEBAPP开发技巧(手机网站开发注意事项)
本文链接地址: WEB前端开发(www.css119.com)–WEBAPP开发技巧(手机网站开发注意事项)以下只是我个人得总结，如果你有更好的建议，请留言，一起共勉进步！！- -！1、要响应式开发web，也就是页面必须自适应屏幕大小，可以采用流体布局，如之前的文章（自适应宽度布局），其他具体的小问题可以采用media query解决（让IE支持CSS3 Media
2015-01-21 15:18:15
585
转载 16个使用精美字体的欧美网页设计欣赏
16个使用精美字体的欧美网页设计欣赏原文 http://www.shejidaren.com/16-websites-typography.html字体漂亮或者整体不错的网站我们已经展示了很多。但是这次，我想介绍一点略有不同的内容。下面列出了16个非常漂亮的网站，而这些网站碰巧也都有着精美的字体。所以说，不论你是想找网站还是字体方面的灵感，下列内容都能对你有所帮助！
2015-01-21 13:56:53
1046
转载 估值70亿的美团，O2O赌局胜算几成？
估值70亿的美团，O2O赌局胜算几成？原文 http://www.tmtpost.com/188746.html美团网又融了7亿美刀这么一大笔钱，CEO王兴短时间内不会为钱发愁了，但笔者认为，7亿美元投资这肯定是与投资人对赌的一个局，对美团来说，是一个胜算未知的O2O赌局。美团网 又融了7亿美刀这么一大笔钱，CEO王兴短时间内不会为钱发愁了，但笔者认为，7
2015-01-21 13:46:35
911
转载 一个美国人到中国当产品经理的心得：中国App设计真好！
一个美国人到中国当产品经理的心得：中国App设计真好！原文 http://www.techug.com/a-american-look-china-appTO 导读：应用软件层出不穷，各个国家的人为自己生活的便利设计出各款的应用。然而，同样的应用，是否会因为中西方文化的差异，或者是生活方式的不同，导致相同应用的设计有所不同吗？是的，有的！Dan Grover 现在
2015-01-21 13:41:33
1949
转载 要你命三千：老代码中的那些坑
要你命三千：老代码中的那些坑原文 http://www.cocoachina.com/ios/20150121/10965.html最近在给以前的老项目维护，说起来工作很简单，一个字：改Bug。这看起来平淡无常的工作，实际上凶险无比，藏坑无数。时至今日，感觉整个人都得到了升华。在睡觉前抽空写篇博客，和各位分享一下踩坑经历，一起品味其中的种种酸苦辣 (没甜)。为保证
2015-01-21 13:34:27
553
转载 码农、黑客和2B程序员之间的区别
码农、黑客和2B程序员之间的区别原文 http://www.techug.com/the-diffenents-between-coder-hacker-and-2b-programmer笔记本电脑码农：黑客：2B程序员：求2的32次方：码农：System.out.println(Math.pow(2,
2015-01-21 13:31:24
711
转载 css 填坑常用代码分享
css 填坑常用代码分享原文 http://www.cnblogs.com/jikey/p/4233003.html以下是常用的代码收集，没有任何技术含量，只是填坑的积累。转载请注明出处，谢谢。一. css 2.x code/*强制不换行*/white-space:nowrap;/*自动换行*/word-wrap: break-word;word-br
2015-01-21 13:26:16
514
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人