vuejs学习笔记:制作pokemon记录器(一周目)

花了两周,看了许久的文档和案例,还是要实践一下,于是做了这个demo,设计就这样看吧,我的设计水平真心不好T^T,一周目的demo是静态的,二周目再搭建数据层。项目仓库:https://github.com/gknpezgssb...项目简介鉴于最近的pokemon大热,这次的demo也选择了pokemon主题的(其实我是想选守望屁股来着的)。主体项目结构:Demo:主显示

[代码大全读书笔记]如何定义一个好的变量名

在日常编程中最烦恼的就是给变量取名,一段好代码,既要能完美地运行,还要能较容易地维护。这就意味着需要让日后维护代码的人能很快地看懂你的代码,而且,在团队合作中,其他开发者也会经常阅读你那部分代码。如果你的代码中充满了a,b,c,a1,a2,a3...那简直就是一个噩梦。因此,好的变量名非常重要。选择好变量名的注意事项变量和变量名本质上是同一件事物,因此,变量的好与坏就在很大

React Router最新指南与异步加载实践

本文从属于笔者的React入门与最佳实践系列 //默认路由 //默认错误路由不过React-Router因为其与React的强绑定性也不可避免的带来了一些缺陷,譬如在目前情况下因为React存在的性能问题(笔者觉得在React-Fiber正式发布之后能得到有效解决),如果笔者打算使用Inferno来替换部分对性能要求较大的页面,也是会存在问题。如果有兴趣的话也可以参考下你不

swift3.0都改变了什么

经历了从swift 1.0 到2.0,一个版本之后代码居然就不兼容了。这如何在团队推广呢?没有想到3.0居然变化更加的大。有多大,来体会一下:UIFont.preferredFontForTextStyle(UIFontTextStyleSubheadline)UIFont.preferredFont(forTextStyle: UIFontTextStyleSubhead

如何用 Gitlab 做团队内的 Code Review

基于分支的代码 Review新建 Issue (无论是 bug 还是 feature), 描述背景或问题,本地创建分支 issue# 123 (123是 issue 的 ID), 围绕关联 issue 进行 program -> commit -> push,新建 Merge Request 从 issue# 123 到 master, 并指派给项目 Owner (或合适

前后端交互过程中的编码

起因最近在写PHP,本身对PHP不太熟练。然后遇到编码这个问题,困扰了大半天,索性,系统探索解决一番。前后端交互过程中涉及的编码Browser cilent: 首先,浏览器的设置里有设置编码格式,一般设置为UTF-8。AJAX request: AJAX异步请求的过程中可以设置编码,contentType:"application/x-www-form-urlencoded

「让制作 H5 像制作 PPT 一样简单!」

Wechat-H5-Boilerplate 「让制作H5像制作PPT一样简单!」 Wechat-H5-Boilerplate(以下简称WHB)是一个H5动效模板,专门为微信优化,适合快速构建全屏滚动型H5宣传页。 例如让一段文字动起来只需要一行代码: I'm a coder!Github 地址: https://github.com/panteng/wechat-h5-bo

开发规范(三)CSS规范

开发规范(一)目录规范 开发规范(二)命名规范及注释规范 开发规范(三)CSS规范 开发规范(四)JS规范 概述 为提高团队协作效率,规范文件管理,方便项目后期维护,提高代码质量,特制订此文档,前端开发人员必须遵照本规范进行前台页面开发。 CSS规范 目前沿用NEC规范,阅读本规范前请熟读 NEC规范 补充规范 阅读 CSS编码规范 补充规范是指在NEC规范上扩展的规范,部

前端模块化规范笔记

目前通行的Javascript的模板规范共有两种:CommonJS 和 AMDcommonjsnodejs的模块系统,是参照commonjs规范实现的commonjs即为服务器端模块的规范。 commonjs的规范: 根据commonjs规范,一个单独的文件就是一个模块。加载模块使用require方法,该方法读取一个文件并执行,最后返回文件内部的exports对象AMDco

HTTP 状态码详解与选用

笔者的HTTP系列文章地址 StatusCodehow-to-choose-http-status-code众所周知,每一个HTTP响应都会带有一个状态码,不过对于很多开发者来说,平时使用最多的几个状态码无外乎就是200、400、404、500等。那其 他众多状态码该应用在何种场景中,什么时候应该使用哪些状态码就成为一个值得我们深入思考的问题了。即便在Facebook这样的

Node常用命令备忘

好记性不如烂笔头,自己写一篇有利于记忆 安装命令 npm install 安装名字为name的模块例如npm install express 就会默认安装express的最新版本,也可以通过在后面加版本号的方式安装指定版本,如npm install express@3.0.6npm install -g 将包安装到全局环境中,使用-g 或 --global但是代码中,

atom中最好的js代码片段

使用atom编辑器有一段时间,一直没找到比较顺手的代码片段补全,于是决定自己整合一个全的,于是便有了这个代码片段包, atom中包名叫 best-js-snippets,有如下特性:集成express代码补全集成nodejs中fs模块的代码补全集成nodejs中util模块的代码补全集成es6集成JavaScript中dom操作的代码集成nodejs中process,和pa

一个纯CSS3实现的酷炫翻书效果

项目地址:https://github.com/BUPT-HJM/c...demo地址:https://bupt-hjm.github.io/cs...欢迎大家的star啦~效果细节其实项目中的关键在于几个属性,perspective和rotate,便是透视和旋转perspective属性指定了观察者与z=0平面的距离,使具有三维位置变换的元素产生透视效果。z>0的三维元素

你所不知道的 URL

你所不知道的 URL0.说明第一幕产品:大叔有用户反映账户不能绑定公众号。大叔:啊咧咧?怎么可能,我看看?大叔:恩?这也没问题啊,魏虾米。大叔:还是没问题啊,挖叉类。大叔:T T,话说产品姐姐是不是Java提供接口的时候,没有对URL进行encodeURI。产品:啊咧咧?我问问看?第二幕大叔:翔逼你给我过来!翔逼:啊咧咧?怎么了大叔?大叔:知道在URL中的+有时候会变成什么

LeetCode 刷题指南(一):为什么要刷题

虽然刷题一直饱受诟病,不过不可否认刷题确实能锻炼我们的编程能力,相信每个认真刷题的人都会有体会。现在提供在线编程评测的平台有很多,比较有名的有 hihocoder,LintCode,以及这里我们关注的 LeetCode。LeetCode 是一个非常棒的 OJ(Online Judge)平台,收集了许多公司的面试题目。相对其他 OJ 平台而言,有着下面的几个优点:题目全部来自

Node.js 多进程

概念Node 提供了 child_process 模块来创建子进程:exec - child_process.exec 使用子进程执行命令,缓存子进程的输出,并将子进程的输出以回调函数参数的形式返回。spawn - child_process.spawn 使用指定的命令行参数创建新进程。fork - child_process.fork 是 spawn()的特殊形式,用于在

浅论服务端应用程序开发中的CAP思想(非分布式系统中的CAP理论)

本文从属于笔者的《服务端应用程序结构风格变迁之路》CAP理论是分布式系统构建中的基础理论之一,其中的C(Consistency),一致性即指所有的节点都能访问同一份最新的数据副本、A(Availability),可用性即指每个请求都能接收到一个响应,而P(Partition Tolerance),分区容忍性即指除了整个网络的故障外,其他的故障(集)都不能导致整个系统无法正确

php设计模式之实现单例模式(singleton)

单例模式(Singleton):用于为一个类生成一个唯一的对象。最常用的地方是数据库连接。 使用单例模式生成一个对象后,该对象可以被其它众多对象所使用。 作为对象的创建模式,单例模式确保某一个类只有一个实例,而且自行实例化并向整个系统提供这个实例,这个类称为单例类。单例模式(singleton)有三个特点1、一个类只能有一个实例2、它必须自行创建这个实例3、它必须自行向整个