前沿开发团队 - SegmentFault 思否

createjs开发h5游戏: 指尖大冒险

布利丹牵驴子 2017年12月29日发布
22 收藏

之前看到一个指尖冒险游戏，觉得挺有意思，就想学习一下怎么实现，毕竟当产经提出类似的需求时，问我等开发可不可以实现的时候，不至于回答不知道。本文的主要思路，参考的是凹凸实验室的这篇文章：H5游戏开发：...

Docker 及 GitLab CI 在前端工作流上的实践分享（二）

ccfnever 2017年10月14日发布
9 收藏

上一篇讲了 Docker 的使用，这篇同样通过一个简单示例，来讲讲 GitLab CI。一、什么是 GitLab CI ？ gitlab-ci 全称是 gitlab continuous integration，也就是基于 gitlab 的持续集成工具。中心思想是当每一次pu...

Docker 及 GitLab CI 在前端工作流上的实践分享（一）

ccfnever 2017年10月14日发布
18 收藏

如今前端工程越来越复杂，打造一个好用的工作流也显得越来越重要。本文讲分成二个部分，通过简单例子，来介绍上图中那条鱼和狐狸：） part1 : docker 本文的项目代码part2 : gitlab-ci 点我跳转 ok，那么现在就...

使用 Vuex + Vue.js 构建单页应用【新篇】

离尘不理人 2017年09月10日发布
25 收藏

使用 Vuex + Vue.js 构建单页应用【新篇】在去年的七月六号的时候，发布了一篇使用 Vuex + Vue.js 构建单页应用的文章，文章主要是介绍 vuex 的基本使用方法，发现对大部分的入门同学有很大的帮助，时至今日还...

vue2.0 项目开发小结

离尘不理人 2017年09月07日发布
480 收藏

项目架构项目目录 {代码...} 项目目录是采用 vue-cli 自动生成，其它按需自己新建就好了。开发实践动态修改 document title 在不同的路由页面，我们需要动态的修改文档标题，可以将每个页面的标题配置在路由元...

使用 canvas 实现精灵动画

离尘不理人 2017年07月31日发布
10 收藏

文章首发于个人博客：http://heavenru.com 在最近项目中需要实现一个精灵动画，素材方只提供了一个短视频素材，所以在实现精灵动画之前先介绍两个工具来帮助我们更好的实现需求。在这篇文章中，主要是介绍两个命...

非服务端渲染页面如何做SEO

布利丹牵驴子 2017年07月15日发布
22 收藏

前段时间对公司的社区h5网站，进行改版（整站重写）。老版本的网站是在一套古老的php框架下开发的，包含很多模板文件，大部分页面都是后端模板渲染，前端开发时要与后端沟通模板逻辑的编写，前后端耦合严重，非常...

谈一谈创建React Component的几种方式

布利丹牵驴子 2017年02月19日发布
25 收藏

当我们谈起React的时候，多半会将注意力集中在组件之上，思考如何将页面划分成一个个组件，以及如何编写可复用的组件。但对于接触React不久，还没有真正用它做一个完整项目的人来说，理解如何创建一个组件也并不...

ansible2.0 playbook api运维应用

青云 2017年01月04日发布
16 收藏

写在前面： ansible是一个非常棒的运维工具，可以远程批量执行命令、上传文件等自动化运维操作，由于要搞配置管理，初始化等批量操作，而自己对ansible相对熟悉,因此选择了ansible playbook。不过在调用playbook ...

搭建本地HTTPS测试环境

吴彦欣 2017年01月03日发布
31 收藏

生成证书 1. 使用openssl生成密钥privkey.pem： openssl genrsa -out privkey.pem 1024/2038 2. 使用密钥生成证书server.pem： openssl req -new -x509 -key privkey.pem -out server.pem -days 365 证书信息可以...

单点登录

weizx 2016年12月11日发布
9 收藏

1.什么是单点登录 {代码...} 2.实现单点登录 {代码...}

ELK部署详解

青云 2016年12月07日发布
59 收藏

前言: {代码...} ELK简单介绍 ELK是三个不同工具的简称,组合使用可以完成各种日志分析，下面简单介绍下三个工具的作用 Elasticsearch:是一个基于Apache Lucene(TM)的开源搜索引擎,简单点说就是用于建立索引并存储...

未来已到——HTTP/2

流星狂飙 2016年11月29日发布
82 收藏

HTTP/2 is the future of the Web, and it is here! 使用 HTTP/1.1 和 HTTP/2 在相同环境各加载 300 多张小图片，性能相差一倍。你可以点击这里的 DEMO 体验一下，HTTP/2 的加载快感。历史超文本传输协议（英...

程序员如何保证「专注」与「效率」

JerryC 2016年11月27日发布
9 收藏

什么是专注简而言之，专注就是注意力分散的对立面。记得大学时候教我英语的老教授说过的一句，「知道为什么你们一直都学不好英语么，你们这一代人生活在一个太多诱惑的世界。」每一天，我们坐下来打开电脑，想...

构建一个自定义 angular2 输入组件

离尘不理人 2016年11月25日发布
16 收藏

构建一个自定义 angular2 输入组件今天我们来学习如何正确的构建和一个具有和 <input type="text"> 同样作用，但同时也具有自己的逻辑的输入组件。在读这篇文章之前，希望你已经把官方的文档和案例都看过...

webpack与video.js一同使用的一些坑

王成 2016年11月25日发布
17 收藏

video.js是一个优秀的视频播放器库，不过官网的示例中，是作为全局变量videojs引入的。如果我们的项目使用ES6风格的模块，用webpack来做打包的话，就需要做一些额外的工作。本文介绍我在使用的时候遇到的一些“坑”...

你知道「编译」和「解释」的区别吗？

JerryC 2016年11月21日发布
8 收藏

欢迎来我的博客阅读：《你知道「编译」和「解释」的区别吗？》最近在看一些编译过程的知识点，看的比较多的是英文文献。在这之间经常遇到的两个单词让我着实迷惑：Compiler, Interpreter中文翻译分别是：编译器...

[译] MYSQL索引最佳实践

回到未来 2016年11月16日发布
198 收藏

近日整理文档时发现多年前的这个文档还是蛮实用的，然后在网络搜索了一下并没有相关的译文，所以决定把它翻译过来，如有不当的地方请多包涵和指正。原文地址：https://www.percona.com/files... 以下是译文：你...

关于数据型驱动自动化测试实现

最光阴89 2016年11月16日发布
1 收藏

在ui自动化测试过程中，目前存在最大的缺陷就是如果产品的ui或者结构改了那么这个项目进行的自动化测试脚本可能要面临全面维护。这也是目前ui自动化面临的很让人崩溃的事情。因此现在很多互联网产品项目发现ui自...

浅谈redux基本概念

cxhtml 2016年11月15日发布
6 收藏

网页从远古时代的『webpage』尤其是一种静态页面的存在方式，发展到当下拥有着复杂的功能与交互逻辑的面向「客户端」更愿意被称之为『webapp』的形态的整个过程中，网页的开发不再是简单的界面拼凑来显示静态的内...

99 篇文章

19 位作者