- 博客(53)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Vue CLI 3.x的使用(2)-安装
Vue CLI v3.x官方教程：https://cli.vuejs.org/guide/关于与先前版本的说明 1. 包名由vue-cli变更为@vue/cli； 2. 若需要全局安装旧版本的vue-cli(1.x或2.x)，则需要先卸载已安装的版本，卸载指令：npm uninstall vue-cli -g或yarn global remove vue-cli。Node版本要求 N...
2018-09-05 18:54:28
2355
原创 Vue CLI 3.x的使用(1)
Vue CLI v3.x官方教程：https://cli.vuejs.org/guide/Vue CLI是快速构建Vue.js项目的完整系统，提供： - @vue/cli提供交互式项目构建脚手架； - @vue/cli+@vue/cli-service-global实现零配置快速原型； - 运行时依赖(@vue/cli-service)： - 可升级， - 最新web...
2018-08-31 18:59:14
1604
原创 Hexo搭建及部署
Hexo是什么？ Hexo是一个快速、简洁且高效的博客框架，使用Markdown解析文章，可利用可定制的主题生成静态网页。安装 必备程序：Node、Git使用npm安装hexo-clinpm install/i -g hexo-cli初始化Hexo项目目录hexo init <folder>安装完成，启动服务测试。cd <f...
2018-08-30 14:09:34
883
原创 Git服务搭建 - 阿里云搭建Gogs
基础环境 阿里云Ubuntu 16.04 64位 1核 1GB 1Mbps Nginx nginx/1.12.2 MySql Ver 14.14 Distrib 5.6.39, for linux-glibc2.12 (x86_64) Git version 2.7.4搭建Gogs1. 添加git用户adduser git2. 下载gogs安装包wget -c http://...
2018-08-16 21:56:54
666
原创 阿里云ECS初体验(5)
更换系统盘后会导致之前的认证信息过期，报错： 原因：第一次SSH连接时，会生成一个认证存储在客户端中的known_hosts，更换系统盘后，服务器的认证信息改变导致与其对应的客户端的认证信息不再对称。解决方法：删除客户端认证信息，重新连接生成新的认证信息。// 删除客户端认证信息ssh-keygen -R 服务器IP地址再次连接时，和第一次连接操作一致。...
2018-08-16 15:38:56
248
原创 package.json说明
项目中用到的package.json中使用到的配置字段。{ "name": "项目名称", "version": "项目版本", "description": "项目描述", "keywords": ["项目关键词"], "main": "标识入口函数", "files
2018-06-25 18:36:31
366
原创 大屏数据可视化总结
设计图尺寸计算方法 单块屏幕分辨率(一般为1920x1080)，根据横排和竖排数目换算比例，根据主流显示器分辨率1920x1080，得到一个缩放值。将得到的缩放值赋予文档的body的scale属性，这样就可以在可视区域最大范围内看到页面整体的效果了。当然如果是长宽比过大，则需要以宽获取缩放值。大屏设计注意点字体 字体过大或过小都会影响人的视觉，尤其是在大面积文字区。一般大面积的文字区...
2018-05-15 17:55:47
7527
原创 版本号及使用npm管理项目版本号
版本号 语义化版本：https://semver.org/lang/zh-CN/ 版本号格式：主版本号.次版本号.修订号 版本号递增规则： - 主版本号：做了不兼容修改或颠覆式的重写 - 次版本号：向下兼容的功能性新增 - 修订号：向下兼容的问题修正 先行版本号及版本编译信息可以加到“主版本号.次版本号.修订号”的后面，作为延伸。版本号只能增加，禁止下降，代码的修改必须以新版本形...
2018-05-04 19:35:29
10127
原创 中英文字符串截取方法
// Unicode字符 = 1/2 ASCII获取lengthexport function getUniLen(str) { if(!str) return 0; let len = 0; for(let i = 0; i < str.length; i++) { len += str.charCodeAt(i) > 255 ? 2 : 1; } ...
2018-05-04 18:40:50
490
原创 iview笔记
table内容定制columns: [ { title: '表头名', key: '数据key名', render: (h, params) => { return h('标签', { ...属性, on: { ...
2018-04-25 12:31:02
767
2
原创 Vue项目编码规范
单组件文件样式、布局及样式/** * 布局 * lang: 可选，默认使用html，用于标注布局使用的模板类型。 * /<template lang="html"> // tag: 原生标签或vue标签(router-view、router-link、...)，template起始必须 // container: 组件根节点样式，一般一个项目中是统一的，...
2018-04-18 11:39:26
1021
原创 React-Native从零到有——错误及解决方案
开发环境 windows10 x64npm缓存问题：bundling failed: Error: EBUSY: resource busy or locked, rename … 解决方案：清除npm缓存// npm@5npm cache verify// 或加强制清空参数npm cache verify --force// npm@其他npm cache c...
2018-03-13 15:45:08
283
原创 随笔
原词： 幸得识卿桃花面，从此阡陌多暖春。 中意也，盈盈红袖谁家女， 文质何，郁郁青衿是吾生。小诗： 清明春暖踏青游， 偶遇佳人似桃羞。 欲问娇娘家何处， 彬彬如吾是可期？...
2018-03-08 13:54:10
259
原创 css3实现重绘复选框
input[type="checkbox"] { display: none;}input[type="checkbox"]+label::before { content: ''; display: inline-block; width: 8px; height: 8px; padding: 2px; margin-right: 3px; backgroun...
2018-03-01 14:43:06
258
原创 CSS3的@font-face
参考资料：https://www.w3cplus.com/content/css3-font-face @font-face是CSS3中的一个模块，主要是把自定义的Web字体嵌入到网页中。@font-face的语法规则// 以iconfont为例@font-face {font-family: "iconfont"; src: url('../fonts/iconfont....
2018-02-25 18:12:04
674
原创 常用meta标签整理
view-port<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">优先使用IE最新版本和Chrome<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
2018-02-25 09:45:54
284
原创 Mockjs示例API整理
数据模板定义String字符型'name|min-max': string'name|repeat': stringNumber数字型'name|+1': number'name|min-max': number'name|min-max.dmin-dmax': number>>Mock.mock({ "number|123.10": 1.12...
2018-02-23 19:29:57
944
原创 json-server与mockjs结合实践
mock server服务目录index.js // 可以认为是模拟数据库，或者应该算接口返回的结果集json-server.json // json-server配置db // 存储返回结果集的模拟表 posts ...将模拟表组合成模拟数据库// index.jslet posts = re...
2018-02-23 18:03:39
1162
1
原创 VS code使用二三事
编辑器代码习惯配置vscode有提供针对项目的配置文件，这样在其他电脑上用VS code打开时，就不需要进行二次修改了。 - 在所属项目下创建一个隐藏的文件夹.vscode - 在.vscode中创建配置文件settings.json - 当使用VS code打开该配置文件时，会自动显示VS code的可配置项，只需要将需要重新自定义的配置项放入该配置文件中即可。...
2018-02-23 15:40:27
775
原创 阿里云ECS初体验(4) — 安装指定版本的nodejs
阿里云ECS Ubuntu版本安装的nodejs版本是0.6.x低版本的nodejs功能不完善，有时并不能满足开发要求或者服务器部署的需求，这时可以安装指定版本的nodejs。安装过程需要以下两步：指定版本源curl -sL https://deb.noderesource.com/setup_6.x | sudo -E bash -安装nodejsapt-get in...
2018-02-08 12:24:34
705
原创 纯Nodejs实现的MySQL协议JavaScript客户端 — mysql npm包
GitHub地址：https://github.com/mysqljs/mysql 安装npm install mysql使用创建连接var mysql = require('mysql')var conn = mysql.createConnection({ host: 'localhost', port: 3306, database:
2018-02-06 17:48:42
605
原创 移动端 Safari 踩坑记录
移动端 Safari中:hover导致的两次点击问题 问题描述：在移动端的Safari中，如果使用了:hover会导致两次点击事件的发生，如a标签链接到一个新地址，如果a标签使用了:hover就会造成第一次点击时响应:hover，第二次才响应a标签的跳转。 解决方案：1. 监听`ontouchstart`事件给body添加一个`no-touch`的class，用于限制`:hover
2018-02-01 23:51:48
535
原创 Tapd——集成Github
TAPD项目与Github代码仓库进行关联打开需要关联的TAPD项目，依次选择项目设置,应用设置，启动项目应用，将Github源码拖入到已启用应用在Github项目中点击项目设置，配置webhooks，点击Add webhook点击TAPD项目中的项目设置-应用设置下的设置应用列表中的Github源码将Webhook信息中的Web URL信息复制填充到Github项目中的webhook
2018-01-31 00:50:12
5811
1
原创 gulp-inject使用时遇到的坑
'use strict';var gulp = require('gulp');var less = require('gulp-less');var minifycss = require('gulp-minify-css');var rename = require("gulp-rename");var browserSync = require('browser-sync');
2018-01-24 12:00:13
953
原创 React - Redux实践
Redux 是什么？Redux是javascript的状态容器，能提供可预测化的状态管理。提出以下两点：- web应用是一个状态机，视图与状态是一一对应的。- 所有的状态，保存在一个对象里面。Redux的状态容器Store存储着所有的状态数据，每个状态都与视图一一对应。一个State对应一个View，State存储在Store中。View: 操作入口，向Action发出S
2018-01-24 11:56:49
121
原创 Redux
参考链接：https://www.ibm.com/developerworks/cn/web/wa-manage-state-with-redux-p1-david-geary/应用程序状态通常很复杂，Redux Javascript库是一个可以减少状态维护过程中的错误针对Javascript应用程序的可预测状态容器。Redux来自React社区，是Facebook的Flux架构的一种简化
2018-01-24 11:55:47
140
原创 阿里云ECS初体验(3) — Nginx安装与配置
阿里云ECS中默认是安装了Nginx 1.6.0的。登录ESC$ ssh root@[ESC IP地址] root@[ESC IP地址]'s password: // 输入密码Welcome to aliyun Elastic Compute Service!Last login: Mon Jul 31 21:09:10 2017 from 210.13.77.213
2018-01-24 11:54:19
344
原创 阿里云ECS初体验(2)
登录ESC 阿里云ECS初体验(1)中的ssh登录中第一步实际切换的是本地的root用户，然后通过RSA key去登录的，应当采用以下登录方式。ssh root@[ESC IP地址]root@[ESC IP地址]'s password: // 输入ESC密码Welcome to aliyun Elastic Compute Service!Last login: Thu Jul
2018-01-24 11:53:16
281
原创 阿里云ECS初体验(1)
ECS Ubuntu版本 购买完成后，进入实例列表。如果之前没有设置密码，则在实例列表中可以进行相关操作。 - 重置密码 点击更多->重置密码，重置密码后，记得重启该实例。 - ssh登录$ sudo ssh IP地址Password: // 输入本机密码The authenticity of host 'IP地址' can't be established.RSA ke
2018-01-24 11:51:22
487
原创 React-Native从零到有(1)——基础环境搭建
开发平台：windows 10 x64目标平台：Java Android软件及环境： 1. Java Development Kit 1.8.x(更高版本暂不提供支持) 2. Python 2 3. Node 4. Yarn 5. React Native命令行工具(react-native-cli) 6. Android Studio 7. Visual Studio Em
2018-01-05 12:44:03
1101
原创 Express blog从零开始搭建(2)
主要内容是对项目信息文件package.json、应用程序入口文件app.js和脚本文件bin/www的一些内容的注解，是对一个express项目最基本组成部分的讲解。
2017-11-30 16:49:04
498
原创 Vue2.5.9源码解读(2) — build/config.js
genConfig根据指定的process.env.TARGET与builds中的键做对比，如果在builds中存在对应的键，则生成并对应的配置。这里并没有做指定的process.env.TARGET不存在于builds中的处理。
2017-11-28 19:37:26
635
原创 Vuejs2.5.9源码解读(1) — package.json
Vuejs2.5.9源码解读获取vue2.5.9源码从https://github.com/vuejs/vue/releases下载源码包。package.json脚本命令vue下的package.json:..."scripts": { "dev": "rollup -w -c build/config.js --environment TARGET:web-full-dev",
2017-11-28 19:34:52
1506
原创 Express blog从零开始搭建(1)
Express安装与项目创建全局安装expressnpm install -g express-generator或npm i -g express-generatori，即install，npm指令，表示安装； -g，即global，是npm的参数，表示全局操作。 2. 新建项目并初始化// 假设已存在项目目录exblogcd exblogexpress --view=ejs .或
2017-11-28 00:29:41
611
原创 Windows常用操作
命令查看windows系统版本信息wmic os get caption查看系统架构是基于x86还是x64wmic os get osarchitecture查看端口占用netstat -ano|findstr "9100"快捷键在命令行窗口中执行paster操作shift + Insert扩展显示器不识别win + p...
2017-11-27 21:19:18
211
原创 MongoDB在windows 64下的安装方法
MongoDB下载 , 注意64位的MongoDB不能运行在32位的系统上。创建数据存储目录，默认的数据目录路径是\data\db例如在D:\Documents\下创建\data\dbcd D:\Documentsmd \data\db如果使用的是类Linux命令行工具，可以使用mkdir \data\db将MongoDB与数据目录关联，使用–dbpath进入到mongodb安装目录下
2017-11-27 21:18:19
1543
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人