电脑小技巧
电脑使用相关技巧
socket.io使用
Web Socket & Socket.ioHTTPHTTP无法轻松实现实时应用:
HTTP协议是无状态的,服务器只会响应来自客户端的请求,但是它与客户端之间不具备持续连接。
我们可以非常轻松的捕获浏览器上发生的事件(比如用户点击了盒子),这个事件可以轻松产生与服务器的数据交互(比如Ajax)。但是,反过来却是不可能的:服务器端发生了一个事件,服务器无法将这个事件的信息实时主动通知它的客户端。只有在客户端查询服务器的当前状态的时候,所发生事件的信息才会从服务器传递到客户端。
但是,确实聊天室确实存在
方法:
长轮询:客户端每隔很短的时间,都会对服务器发出请求,查看是否有新的消息,只要轮询速度足够快,例如1秒,就能给人造成交互是实时进行的印象。这种做法是无奈之举,实际上对服务器、客户端双方都造成了大量的性能浪费。
长连接:客户端只请求一次,但是服务器会将连接保持,不会返回结果(想象一下我们没有写res.end()时,浏览器一直转小菊花)。服务器有了新数据,就将数据发回来,又有了新数据,就将数据发回来,而一直保持挂起状态。这种做法的也造成了大量的性能浪费。
WebSocke ...
sass
Sass (Syntactically Awesome StyleSheets)Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库(如 Compass)有助于更好地组织管理样式文件,以及更高效地开发项目。
1. 特色功能 (Features)
完全兼容 CSS3
在 CSS 基础上增加变量、嵌套 (nesting)、混合 (mixins) 等功能
通过函数进行颜色值与属性值的运算
提供控制指令 (control directives)等高级功能
自定义输出格式
2. 语法格式 (Syntax)Sass 有两种语法格式。首先是 SCSS (Sassy CSS) —— 也是本文示例所使用的格式 —— 这种格式仅在 CSS3 语法的基础上进行拓展,所有 CSS3 语法在 SCSS 中都是通用的,同时加入 Sass 的特色功能。此外,SCSS 也支持大多 ...
发布自己的npm包
发布自己的npm包
首先在npm网站上注册一个账号,这个账号之后会用到。
npm网站地址:https://www.npmjs.com/
npm网站注册地址:https://www.npmjs.com/signup
注意:这里需要使用的源 是 npm 自己。不能用淘宝的源等其他,注意要先进行切换。这里推荐使用 nrm , 有兴趣的可以去了解一下
推荐:工具使用 cmd
找到自己上传包的父级目录,打开命令行:
npm login
npm init 创建项目 已有项目的可以跳过
配置 package.json
打包上传 npm publish 第一次上传 不需要加 包名 后续上传出现问题可以尝试 npm publish 包名
成功后会显示 +包名
更新版本时注意更改packgae.json中的版本号
上传成功后,可以测试下载 npm install 包名
PS: 也会收到成功(success)邮件推送
测试用的包还是尽快下架 npm --force unpublish 包名
记得发布 ...
node中的模块
node中的模块javaScript 从一个仅仅在浏览器上面的一个玩具语言,一转眼演变成无所不能神一般的存在。但是,由于天生存在着一点戏剧性,模块系统作为一门语言最基本的属性却是javaScript所缺的。
1. JS的不足js没有模块系统,不支持封闭作用域或依赖管理没有标准库,没有文件系统API没有包管理系统,不能自动加载和安装依赖
2.commonjs规范一个 node.js由大量模块组成,每个JS文件都是一个模块实现了require方法,npm基于commonjs实现了自动加载和安装依赖
3.模块化优点
增加内聚性,有助分工协作
方便重构
提高代码质量
3.模块使用
定义模块
导出模块 module.exports和exports
使用模块 require(‘filename’);
实现原理
123(function(exports,require,module,__filename,__dirname){ return module.exports;})();
module.exports和exports的区别
4.require的应用
加载 ...
less用法
最近less水平又有提高了,搏一搏
Hexo+butterfly搭建博客随手记
想到什么就写什么,大多是过程中的思考和经验(不是教程)
扫码打开/跳转到微信小程序
微信小程序
微信公众号菜单网页开发
微信公众号开发基础操作
官方文档
小程序内嵌公众号授权思路
【公众号微信平台】
平台中配置需要用到的入口
IP白名单设置
用户网页授权同意授权公众号域名设置 与 回调页面 域名相同,下载文件放置根目录 (网站需要进行备案、且不能为ip地址)获取code
公众号菜单里挂出的web链接要使用域名并配有安全证书,不然会出现跳转提示
【开发程序前端】
与授权页回调域名进行配合,在重定向后获取到url中的code
配置公众号菜单链接
12345678910111213https://open.weixin.qq.com/connect/oauth2/authorize?appid=appid&redirect_uri=url&response_type=code&scope=snsapi_base&state=1#wechat_redirect字段替换:appid => 真实的公众号appidredirect_uri => 注意:此字段一定要进行转码(规则见下附录1),不可直接使用完整url ,会提示 " ...
axios使用说明
原文地址:lewis1990@amoy
axios基于promise用于浏览器和node.js的http客户端
特点
支持浏览器和node.js
支持promise
能拦截请求和响应
能转换请求和响应数据
能取消请求
自动转换JSON数据
浏览器端支持防止CSRF(跨站请求伪造)
安装npm安装
1$ npm install axios
bower安装
1$ bower install axios
通过cdn引入
1<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
例子发起一个GET请求
123456789101112131415161718192021// Make a request for a user with a given IDaxios.get('/user?ID=12345') .then(function (response) { console.log(response); }) ...
git使用(版本1)
git基础Git是一款免费、开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目.Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。Git 是一个快速、可扩展的分布式版本控制系统,它具有极为丰富的命令集,此文主要介绍git的使用,了解git的三个区,通过git连接github,以及常用git的常用命令.
git的使用1.版本控制1.1 备份文件
类似于网盘备份
我们的代码也需要备份。修改完了以后提交给版本库进行保管,哪一天代码没了也可以找回来。
1.2 记录历史
比如我们打游戏就要存档,万一挂了还可以从上个存档的地方重玩。
和网盘不同,网盘保留的是最新的状态,历史的记录都没有了,修改的记录也都找不回来了
网盘无法知道文件里的某行代码是何人在哪个时间添加进去的
1.3 回到过去
如果我有一天不小心删除了某个文件,我们可以通过历史备份找回来
1.4 多端共享
Git仓库可以通过PC端、Android、IOS移动端等各个终端访问
可以随时随地修改代码,公司没干完的工作回家接着干
1.5 团队协作
多个人或团队合作 ...
git+gitee
使用Git + 码云 :1.使用Gitee和使用GitHub类似,我们在Gitee上注册账号并登录后,需要先上传自己的SSH公钥。选择右上角用户头像 -> 菜单“修改资料”,然后选择“SSH公钥”,填写一个便于识别的标题,然后把用户主目录下的.ssh/id_rsa.pub****文件的内容粘贴进去:
点击“确定”即可完成并看到刚才添加的Key:
如果我们已经有了一个本地的git仓库(例如,一个名为learngit的本地库),如何把它关联到Gitee的远程库上呢?
首先,我们在Gitee上创建一个新的项目,选择右上角用户头像 -> 菜单“控制面板”,然后点击“创建项目”:
项目名称最好与本地库保持一致:
然后,我们在本地库上使用命令
1git remote add
把它和Gitee的远程库关联:
1git remote add origin git@gitee.com:liaoxuefeng/le ...
Express使用说明
ExpressExpress 是一个简洁、灵活的 node.js Web 应用开发框架, 它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用。丰富的 HTTP 快捷方法和任意排列组合的 Connect 中间件,让你创建健壮、友好的 API 变得既快速又简单。此文章会讲解express常用方法以及实现的原理.
1.Express介绍Express 是一个小巧且灵活的 Node.js Web应用框架,它有一套健壮的特性,可用于开发单页、多页和混合Web应用。
2.express的应用2.1 安装express
npm安装
1$ npm install express
2.2 使用express
创建http服务
123456//引入expressvar express = require('express');//执行express**函数var app = express();//监听端口app.listen(3000);
2.3 express的get方法
根据请求路径来处理客户端发出的GET请求
第一个参数path为请求的路径
第二个参数为处理 ...
ES-next使用说明
ES-next使用说明