- 博客(43)
- 收藏
- 关注
原创 读书摘抄及思考之一
寻找关键驱动因素——直指问题核心的高效工作法则关键驱动因素,顾名思义,就是在一件事情中起着决定性作用的重要因素。把握住了关键驱动因素,就是抓住了事情的重点,对于问题的把握和解决具有决定性作用。在工作中,单单拥有解决问题的思路是远远不够的,因为没有哪个商业问题是完全相同的,只有仔细琢磨好如何处理每一个问题,找到解决问题的关键驱动因素,才能事半功倍。找到关键驱动因素并且将问题解决的突破口设定与此,就...
2020-02-22 00:21:08 250
原创 vue学习之路由
路由需要引入库“vue-router”  动态路由我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件。例如,我们有一个 User 组件,对于所有 ID 各不相同的用户,都要使用这个组件来渲染。那么,我们可以在 vue-router 的路由路径中使用“动态路径参数”(dynamic segment) 来达到这个效果:const User = { templat...
2019-02-22 22:44:16 214
原创 mongodb简单了解
mongodb简介 windows版下载下载地址:https://www.mongodb.org/dl/win32/x86_64-2008plus-ssl  服务端命令在安装目录的bin目录下的mongod.exe是服务端程序。 服务器启动选项 *--port 端口 --bind_ip IP地址 -...
2019-02-22 22:41:15 175
原创 nginx反向代理nodejs服务
用nginx做nodejs服务可以做负载均衡,还可以帮node服务代理静态资源的服务,减轻node服务的负担,又可以隐藏ndoe服务,降低被攻击的风险等等。 nginx常用的几个命令启动nginx服务 start nginxWindows下查看nginx服务是否存在 tasklist /fi "imagename eq nginx.exe"重新加载nginx....
2018-12-29 23:54:53 3142
原创 html+jQuery+node.js实现一个简单的查询天气网页
曾经写过一篇文章使用python查询天气,是调用中国天气网的接口实现的天气查询,下面还是用该接口实现一个本地网页的天气查询。如图: 服务端代码:const http = require("http");const url = require("url");const querystring = require("querystring");const server = h...
2018-07-29 17:01:33 1406
原创 c++获取windows、mac的内存占用率
windows平台内存占用率#include <iostream>#include <windows.h>using namespace std;void getMemUsePercentage(){ MEMORYSTATUSEX memory_status; memory_status.dwLength = sizeof(memory_...
2018-07-21 17:58:29 1200
原创 c++获取windows、mac的cpu利用率
前段时间有一个工作任务是找windows和mac的cpu利用率的方法,并集成到客户端里,最后问题解决,但也还颇费一番功夫。现在在这里纪录一下。 windows平台cpu利用率 windows平台获取cpu利用率的方法我找到的有以下两种:方法一:查询windows的性能检测器方法二: 调windows的api获取cpu使用时间并计算#inclu...
2018-07-21 17:49:21 3296 1
原创 jQuery了解
jQuery是最广泛使用的javascript库,之所以广泛使用,是因为有以下几个优势:消除浏览器差异:你不需要自己写冗长的代码来针对不同的浏览器来绑定事件,编写AJAX等代码;简洁的操作DOM的方法:写$(‘#test’)肯定比document.getElementById(‘test’)来得简洁;轻松实现动画、修改CSS等各种操作。 &nbsp;jQuery版本目前j...
2018-07-15 17:56:40 173
原创 koa文件上传中间件——koa-multer
koa-multer用法基本和multer一致,npm里koa-multer的用法介绍比较简单,可以参考multer的用法 使用const Koa = require('koa');const Router = require('koa-router');const multer = require('koa-multer');const path = require(...
2018-07-12 00:44:32 5341 1
原创 koa静态资源中间件——koa-static-cache
使用在脚本所在目录新建www目录,新建1.txt,在浏览器中请求http://localhost:8080/1.txtconst Koa = require('koa');const path = require('path');const staticCache = require('koa-static-cache');const server = new Koa();ser...
2018-07-11 00:19:22 5055
原创 koa请求体解析中间件——koa-bodyparser
使用const Koa = require('koa');const bodyParser = require("koa-bodyparser");const server = new Koa();server.listen(8080);server.use(bodyParser());server.use(async ctx=>{ if (ctx.url ===...
2018-07-10 23:56:36 3772
原创 koa使用cookie
ctx.cookies.get(name, [options])通过 options 获取 cookie name:signed 所请求的cookie应该被签名 ctx.cookies.set(name, value, [options])通过 options 设置 cookie name 的 value :maxAge 一个数字表示从 Date.now()...
2018-07-10 00:41:00 2439
原创 koa的session中间件——koa-session
实现session的方法有多种,koa-serssion是将session加密保存在cookie中,浏览器与服务器交互,可以通过看cookie里是否有session来判断用户是否登录。 const Koa = require('koa');const session = require('koa-session');const server = new Koa();...
2018-07-10 00:01:42 2565
原创 koa路由中间件——koa-router
const Koa = require('koa');const Router = require('koa-router');const server = new Koa();server.listen(8080);//子路由1let router1 = new Router();router1.get('/1', async ctx=>{ ctx.body = '...
2018-07-09 23:42:08 1147
原创 node.js下redis简单操作
安装redis库 npm install redis 简单例子const redis = require('redis');//创建redis连接const client = redis.createClient({ host:'localhost', port: 6379, password: ''});client.on('rea...
2018-06-25 23:53:21 144
原创 redis简单了解
简单介绍redis 是完全开源免费的,遵守BSD协议,是一个高性能的key-value数据库。 redis 与其他 key - value 缓存产品有以下三个特点:redis支持数据的持久化,可以将内存中的数据保存在磁盘中,重启的时候可以再次加载进行使用。redis不仅仅支持简单的key-value类型的数据,同时还提供list,set,zset,hash等数据结构的存储。redi...
2018-06-24 10:42:49 141
原创 vue学习之自定义事件
通过自定义事件可以实现vue组件”子->父”的数据传递由子组件$emit事件的名称,父组件监听这个名称的事件,事件名称的命名推荐使用 “kebab-case” 的形式。下面代码中,子组件给父组件传递了一个弹框信息。<!DOCTYPE html><html><head> <meta charset="utf-8" /&...
2018-06-18 16:01:56 301
原创 vue学习之Prop
我们可以使用prop进行“父->子”的数据通信 代码中将当父组件”nameValue的值传递给子组件”name” 子组件通过props来接收数据:方式1:props: ['name']方式2 :props: { name:String}方式3: props:{ name:{ type:S...
2018-06-18 15:46:23 331
原创 vue学习之组件——全局组件和局部组件
vue有两种组件的注册类型:全局注册和局部注册。注册组件时传入的配置和创建Vue实例差不多,但也有不同,其中一个就是data属性必须是一个函数。&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8" /&gt; &a
2018-06-16 23:52:42 182
原创 vue学习之监听属性
监听属性属性关键词: watch通过 watch 来响应数据的变化 &nbsp;例子代码:&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&a
2018-06-16 20:01:13 167
原创 vue学习之计算属性
计算属性关键词: computed计算属性可以通过写一些方法用于处理元数据。例子中messageUpper函数将message的值变为大写。计算属性默认只有 getter ,setter 需要自己提供。例子中输入栏提供修改message的值。 例子:代码:<!DOCTYPE html><html><head> <...
2018-06-14 00:59:39 166
原创 vue学习之v-model和v-bind
v-model 能轻松实现表单输入和应用状态之间的双向绑定。例子代码如下:&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;vue&
2018-06-13 23:26:58 243
原创 python实现简体中文转繁体中文
最近工作上的一个任务是将客户端的语言在简体中文和英文的基础上再增加繁体中文,同事推荐了一个python的库,名字叫zhconv,该库的优点是可以将文本中简体中文的部分翻译成繁体中文,比如,软件简体中文的翻译文件是个json格式的,我们就可以使用该库生成一个繁体中文的josn格式的翻译文件。该库python2、3版本都支持。 首先安装zhconvpip install zh...
2018-06-13 23:08:10 8623
原创 vue学习之v-for和v-on
v-for 指令可以绑定数组的数据来渲染一个项目列表。v-on 指令添加一个事件监听器,通过它调用在 Vue 实例中定义的方法。&nbsp;使用二者写了一个简单的例子代码如下:&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8&q
2018-06-12 00:45:10 1160
原创 vue学习之v-if和v-show
v-if<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>vue</title> <script src="vue.js"></script>
2018-06-10 23:46:40 129
原创 vue学习之安装使用
vue安装 npm install vuevue引入在 NPM 包的 dist/ 目录你将会找到很多不同的 Vue.js 构建版本。这里列出了它们之间的差别: UMD CommonJS ES Module 完整版 vue.js vue.common.js vue.esm.js 只包含运行时版 vue.runtim...
2018-06-10 23:14:07 210
原创 npm查看安装模块
查看本文件夹所有的安装模块npm list --depth=0查看全局所有的安装模块npm list --depth=0 -global
2018-06-10 08:48:57 5416
原创 css布局之display
display的常用属性如下:none: 元素不会显示,而且改元素现实的空间也不会保留。但有另外一个 visibility: hidden, 是保留元素的空间的。 inline: display的默认属性。将元素显示为内联元素,元素前后没有换行符。我们知道内联元素是无法设置宽高的,所以一旦将元素的display 属性设为 inline, 设置属性height和width是没有用的。此时影响它...
2018-06-03 23:00:12 689
原创 css布局之flex
本文参考了阮一峰的《Flex 布局教程》 Flex 是 Flexible Box 的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。在webkit内核的浏览器中使用时,必须加上-webkit-前缀。 基本用法: .box{ display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3...
2018-06-02 16:52:26 200
原创 css布局之float
float特点:当元素应用了float属性后,将会脱离普通流,其容器(父)元素将得不到脱离普通流的子元素高度。只有横向浮动,并没有纵向浮动。会将元素的display属性变为block。浮动元素的后一个元素会围绕着浮动元素(典型运用是文字围绕图片),与应用了position的元素相比浮动元素并不会覆盖后一个元素。浮动元素的前一个元素不会受到任何影响(如果你想让两个块状元素并排显示,必须...
2018-06-02 10:46:25 174
原创 css布局之position
static:默认值。没有定位,元素出现在正常的流中(忽略top,bottom,left,right或者z-index声明)。relative:生成相对定位的元素,通过top,bottom,left,right的设置相对于其正常位置进行定位。可通过z-index进行层次分级。relative定位的层总是相对于其最近的父元素,无论其父元素是何种定位方式。定位为relative的...
2018-06-02 10:31:07 107 1
原创 我的Koa常用中间件 (不定期更新)
静态资源koa-static-cache路由koa-router处理请求参数koa-better-body将中间件转换成koa2可以使用的中间件koa-convertsesionkoa-sessionEJS模板使用koa-ejsmysqlmysql-pro...
2018-05-28 00:42:30 1378
原创 EJS模板学习
“E” 代表 “effective”,即【高效】。EJS 是一套简单的模板语言,帮你利用普通的 JavaScript 代码生成 HTML 页面。特性快速编译与绘制输出简洁的模板标签:<% %>自定义分割符引入模板片段同时支持服务器端和浏览器 JS 环境JavaScript 中间结果静态缓存模板静态缓存兼容 Express 视图系统使用服务端使用 ...
2018-05-28 00:19:08 687
原创 ES7之async/await
async/await是写异步代码的新方式,基于Promise实现的,在语法上更加简洁。Async/Await基本规则async 表示这是一个async函数,await只能用在这个函数里面。await 表示在这里等待promise返回结果了,再继续执行。await 后面跟着的应该是一个promise对象(当然其他返回值也可以,只不过会立即执行,就没有意义了)例子let ...
2018-05-27 10:23:38 264
原创 ES6之Promise
Promise对象是ES6对异步编程的一种解决方案,它有以下两个特点:Promise对象代表一个异步操作,它只有三种状态:Pending(进行中)、Resolved(已完成,又称 Fulfilled)和Rejected(已失败),并且该状态不会受外界的影响Promise对象的状态改变,只有两种可能:从 Pending 变为 Resolved 或者从 Pending 变为 Rejected,...
2018-05-23 23:53:41 110
原创 ES6之字符串模板
ES6中提供了模版字符串,用`(反引号)标识,用${}将变量括起来。let array = new Array('World', 'Python', 'C++', 'js');for (value in array) { name = array[value]; console.log(`Hello, ${name}!`);}...
2018-05-23 22:37:52 164
原创 python3字符串模板
substitute方法在出现不匹配占位符中变量时会报keyError异常,而safe_substitute在这种情况下会原样输出占位符。from string import Templatestr = Template('Hello,${name}!')#使用substitute方式print(str.substitute(name = 'World')) #Hello,W...
2018-05-23 22:24:34 4491
原创 ES6之generator函数
由于 Generator 函数返回的遍历器对象,只有调用next方法才会遍历下一个内部状态,所以其实提供了一种可以暂停执行的函数。yield表达式就是暂停标志.遍历器对象的next方法的运行逻辑:遇到yield表达式,就暂停执行后面的操作,并将紧跟在yield后面的那个表达式的值,作为返回的对象的value属性值。下一次调用next方法时,再继续往下执行,直到遇到下一个yield表达式...
2018-05-23 01:32:41 128
原创 ES6的Set和Map
Set和Map两个容器的特性对用过c++和python的人来说已经非常熟悉了,我学js的时候只见到了数组,我还纳闷js还有其他的容器吗?终于在ES6中看到了它们,下面我写一下它们的简单用法。Set//Set类似数组, 它的成员是唯一的,里面没有重复的值let set = new Set(['yellow', 'green']);set.add('red')set.add...
2018-05-16 23:42:28 122
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人