前提条件 1、本地电脑和服务器已安装 docker，下载方法自行谷歌吧 2、在 docker hub 上已有账号， 注册传送门: [链接] 3、需要对 docker 已有所熟悉 ，并了解Dockerfile里的一些指令 使用Dockerfile 制作镜像 假如本机有一个叫web的项目 在web根目录下新建Dockerfile，写入以下内容 {代码...} 此时web里的文件结构为： {...

项目中需要自定义切换中/英文，基于vue.js，结合vue-i18n，ElementUI,以下是使用方法。示例代码地址： [链接] ElementUI国际化链接： [链接]vue-i18n：[链接]安装: npm install vue-i18n vue.js+vue-i18n国际化 在main.js同级建i18n文件夹，并里面建i18n.js、langs文件夹，langs文件夹下建en.js、cn.js目录如下: {代码.....

Chart.js是一个HTML5图表库，使用canvas元素来展示各式各样的客户端图表，支持折线图、柱形图、雷达图、饼图、环形图等。在每种图表中，还包含了大量的自定义选项，包括动画展示形式。 Chart.js比较轻量（gzip版本仅4.5k），且不依赖其他库。Chart.js官网: [链接]

vue插件 概述 插件通常会为 Vue 添加全局功能。 使用方法 总体流程： 声明插件-写插件-注册插件-使用插件 声明插件 先写一个js文件，基本内容如下: {代码...} Vue插件应有一个公开方法:install，这个方法的第一参数是Vue构造器，第二个参数是可选的选项对象。 写插件 按照官方文档，写插件有四种方法， {代码...} 在此使...

完整的HTML模板 {代码...} CSS CSS reset {代码...} 消除transition动画闪屏 {代码...} 开启硬件加速 解决页面闪白，保证动画流畅。 {代码...} 其它 关于打电话、发短信、发邮件的实现 {代码...}

生成指定范围内的随机数 {代码...} json转url参数 {代码...} 验证是否为数组 {代码...} 获取数组中的最大值或最小值 {代码...} 该方法适合一维或者多维数组。 随机获取数组里的元素 {代码...} 从数组里查找指定的值 查到了返回true，没查到返回false。 {代码...} 生成指定长度的随机数字字母字符串 {代码...} 打乱数组的...

git从远程克隆 将github上的项目拷贝到本地：在github上找一个项目，按图操作，复制git@github.com:vuejs/vue.git 在本地bash中： {代码...} 等几秒查看本地文件夹就会出现vue这个项目文件夹了。 分支 查看分支：git branch 创建分支：git branch <name> 切换分支：git checkout <name> 创建+切换分支：git ...

前言：JavaScript 提供了多种新增，移除，替换数组元素的方法，但是有些会影响原来的数组；有些则不会，它是新建了一个数组。 ps:在开始申明：var l = console.log.bind(console) 新增 1：影响原数组 {代码...} 2：不影响原数组使用concat方法： {代码...} 使用JavaScript 的展开（spread）操作符，展开操作符是三个点（...

第一步： 在路径：Sublime Text 3PackagesSublimeTmpltemplates下新建vue.tmpl文件： {代码...} 第二步：打开 Default.sublime-commands,复制粘贴以下配置 {代码...} 第三步：添加快捷键Default.sublime-keymap {代码...} 第四步：使用ctrl+alt+e就可以建立新的vue模板了

项目中，我使用的flex布局居多，直接上代码。 定宽： 定位居中(absolute) html: {代码...} css: {代码...} html: {代码...} css: {代码...} 非定宽： 定位居中(absolute+translate) html: {代码...} css: {代码...} flex布局 html: {代码...} css: {代码...} table html: {代码...} css: {代码...}

圣杯布局 直接上代码：html: {代码...} css: {代码...} 双飞翼布局 html: {代码...} css: {代码...} 自身浮动法 html: {代码...} css: {代码...} 绝对定位法 html: {代码...} css: {代码...}

写一个 function，它遍历一个对象数组（第一个参数）并返回一个包含相匹配的属性-值对（第二个参数）的所有对象的数组。如果返回的数组中包含 source 对象的属性-值对，那么此对象的每一个属性-值对都必须存在于 collection 的对象中。 例如，如果第一个参数是 [{ first: "Romeo", last: "Montague" }, { first: "Mercut...

计算一个整数的阶乘,如果用字母n来代表一个整数，阶乘代表着所有小于或等于n的整数的乘积。阶乘通常简写成 n! 例如: 5! = 1 2 3 4 5 = 120

优点： 解决了子类实例共享父类引用属性的问题 可传参缺点：方法都在构造函数中定义，浪费内存还不能复用。在超类型的原型中定义的方法对子类型而言不可见：