文章目录

前端·禁地

1G1C 的云服务器能干嘛 置顶!

相信很多人都在之前的阿里云和腾讯云都上了车,买了活动价的 1C1G 的云服务器,但是却发现,买回来后吃灰了。那么,到底 1G1C1M 的云服务器能干些什么事儿?

记一次使用 vue-admin-template 的优化历程 置顶!

前言 公司有好几个项目都有后台管理系统,为了方便开发,所以选择了 vue 中比较火的 后台模板 作为基础模板进行开发。但是,开始用的时候,作者并没有对此进行优化,到项目上线的时候,才发现,打包出来的文件都十分之大,就一个 vendor 就有 770k 的体积(下图是基础模板,什么都没加打包后的文件信息): 通过 webpack-bundle-analyzer 进行分析可得,体积主要来源于 饿了么UI(体积为 500k),因为没对其进行部分引入拆分组件,导致 webpack 把整个组件库都打包进去了。其次就是 vue 本身,体积也达到了 80k 之大。 所以,对其进行打包优化,是一件刻不容缓的事情。 优化 优化主要目的有: 加快资源加载速度,减少用户等待的时间和首页白屏时间,提高用户体验。 加快打包速度,不要将时间浪费在等待打包上。 解决第一个问题,很多人都会想到资源文件放在 CDN 上就好了,没错,这次我们就是通过 CDN 来解决加载问题。 CDN - 提高加载速度 像 vue, element ui 这些比较成熟的框架/组件库,一般都有免费、高速、公共的 cdn 供开发者使用….

Without jQuery:event.js 有更新!

使用原生的js实现简易的事件委托。

Without jQuery:lazyload.js 有更新!

使用原生的js实现简易的图片延时加载。

使用 Git Hooks 实现自动部署PHP项目 有更新!

最近正在寻找一种简便的自动部署代码到服务器的方式,然后就发现了git hooks这个方法,查了一些资料再自己尝试过后,觉得还不错,记录下。

使用七牛云存储图片 之 上传图片 有更新!

上传图片到七牛云存储

慕课网 Gallary-by-React 学习笔记

项目地址 该项目是来自慕课网的实战项目 - React实践图片画廊应用(下),原实战教程中,所用到的脚手架为 yeoman 中的 generator-react-webpack 进行搭建,但是该脚手架已经快一年没有更新,而且其 2.0 版本也与食品教程中的项目结构都不一致,因此在该项目中使用了 React 官方团队维护的 creat-react-app 作为脚手架搭建项目。 项目中使用 es6 的语法,并且对各个组件和功能模块进行了拆分,实现可复用,高定制的效果。 技术栈 ES6 React(version: 16.1) webpack(version: 3) creat-react-app sass / scss suport 踩坑 安装脚手架 $ npm install -g create-react-app 使用脚手架新建项目 $ create-react-app my-project $ cd my-project $ npm start 处理 scss/sass 文件 #### 处理方法一(脚手架官方推荐): 先安装 node-sass-chokidar ….

Docker 学习笔记 - Day3

Docker 学习笔记 - Day3 docker-compose Compose is a tool for defining and running multi-container Docker applications. With Compose, you use a YAML file to configure your application’s services. Then, with a single command, you create and start all the services from your configuration. Docker-compose 是一个定义和运行多容器 Docker 程序的工具。在 compose 中,可以用 YAML 文件来配置程序的服务,然后使用简单的命令即可从配置中创建并启动所有服务。 一个使用Docker容器的应用,通常由多个容器组成。使用Docker Compose,不再需要使用 shell 脚本来启动容器。在配置文件中,所有的容器通过 services 来定义,然后使用 docker-compose 脚本来启动,….

Docker 学习笔记 - Day2

Dockerfile 虽然我们确实能快速搭建了一个 lnmp 的环境,但是每次切换宿主机时,都要执行多个步骤: 启动 mysql 服务器 启动 php 服务器 进入 php 容器修改配置 启动 nginx 服务器 怎么说都还是麻烦。如果能一键启动的话,那就更好了。 Dockerfile 就可以解决这样的问题。 要使用 Dockerfile ,先要了解一下这到底是个什么东西。 什么是 Dockerfile? A Dockerfile is a text document that contains all the commands a user could call on the command line to assemble an image. Using docker build users can create an automated build that executes several command-line instructions in succession. Dockerfile是一个文本文档,其中包含用户可以在命令行上调用以组合镜像的所有命令。使用docke….

Docker 学习笔记 - Day1

docker 对于很多程序猿来说,一点都不陌生,毕竟它是一个轻量级的部署神器。 也许,也有很多童鞋和我一样,只听说过,却没有真正的实践过 docker。那么,现在一起走进 docker 的世界。 什么是 Docker? Docker 概念 Docker is an open-source project that automates the deployment of applications inside software containers, by providing an additional layer of abstraction and automation of operating-system-level virtualization on Linux. Docker uses the resource isolation features of the Linux kernel such as cgroups and kernel namespaces, and a union-capable filesystem such as aufs and others ….

webpack 简易配置入门教程

webpack 简易配置入门教程

插件分享大会[不定期更新]

最近老是在重装系统,每次重装就要重新配置环境,安装软件,安装插件。每次重装的时候,都不知道自己以前到底用过什么软件插件。所以,还是写一篇文章记录下来,顺便和大家分享一下我的开发环境吧。

农民进城之初尝FastDFS搭建图片分布式系统

FastDFS是一个开源的轻量级分布式文件系统,它对文件进行管理,解决了大容量存储和负载均衡的问题。特别适合以文件为载体的在线服务,如相册网站、视频网站等等。

支付开发填坑记之支付宝

主要针对在APP应用和网页版的支付功能(支付宝,微信,银联)开发时,所遇到的坑。能填则填。

支付开发填坑记之微信支付

微信支付,支持的支付方式比较多:有扫码支付,刷卡支付,APP支付和公众号支付。其中,APP和网站上最常用的就是APP支付和公众号支付。前者集成在APP中,后者主要是为微信用户提供了另一种支付方式(需要在微信的内置浏览器中打开页面,再调起微信支付)。