- 博客(58)
- 收藏
- 关注
RSS订阅转载 如何设置nginx重定向
原文：https://skyfi.github.io/2018/09/21/%E5%A6%82%E4%BD%95%E8%AE%BE%E7%BD%AEnginx%E9%87%8D%E5%AE%9A%E5%90%91/nginx 是一个灵活且高效的网络服务器，如果想要在nginx服务器中重定，你可以从下面挑选一个适合的方式。简单且快速的 return这是一个非常简单的设置方式，...
2018-09-25 11:23:00
434
转载 Ubuntu服务器启用swap虚拟内存
原文：https://skyfi.github.io/2018/09/21/Ubuntu%E6%9C%8D%E5%8A%A1%E5%99%A8%E5%90%AF%E7%94%A8swap%E8%99%9A%E6%8B%9F%E5%86%85%E5%AD%98/查看当前虚拟内存：cat /proc/swaps创建swap文件：sudo dd if=/dev/zero of=s...
2018-09-25 11:21:00
337
转载 你真的知道NPM版本管理规范吗
NPM Version Management Specification来源常规的开发，常规的代码，不动如山的CI，突然发生了错误，导致失败，出现以下错误：1Build failed: [BABEL] /xxx/xxx/yyy/.xxx.js: You gave us a visitor for the node type OptionalCa...
2018-09-19 17:17:00
451
转载 【Skylor CLI】从零开始打造属于自己的超级命令行工具（一）编写一个简单的cli...
经历过多次的从0到1，手动搭建了N个项目之后，大量的重复性劳动使我疲惫。是不是可以把这些重复性劳动记录下来，下次一句命令就可以直接生成。正是这个“懒”，使得我有了打造属于自己的超级命令行工具的想法…^o^，也是这个工具的最伟大目标所在。项目地址：github / npm 搜：skylor-cli开始设计api - NodeApi -&g...
2018-09-17 16:03:00
190
转载 微信小程序开发最佳实践(weapp-starter)
weapp-starter微信小程序开发最佳实践项目地址为什么会有这个 repo在小程序之初便开发应用了，现在小程序的开发也越来越成熟了，完善了很多的API、组件、架构等，社区也由原来的零星点点到现在的不大不小，但也算是有了，期间也诞生了很多的开发框架，越来越多的三方辅助库，我也捣鼓出很多。比较有名的算是wepy和labrador，wepy是vue风格的小程...
2018-01-23 16:47:00
177
转载 wn-cli 像React组件开发一样来开发微信小程序
项目地址：wn-cliwn-cliwn-cli 像React组件开发一样来开发微信小程序名字由来：wn -> weapp native取第一个字母Installnpm install wn-cli --save-dev// 或者yarn add wn-cli --devUsage// 构建npx wn ./examples ./dist...
2018-01-15 11:42:00
133
转载 React Router 按需加载+服务器渲染的闪屏问题
伴随着React协议的『妥协』(v16采用MIT)，React为项目的主体，这个在短期内是不会改变的了，在平时使用过程中发现了如下这个问题：在服务器渲染的时候，刷新页面会出现闪屏的现象(白屏一闪而过)作为努力最求极致的我，是不能容忍的，而这一现象是半道出现的，也就是在添加按需加载之后。要说清楚这个问题，得从React的服务器渲染开始说起，(急于寻求问题解决方案的，可以直接...
2017-09-30 11:44:00
1084
转载 本地配置DNS服务器（MAC版）
作为一个前端开发者，会遇到使用cookie的情况，常见的如：登录，权限控制，视频播放，图形验证码等，这时候本地开发者在PC上会使用修改hosts的方式添加指向本地的域名，来获取cookie的同域名。如：127.0.0.1 local.smartstudy.com 但是在移动端的时候，这一招就不好使了，苹果手机在没越狱的情况下是没法修改hosts的，难道为了这个让自己的爱机越个狱...
2017-09-06 11:47:00
387
转载 【webpack整理】一、安装、配置、按需加载
如果你：是前端热爱者 :)有JavaScript/nodejs基础会使用一些常用命令行，mkdir,cd,etc.会使用npm想对webpack有更深的认识，或许此时你恰好遇到关于webpack的问题那么，请继续阅读：什么是webpack，为什么使用webpackwebpack官方是这样定义她的：webpack 是一个用来构建我们应用程序中...
2017-06-14 14:39:00
243
转载 React服务器渲染最佳实践
源码地址：https://github.com/skyFi/dva-starterReact服务器渲染最佳实践dva-starter完美使用 dva react react-router,最好用的ssr脚手架，服务器渲染最佳实践欢迎 Fork ，Issue 交流各种想法努力在最佳的路上，不断完善，建议star或watch.有想法就Fork, Pull ...
2017-04-20 10:38:00
86
转载 在React中你真的用对了Ajax吗？
通过AJAX加载初始数据通过AJAX加载数据是一个很普遍的场景。在React组件中如何通过AJAX请求来加载数据呢？首先，AJAX请求的源URL应该通过props传入；其次，最好在componentDidMount函数中加载数据。加载成功，将数据存储在state中后，通过调用setState来触发渲染更新界面。注意：AJAX通常是一个异步请求，也就是说，即使comp...
2017-04-20 10:01:00
153
转载 SEO，搜索引擎优化原理方法等整体把握
SEO搜索算法：全文文字title 标签，title里面的文字link 链接link 链接里的文字站点信任度最佳实践：一、设置title准确的描述当前网页的内容提高站点内title的唯一性，帮助搜索引擎知道站点内每个网页的内容简短，但能准确描述内容，二、合理理由...
2017-04-19 16:55:00
323
转载 css修改li前面的小圆点的颜色
直接改 li 的style 的 color 就好；就是这样；over转载于:https://www.cnblogs.com/skylor/p/5888219.html
2016-09-20 11:46:00
3974
转载 两行超出部分省略号
两行超出部分省略号：简单的一个css 搞定：{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:...
2016-09-20 11:08:00
77
转载 react-native之站在巨人的肩膀上
react-native之站在巨人的肩膀上前方高能，大量图片，不过你一定会很爽。如果爽到了，请告诉我????react-native插件天堂轮子书签react-native-swipeoutnpm install --save react-native-swipeoutnpm install react...
2016-08-18 14:35:00
83
转载 【原创教程】JavaScript详解之语法和对象
JavaScript的好的想法：函数、弱类型、动态对象和一个富有表现力的对象字面量表示法。JavaScript的坏的想法：基于全局变量的编程模型。好了，不管他是好的还是坏的，都是我的最爱，下面直接上干活：一、JavaScript语法1、空白：空白能可能的表现形式为格式化字符或注释的形式。 有些空白不能省，有些空白可以被移除。 注释，/*...
2015-11-04 14:38:00
206
转载 【原创教程】虎咽CSS
上节课我们讲了HTML基础，回顾的事我不干了，因为你可以回头看很多遍，这节课我们来学习下CSS这门艺术的基础知识，一直以来我们都是CSS,CSS那么CSS到底是什么呢，惯例，我又来一层一层把CSS给剥了，大家分享。那么好，什么是CSS呢，CSS就是层叠样式表，它也不是真正的编程语言，它是样式表语言，也就是会所，它是你用来为网页添加样式使网页看起来更美观，更华丽的代码，允许你有选...
2015-10-30 17:19:00
68
转载 【原创教程】鲸吞HTML
首先，我们的angularJS课程分为三大模块：HTML/CSS/JS基础、angularJS详解、angualrJS的一些实用框架讲解。其中，第一大模块的对象是对前端开发技术有点了解但不熟悉的童鞋，其中会对HTML/CSS的基础进行学习，由于本课程的性质，会对其中的JS着重讲解。第二大模块的面向对象是对前端技术HTML/CSS/JS有了一定了解的童鞋，能构建网页...
2015-10-27 14:41:00
90
转载 【转】JavaScript中的constructor与prototype
最初对js中object.constructor 的认识：在学习JS的面向对象过程中，一直对constructor与prototype感到很迷惑，看了一些博客与书籍，觉得自己弄明白了，现在记录如下： 我们都知道，在JS中有一个function的东西。一般人们叫它函数。比如下面的代码functionPerson(name){...
2015-10-10 11:31:00
67
转载 【原创教程】一、Angular教程系列之认识angular
为什么我会准备写这个原创教程系列？ 写下这个标题之后，看着屏幕上空白的内容区，不知从何下手，想说的似乎有很多，似乎又没啥说的。有时候就会陷入这种矛盾中，有时候就是这样，于是，我下定决心这一次一定要把这个系列完成。 博客园开了博客也有段时间了，中间有把其他地方写的博客搬家过来的，也有转自大神的，也写过一些文字。然而一直以来都没有一个完整的系统，虽然我心里一直想系统整理下，在这种...
2015-09-22 16:20:00
72
转载 提高网页性能的九大技巧
第一条，DOM 的多个读操作（或多个写操作），应该放在一起。不要两个读操作之间，加入一个写操作。 第二条，如果某个样式是通过重排得到的，那么最好缓存结果。避免下一次用到的时候，浏览器又要重排。 第三条，不要一条条地改变样式，而要通过改变 class，或者 csstext 属性，一次性地改变样式。// badvar left = 10;var top...
2015-09-21 15:57:00
78
转载 【转】Angular Input格式化
今天在Angular中文群有位同学问到：如何实现对input box的格式化。如下的方式对吗？<input type="text" ng-model="demo.text | uppercase" />这当然是不对的。在Angular中filter（过滤器）是为了显示数据的格式，它将$scope上的Model数据格式化View显示的数据绑定到DOM...
2015-09-07 10:15:00
82
转载 【转】Web前端开发规范文档
规范目的：使开发流程更加规范化。通用规范：TAB键用两个空格代替（WINDOWS下TAB键占四个空格，LINUX下TAB键占八个空格）。CSS样式属性或者JAVASCRIPT代码后加“;”方便压缩工具“断句”。文件内容编码均统一为UTF-8。CSS、JAVASCRIPT中的非注释类中文字符须转换成unic...
2015-09-01 15:07:00
101
转载 css hack 大全
各个浏览器的css hack区别属性：IE6： _zoom:1;IE6/7： *zoom:1;IE6/7/8/9 ：\9各个浏览器的css hack区别规则IE6： *html{}IE7： +.class{}非IE6： html>body {}仅火狐：@-moz-document url-prefi...
2015-09-01 14:03:00
45
转载 【转】最全前端面试问题及答案总结
1.请你谈谈Cookie的弊端cookie虽然在持久保存客户端数据提供了方便，分担了服务器存储的负担，但还是有很多局限性的。第一：每个特定的域名下最多生成20个cookie1.IE6或更低版本最多20个cookie2.IE7和之后的版本最后可以有50个cookie。3.Firefox最多50个cookie4.chrome和Safari没有做硬性限制IE和...
2015-08-28 16:53:00
261
转载 关于this 的一个问题
var name = "the window";var object = {name:"my object";getName:function(){ return this.name;}};object.getName(); //"my object"(object.getName)(); //"my object"(object...
2015-08-28 15:59:00
55
转载 【转】纯 CSS 实现高度与宽度成比例的效果
先来演示页面：Demo;转的内容：最近在做一个产品列表页面，布局如右图所示。页面中有若干个 item，其中每个 item 都向左浮动，并包含在自适应浏览器窗口宽度的父元素中。item 元素的 CSS 定义如下：.item { float: left; margin: 10px 2%; width: 21%;}这时遇到...
2015-08-27 17:44:00
380
转载 一道阿里面试题（js）
写一个求和的函数sum,达到下面的效果// Should equal 15 sum(1, 2, 3, 4, 5); //Should equal 0sum(5, 'abc', -5);//Should equal 4sum(1, true, 'a', 'D', 1, 'F', 1, 'w')；下面附上多种方法：function sum()...
2015-08-27 17:19:00
883
转载 两种隐藏元素方式【display: none】和【visibility: hidden】的区别及由此引出的问题...
此前看到一随笔（@任天缘原文）讲了这个问题，并总结了：【display: none】：隐藏元素及元素内的所有内容，并且该元素的位置、宽高等其他属性值一并“消失”；【visibility: hidden】：隐藏元素及元素内的所有内容，但是该元素的位置、宽高等属性值仍然还在。也有总结：（@Nicholas_F の 领域原文）display:none ---不为被隐藏的对象...
2015-08-26 18:13:00
158
转载 动态绑定HTML
在Web前端开发中，我们经常会遇见需要动态的将一些来自后端或者是动态拼接的HTML字符串绑定到页面DOM显示，特别是在内容管理系统（CMS：是Content Management System的缩写），这样的需求，更是遍地皆是。对于对angular的读者肯定首先会想到ngBindHtml，对,angular为我们提供了这个指令来动态绑定HTML，它会将计算出来的表达式结果用inner...
2015-08-26 16:38:00
148
转载 【转】Angularjs Controller 间通信机制
在Angularjs开发一些经验总结随笔中提到我们需要按照业务却分angular controller，避免过大无所不能的上帝controller，我们把controller分离开了，但是有时候我们需要在controller中通信，一般为比较简单的通信机制，告诉同伴controller我的某个你所关心的东西改变了，怎么办？如果你是一个javascript程序员你会很自然的想到异步回调响应...
2015-08-26 15:57:00
86
转载 HTML5小游戏源码收藏
html5魅族创意的贪食蛇游戏源码下载html5网页版打砖块小游戏源码下载html5 3D立体魔方小游戏源码下载html5网页版飞机躲避游戏源码下载html5三国人物连连看游戏源码下载js html5 2048数字游戏源码_2048网页版源码下载html5盲打高手打飞字游戏下载_网页版英文打飞字游戏源码下载jQuery flappy...
2015-08-26 14:26:00
4687
转载 深入理解 AngularJS 的 Scope
一、遇到的问题问题发生在使用 AngularJS 嵌套 Controller 的时候。因为每个 Controller 都有它对应的 Scope（相当于作用域、控制范围），所以 Controller 的嵌套，也就意味着 Scope 的嵌套。这个时候如果两个 Scope 内都有同名的 Model 会发生什么呢？从子 Scope 怎样更新父 Scope 里的 Model 呢？这个问题很...
2015-08-26 10:38:00
74
转载 rest-简介
一说到REST，我想大家的第一反应就是“啊，就是那种前后台通信方式。”但是在要求详细讲述它所提出的各个约束，以及如何开始搭建REST服务时，却很少有人能够清晰地说出它到底是什么，需要遵守什么样的准则。 在您将看到的这一篇文章中，我们将对REST，尤其是基于HTTP的REST服务进行详细地介绍。通过这些文章，您不仅可以了解到什么是REST，更能清晰地了解到您在编写REST服务时所需...
2015-08-25 17:29:00
89
转载 我的插件のinput文本框实现宽度自适应
先来最后结果：DEMO介绍一下如何让一个文本框的宽度能够随着文本框中的内容的宽度增长而增长，也就是能够实现宽度自适应效果。代码实例如下:<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="sky...
2015-08-25 16:34:00
158
转载 如何让input之间无空隙
有如下两个input：<form action="http://www.example.com/index/search" method="get"> <div> <input name="keyword" id="s" value="" size="23" type="text" /> <input...
2015-08-25 15:01:00
312
转载 http2.0
HTTP2.0性能增强的核心：二进制分帧HTTP 2.0最大的特点： 不会改动HTTP 的语义，HTTP 方法、状态码、URI 及首部字段，等等这些核心概念上一如往常，却能致力于突破上一代标准的性能限制，改进传输性能，实现低延迟和高吞吐量。而之所以叫2.0，是在于新增的二进制分帧层。既然又要保证HTTP的各种动词，方法，首部都不受影响，那就需要在应用层(HTTP2.0)和传输层(...
2015-08-25 14:55:00
65
转载 WEB前端常用的测试工具
一、QUnit 前端测试工具QUnit是一个强大的JavaScript单元测试框架，该框架是由jQuery团队的成员所开发，并且是jQuery的官方测试套件。Qunit是Jquery的单元测试框架，并且被广泛使用在各个项目中。为了使用Qunit，你仅仅需要去包含2个Qunit文件在你的Html页面。Qunit 包含了qunit.js 作为运行器和测试框架，和qunit.css 文...
2015-08-25 14:48:00
184
转载 Canvas画椭圆的方法
虽然标题是画椭圆，但是我们先来说说Canvas中的圆相信大家对于Canvas画圆都不陌生oGC.arc(400, 300, 100, 0, 2*Math.PI, false);如上所示，直接调用API就可以了，但是计算机内部却是使用光栅学，利用bresenham算法画圆的，这个我们放到最后来说，先说说利用圆的参数方程画圆circ...
2015-08-24 18:04:00
608
转载 用angular来思考问题How do I “think in AngularJS” if I have a jQuery background?
【翻译】How do I “think in AngularJS” if I have a jQuery background?1. 不要先设计页面，然后再使用DOM操作来改变它的展现在jQuery中，你通常会设计一个页面，然后再给它动态效果。这是因为jQuery的设计就是为了扩充DOM并在这个简单的前提下疯狂的生长的。但是在AngularJS里，必须从头开始就在头脑中思...
2015-08-24 13:48:00
97
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人