- 博客(84)
- 收藏
- 关注
RSS订阅原创 如何实现一个简单的Vue移动端组件库
前段时间一直在研究组件库，终于在组内派上了用场。来给大家贡献一篇关于移动端组件库的东西。如果你已经开发过公司级别的开源组件库了，那就可以不看了。毕竟逼格还是没有那么高。吼吼～～～回想一下，在你们公司或者你们小组是否有一个以上的项目需要你维护？你是否遇到了两个项目需要开发类似的功能的情况？那么你是怎么做的呢？ 有这么三种通俗的解决方案： 1）你可能会说我讲究速度，复制之前的组件到新项目中（如果之
2017-09-10 18:55:31
2263
原创 nginx配置web服务器
在阿里云买了台服务器，应该是linux CentOS的系统。本地写了一个vue程序，用了vue-router2.0做路由。接下来说说如何用nginx配置web服务器：1.scp将构建好的代码拷贝到服务器的某个目录2.配置nginx官网https://www.nginx.com/resources/wiki/start/topics/tutorials/install/
2017-01-11 18:54:39
473
原创 左边宽固定，右边自适应
自适应宽度 .header{ width: 100%; height: 60px; border: 1px solid blue; position: relative; } .logo{ float: left
2015-10-29 14:31:40
514
原创 百度前端面试记录
刚去就感觉百度的人都特别好，对人好，照顾周到，虽然整体流程不如阿里那么高大上（比如叫号码牌，二维码扫描。。。），但氛围绝对吸引人。先找空闲的面试官，一面面试官ok我选了一个看起来不会为难人的，O(∩_∩)O哈哈哈~面试时间最长了，感觉对我实习公司的项目很感兴趣，然后就一直追着问，记住一定要让面试官抓住一点觉得很欣赏你的这种技术或者思路和做法。然后给我出了个冒泡排序，我在那写，他给我写评语，写完
2015-10-19 11:42:22
801
1
原创 js ajax
function ajax(options){ var defaults = { url: '', type: 'POST', data: {}, username: '',
2015-10-16 22:09:41
355
原创 JS修改元素样式
var obj = document.getElementById('test'); if (window.getComputedStyle){ style = window.getComputedStyle(obj, null); // 非IE }else{ style = obj.currentStyle; // IE } console.log
2015-10-15 17:09:18
456
原创 js克隆对象
为什么要有克隆方法呢？因为JS中的对象赋值不像C，C++那样，新开辟一个空间，而是直接指向那个对象的引用，两个值会互相影响。如下图：克隆对象的方法1.如果是对象，得将其属性一个一个赋值过去 clone: function(obj){ if(this.isArray(obj)){ var arr = []
2015-10-10 10:46:32
550
1
原创 prototype和__proto__
function Person(name){ this.name = name; } Person.prototype.hi = function(){ console.log("hi", this.name); } function Student(name,age){ Person.call(this, name, age); this.age = ag
2015-10-09 19:03:47
341
原创 浏览器渲染原理
各个浏览器都有他们的原理，但都有一定的规范。1.当浏览器初次加载文档时，浏览器引擎会解析HTML文档成为DOM树。2.之后根据DOM元素的几何属性构建一颗能够渲染的树。（渲染树不包括隐藏节点）3.渲染树构建完成后，浏览器就将其放入正确的位置了。4.根据给出的样式来绘制出页面。
2015-09-15 09:31:58
306
原创 css优先级（特殊性）
a b c d--->分别表示：行内元素 1000ID 0100class 类、伪类、属性 0010元素、伪元素 0001结合符和通配符选择器对特殊性无任何贡献，但比没有强。
2015-09-14 17:58:20
273
原创 前端性能优化篇（常见）
1.DOM篇1)DOM添加优化：createDocumentFragment()var oFragment = document.createDocumentFragment();for(var i = 0 ; i < 10; i ++) { var p = document.createElement("p"); var oTxt = document.createTe
2015-09-14 17:04:07
362
原创 js跨域问题
什么是跨域？概念：只要协议、域名、端口有任何一个不同，都被当作是不同的域。简单明了，不明白的话可以百度百科，额。。。。。。1.document.domain（跨子域）这个是范围最小的一个。比如a.example.com 中写了一个iframe，其中src="example.com"，但是因为是不同域的就无法写js获取iframe中的document等。这时设置docum
2015-09-03 22:41:28
314
原创 js笔试题
可以看出赋值语句是从前向后的顺序，先给foo.x赋值，然后给foo重新赋值，所以最后foo是{n:2}，foo.x-->undefinedconsole.log('one');setTimeout(function() { console.log('two');}, 0);console.log('three');这个考察的对闭包和毁掉函数的理解，setTimeout函数中有
2015-08-23 16:20:19
867
原创 js笔试题
f = function() {return true;}; g = function() {return false;};(function() { if (g() && [] == ![]) { f = function f() {return false;}; function g() {return true;} }})();cons
2015-08-18 17:14:01
1285
原创 angularjs中常见错误
使用angularjs时间不是很长，理解不够透彻，但为初学者还是可以帮助点的。1.回调函数。。。。。切记它是异步的，出现莫名其妙的问题记得查看一下2.内存泄露。。。。。很多种可能性，这个还有待研究3.$http是通过ajax异步传输后将结果放入$scope中的，他自动触发一次$apply()脏检查，而用$.ajax就需要你手动去触发。
2015-08-18 10:29:34
1378
原创 node_modules文件夹路径太长无法删除
http://delinvfile.download.hdttp.com/下载一个DelinvFile文件，可以解决这个文件，好痛苦啊。。。。。。。。。。。。。一直删不了
2015-08-15 22:55:09
2140
原创 angularjs install for window
第二次在windows上安装angularjs了，感觉比第一次顺利多了。1）首先安装node,npm,git2）安装yoman，yoman会自动安装bower和grunt工具。----->grunt构建工具、bower处理依赖管理工具npm install -g yo3）然后安装Angular生成器npm install -g generator-angular4）用
2015-08-15 21:52:27
431
原创 多级下拉菜单插件
刚写了一个多级下拉菜单插件，如果要用可以去我的github看哦。https://github.com/hqqxxf/test#多级下拉菜单插件
2015-08-07 10:36:31
904
原创 uuid （guid）全局唯一标识符
function uuid() { var s = []; var hexDigits = "0123456789abcdef"; for (var i = 0; i < 36; i++) { s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); } s[14] = "4"
2015-08-02 12:04:06
633
原创 用github管理自己的项目
github命令总是忘，今天有时间整理一下1.create a new repository(一定要记得选择最后一项，他会默认给你添加一个readme.md文件，同时默认给你一个master分支，如果不选那个以后会报错)2.然后如果你是第一次用github就必须输入一条命令生成.ssh文件ssh-keygen -t rsa -C "your_email@youremai
2015-07-31 15:50:41
645
原创 初识AMD和CMD模块化
今天发现了阮一峰大牛的博客，收藏一下http://www.ruanyifeng.com/blog/，里边有好多文章值得读哦~~~~~AMD（Asynchronus Module Definition)异步模块定义语法：define(id ? , dependents ? , factory);AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。AMD规范
2015-07-27 14:44:53
1012
原创 北漂两星期的感悟
来北京两个星期了，第一感觉是太大了，人也多，还好是出来实习，还有表哥家可以暂住，不然让我租房子真是要奔溃了。家里去公司要两个小时左右，回家就9点多了有时候就10点了。路上的时间真心好浪费啊。刚开始没有适应了这样忙碌的生活，每天还过的不是那么的充实，所以我得计划一下以后的每一天，想想我来实习的目的是什么。希望我实习完可以看懂JQuery源码，路上可以看看一些励志书，比如李开复写的《向死而生》。刚下载
2015-07-27 09:58:39
462
原创 预览图片
function setImagePreview() { var docObj=document.getElementById("doc"); var imgObjPreview=document.getElementById("preview"); if(docObj.files && docObj.files[0]){//火狐下，直接设img属
2015-07-23 18:43:58
556
原创 void 0
/** * Created by Administrator on 2015/7/19. */var a, b = null, c = undefined;//用来判断参数是否是undefined，来兼容IE8-function isUndefined(a){ return a === void 0;}console.log(isUndefined(a));
2015-07-23 18:20:39
368
原创 js array arguments
/** * Created by Administrator on 2015/7/19. */var arr = new Array(11,22);console.log(arr.slice());(function(a,b){ console.log(Array.prototype.slice.apply(arguments));//将arguments转为数组})(1,2)
2015-07-23 18:14:31
755
转载 css清楚浮动的方法
浮动，从诞生那天起，它就是个特别的属性——既为网页布局带来新的方法，却又随之产生一系列的问题。当然，随着时间的推移，这些问题终究有了一些出色的解决方案，Kayo 要在这里详细介绍的，除了是这些解决方案，还有其中的原理。（温謦提示：文章信息量大且篇幅长，请各位自备瓜子，饮料，音乐）。一.什么是清除浮动？1.浮动的缺陷在了解如何清除浮动之前，Kayo 先介绍为什么需要清除浮动。如本文开
2015-06-05 11:09:02
448
原创 css笔试题
1.css不区分大小写2.css字体单位px em rem(css3给出的)，不是响应式的body{ font-size: 62.5%;//默认是16px,10除以16*100%,改变默认值为10px } span{ font-size: 1.6em;//1.6*10=16px }这只是
2015-06-04 20:40:49
442
原创 js对象标签
【proto】【class】【extensible】proto就不多说了，每个对象都有一个proto默认指向Object.prototypeclass标签：var obj = { x:1, y:2};var tostr = Object.prototype.toString;console.log(tostr.call(null));//[object N
2015-05-24 21:55:45
497
原创 慕课网深入浅出javascript
请在index.html文件中，编写arraysSimilar函数，实现判断传入的两个数组是否相似。具体需求：1. 数组中的成员类型相同，顺序可以不同。例如[1, true] 与 [false, 2]是相似的。2. 数组的长度一致。3. 类型的判断范围，需要区分:String, Boolean, Number, undefined, null, 函数，日期, window.当以上全
2015-05-24 21:19:09
472
原创 js隐式转换及包装类型
var x = '33';//很巧妙的类型转换console.log(typeof (x - 0));//numberconsole.log(typeof (x + ''));//stringvar str = new String();console.log(str.length);//仍为0,调用的是String包装类的length属性str.t = 1;console.log(st
2015-05-24 20:27:48
506
原创 js属性检测
var obj = { 'x' : 'xxx', 'y' : 2};var yz = obj && obj.k && obj.k.z;//这样就不会报错，如果没有定义会返回undefinedconsole.log(yz);//undefinedyz = obj && obj.x;console.log(yz);//xxxin出来的是所有原型链上属性，hasO
2015-05-24 19:36:24
538
原创 uva 10098 - Generating Fast
全排列，真好用---------729也是#include#include#includeusing namespace std;int main(){ int n; char str[1000]; cin>>n; while(n--) { cin>>str; sort(str,str+strlen(st
2015-05-24 16:22:26
386
原创 uva 11879 - Multiple of 17
//注意大数取余的部分#include#include#include#includeusing namespace std;#define M 205char s[M];int main(){ int i,sum; while(cin>>s) { if(s[0]=='0') break; sum=0;
2015-05-24 16:21:24
518
原创 uva 10714 - Ants
#include #include #include #include using namespace std;int N,d,i,n,a[1000005];int main(){ cin>>N; while(N--) { int large=0; int small=1000001; cin>>d>>n;
2015-05-24 16:19:41
364
原创 ACMer
ACMer一般要做到50行以内的程序不用调试、100行以内的二分钟内调试成功.acm主要是考算法的，主要时间是花在思考算法上，不是花在写程序与debug上。下面给个计划练练： 第一阶段：练经典常用算法，下面的每个算法打上十到二十遍，同时自己精简代码。因为太常用，所以要练到写时不用想，10-15分钟内打完，甚至关掉显示器都可以把程序打出来. 1.最短路
2015-05-24 16:17:54
471
原创 UVA 10305 - Ordering Tasks
好开心的水了这道题，没用bfs和dfs，嘿嘿#include #include #include #include #include using namespace std;int order[110],n,m;int find_i(int x){ for(int i=0;i<n;i++) { if(order[i]==x)
2015-05-24 16:15:59
312
原创 439 - Knight Moves
bfs解决问题：（1）广度搜索，按先后顺序进入队列；（2）先判断是否走到终点，再依次搜索；（3）做好标记数组，其中数组还可以记录走过的路径。#include #include #include using namespace std;int vis[10][10];char start[10],end[10];char horse_step[8][2]={{-2,1},{-
2015-05-24 16:15:16
333
原创 UVA 11111 - Generalized Matrioshkas
相当于括号匹配问题，负数入栈，正数出栈并定义一个数组level存当前的数（外层减去里层数）。思考了好久，终于。。。AC#include #include #include #include #include #include #include #include #include using namespace std;int a[30000],level[30000];i
2015-05-24 16:14:40
346
原创 UVA 784 - Maze Exploration
找了半天错误，竟然是dir[4][2]={-1,0,0,1,1,0,0,-1}; 错了，之前每两个上括的是（），应该是{ }啊，无语。。。。。。#include #include #include #include #include #include #include using namespace std;int line,dir[4][2]={-1,0,0,1,1,0,0
2015-05-24 16:13:34
465
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人