TS学习笔记 TS入门学习资料 本文大量使用了TS入门学习资料的范例并且加以理解，但是也有省略很多的关键点，如需完整学习请移植上方链接 什么是 TypeScript&为什么选择TS 包容 不会与js冲突，基本上直接引入js即可 类型定义系统 完善js的弱类型，并且因为有类型定于 各大IDE也会有对应的提示 拥抱ES6&最新的草案规划 TypeScript 编译的时候即使报错了，还是会生成编译结果，我们仍然可以使用这个编译之后的文件。 巴拉巴拉什么社区完善啊 等等这些可以去看学习文档 这里不单独列出 劣势 学习曲线高 虽然很强大，但是整个市场来说 对团队要求高导致ts目前阶段相比js还不算大范围的流行 编译 需要额外编译，虽然写起来很爽，
前端的visionseed 腾讯优图漫游记 前言 某天某时刻从某位PLMM那里收到了一份礼物，拆开后发现是visionseed... 简单搜索了一下 发现是一个自带人脸检测/识别等一系列算法的摄像头.比较小巧 so...盒子背后还有个开发文档的二维码 visionseed官网 在开发者中心也能看到一些文档 简单看了一下后,发现...完全不懂啊 竟然是C++的..作为鄙视链最低端的前端,并且没有学过C++的渣渣来说 完全是天书啊,本打算辜负妹子的好意,准备收起设备的时候不料在gayhub上发现了新的天地 nodejs版本的sdk 竟然有位大大已经封装了一个js版的sdk,难道那句话就要应验了吗？能用js写的最终都会用js写 通信？ 本着好奇的态度想看看底层如何与js通信,简单看了一下源文件发现引入了三个库 serialport： 读取串口信息 visionseed设备的baudRate为115200 google-protobuf:
vue-element-admin中的多个表单共享验证rule 前因 有个业务需求为 表单中有两个字段 一个是 最小长度input输入框 一个是最大长度input输入框 因为要联动判断两个输入框的值，最小不能大于最大 最大不能小于最小，去官方翻例子发现只有一个自定义验证并且案例写的比较模糊 el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
letsencrypt的ACME规范开发折腾记 前言 https是一种互联网趋势，说到https就离不开ssl证书的申请，那么国外有个组织为了解决ssl证书申请的问题开放了互联网申请api接口，而且是全免费的，这就是letsencrypt，那么有了这个api接口接下来做的就是要去看方法调用对吧。然而你找到的只能是一份超级长的规范定义,当然这份规范定义基本上大家都是太长不看的。所以基本上大家都会去找现成的库。那么实现了amce协议的库很多ACME协议客户端，各种各样的，比如最常见的Certbot，网上的教程大多也是针对Certbot的，不过有个缺点就是，如果走的是dns认证，尤其是通配符证书申请，基本上国内比如阿里云的dns还需要自己手动去设置，不过网上已经有相关的插件可以支持阿里云dns了。不过我个人并不喜欢Certbot，尤其是需要传递一堆的参数，当配置的域名一多的时候就很难管理，那么出于以上的考虑就开始写了一个符合自己业务需求的小教本 基于node-acme-client的脚本实现 node-acme-client 本来打算自己去实现一个符合acme规范的客户端，不过时间不允许，而且不太想重复造轮子，所以翻了一下nodejs的库，发现还是有一个完全实现了acme规范的。于是打算基于上述去开发。虽然说是基于轮子去造车，但是有一些概念还是需要了解的。
nodejs 关于前后端分离的一些实现想法 纵观目前的前端发展趋势，由之前的WEB1.0（asp等古老页面）->WEB2.0（ajax的参与）->WEB3.0（现代化SPA），其发展的本质都是为了跟随市场，解放生产力，尤其是目前的前后端分离架构。
js 记一次Blog迁移到Ghost 之前的用了Hexo搭建了Blog，不过由于某次的操作失误导致Hexo本地的source源文件全部丢失.留下的只有网页的Html文件,众所周知,Hexo是一个本地编译部署类型的Blog系统,个人感觉这种类型的Blog特别不稳定,如果本地出了一些问题那么线上就GG了,当然,使用git是可以管理源文件,但是源文件里又包含很多图片的情况下,download和upload一次的时间也会比较长,虽然说这几年都流行这种类型的Blog,但个人看来还是WEB比较实在。
js scrollLeft实践解析 这里有一个常见的样式，左侧是可以滚动的，右侧为固定宽度，现有一需求，点击某个类目后居左该类目，其实实现方法比较简单，思路如下。1、获取当前父级的滚动left。2、获取当前点击类目的left。3、滚动父级的scrollLeft至点击类目的leftAPI则比较简单
InterceptorCompontent-组件注入概念 前言 本来想定义为拦截器概念的…后来想想好像不对..应该是注入器概念..不过组件名都写好了 就懒得改了. 写这个小功能的原因很简单 目前开发方式都是所有的js放一个文件里了,那么如果我有多个页面,每个页面执行不同的函数 实现方式是不是很简单？ function indexCompontent(){ console.log('index') } if($('js-index').length>0){ indexCompontent(); } 用es6的语法写起来就更爽了,可以把每个函数拆开,但是如果我后台想传递一些参数…那是不是很蛋疼了，估计要绑定在html上 然后通过函数主动去获取.. div.js-index(data-user='{"
nodejs微信接入(pc扫码和mobile微信环境下) 前言 本次演示采用nodejs(>7.5)+express+request框架,需要有一定的基础.层级分为四层分别为 路由层 控制层 请求层 视图层 路由层 GET /login # login登录页 GET /login/wechat # mobile微信跳转返回页 GET /login/wechat-pc # pc跳转返回页 控制层 getLogin #对应GET /login 的控制器 wechatLogin #对应GET /login/
记一次nginx反向代理内网wordpress 记一次nginx反向代理内网wordpress 参考 nginx反向代理wordpress nginx反向代理wordpress.conf Nginx proxy_set_header 理解 说明 公网ip为 233.233.233.233代理服务器内网ip为 10.10.10.10wordpress内网服务器ip为 10.0.0.1其中nginx代理服务器可以访问内网.需要绑定的域名为abc.com,但是目前域名未备案 所以只能绑定公网ip也就是233.233.233.233 第一种解决方案 不更改wordpress的home_
nodejs微服务设计笔记 前言 豆瓣读书 这本书简单的介绍了如何使用nodejs来搭建微服务,一本实践与理论结合的书籍,如果对于微服务有比较深刻的了解就可以不用看这本书了,但是对于门外汉来说这本书还是有比较大的价值. seneca github 本书大半部分都围绕这个框架来写的. 这个框架就是实现微服务的一个工具罢了.框架使用了匹配模式来触发函数,从而细粒化函数,比如. seneca.add({role:"math",cmd:"sum"},function(msg,res){ var sum=msg.left+msg.right res(
mac下 nvm use xxx后不生效 说明 安装了iterm2和oh my zsh, nvm也添加进入了.zshrc export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm 然后安装了nodejs 7.
js js开发总结 基层模块需要封装一层后才对外暴露 这里有个基层的,被封装为promise的基层函数/类 # request.js function request(data){ return new Promise((resolve,reject)=>{ $.ajax({ data, success(res){ resolve(res) }, fail(res){ reject(res) } }) }) } export{ request } 同时我写了个登录函数,依赖于基层类 # login.js import {request}
js 常用的js(nodejs)库整理 说明 本文为整理自己的github常用star. 免得到时候找个库都不知道找哪个. 本文包含了nodejs和js.可能还含有一些其他语言的库 详情的可以参考我githubStart ncmdump : ncm 网易云音频文件转换 simditor : tower 用的 富文本库 howler.js : js 音频操作库 LearningPixi : Pixi教程中文版 pixi.js : webgl 2d 动画引擎 ShanaEncoder : ShanaEncoder，最强的视频压制软件，支持CPU和GPU同时工作，速度快，清晰度高，B站指定压制工具 uni-app : uni-app
手把手教你如何利用nodejs+es6+co写一个爬虫 注意事项: 这里的爬虫不做太复杂的处理.. 考虑到并发问题.这里的爬虫仅仅是爬完上一个后再爬下一个. 爬完当页后再去爬取下一页,效率虽然低..但是胜在不用同一时间发请大量请求避免被ban 本文以admin5.com为案例来爬取200页的文章title和content 本文涉及到的es6语法这里只会简单的说明一下.如果看不懂…来打我啊(笑) 涉及框架 crawler co cheerio crawler:为一个封装好的nodejs爬虫库,免去你用request框架发请请求然后处理一大堆的返回代码问题.本文只把crawler当做请求工具用.内容的处理将会用cheerio框架来完成 co:能够把异步代码写成跟同步一样,号称es6的async. cheerio:nodejs版的jQuery 分析目标网站url 目标网站的url都是 http://www.admin5.com/
爽爆天!加速翻墙,优化shadowsocks.让你的梯子飞起来 爽爆天!加速翻墙,优化shadowsocks.让你的梯子飞起来 本文参考了如下的几个教程 在 CentOS 7 下安装配置 shadowsocks kcptunGitHub kcptun_gclient shadowsocks多用户配置 本文的服务器为centos7.0 安装shadowsocks至服务器 首先,关闭防火墙(centos 7.0) systemctl disable firewalld.service systemctl stop firewalld.service centos6.9以下的可以参考 关闭命令：
SEO SEO实战密码-入门SEO SEO常用指令 *通配 比如搜索某些词 李就代表通配符. 李力冰,李五冰 之类的都会出现在搜索词中 inurl inurl用来搜索url中出现的关键词. 比如我的url是 http://baidu.com?a=我是搜索词那么我搜索 inurl:我是搜索词 那么这个条目就会出现在搜索中。不过百度貌似已经不支持此搜索了 inanchor 搜索 inanchor:理财 的时候.比如s网站有个a标签,里面的文字是理财 比如 <a href='http://c.com'&
个人 记一次服务器迁移记录 记一次服务器迁移记录 最近emufan.com的备案被注销了.而且部署在github上访问和收录都有点不稳定.于是想搬个服务器. 一来是备案不太方便.年初的时候在阿里云备案还不需要邮寄资料.这次还需要邮寄资料.太麻烦了.而且目前并不太在意访问速度..话说目前访问速度很慢么? 挑选服务器 一开始选择了香港的服务器.但是后来想想.香港服务器又贵.性能又不太好.带宽低.而且速度访问有时候还是挺慢的(通常都不错).结合自己的开发和需求最终选择了国外.那么问题来了.选择国外如何选择最优质的服务器?这里去网上查询了一下 发现大家都首推linode..不过不支持PayPal付款..这点就蛋疼了..后来再三挑选下终究选择了digitalocean 点我送$10 因为是点击朋友的注册.所以送了$10.再加上自己购买的是服务器,
Generator控制sprity合并 Generator控制sprity合并 gulp-sprity是一个不错的插件.但是有一点问题 1.生成sass与less的时候所有的变量都在一个less/sass里面.不太好控制和引入 解决方案问题一 一开始是打算直接用for of循环读取数组内容然后直接生成的.但是这样会带来一点问题.如果上一次的内容没有生成,立即执行下一次内容生成会导致出现1.的情况..虽然你生成了两个文件.但是两个文件都是一样的内容.. 控制异步流程 其根本问题在于异步的流程控制.那么如何控制数组中的异步流程?其实就是.你想要函数执行第一次后再去执行接下来的.那么这里就可以用Generator来控制数组是自带了Symbol.iterator 这个Symbol.iterator实际上就是一个Generator那么就可以写一个函数每次结束后再去next. 如何监听gulp.pipe结束 一开始是打算使用.on(‘end’)事件..结果毛用都没.仔细研究和翻阅文档下.
邮箱发送html案例 邮箱发送案例笔记 今天在做邮箱发送案例的时候发现有一些问题需要处理 这里的邮箱指的是QQ邮箱 避免使用*zoom,*display,*xxx 避免使用css样式选择器 规定宽度如650px 利用margin居中 所有样式内联 避免使用复杂样式 1.则是因为邮箱在处理的时候会把不标准的css样式给屏蔽掉.所以导致xxx 以后的样式全部无效.如果要用请把xxx放在最后进行处理 2.和4.可以先利用选择器写好然后再利用gulp脚本自动生成,这里给出一段,所需模块已经require,需要的可以直接去npm进行下载 const gulp=require("gulp"); const inlineCss=require("
vue VuexDemo学习记录 VuexDemo学习记录 Vuex官方 提供了一个很简单的demo来演示vuex的数据流,这里先对Vuex的demo进行一个简单的分析和理解 文件目录 / main.js app.vue /vuex action.js getters.js store.js components Display.vue Increment.vue vuex vuex的数据流可以用三句话解决 用户在组件中的输入操作触发 action 调用； Actions 通过分发 mutations 来修改 store 实例的状态； Store
mongoose mongoose使用原始mongodb带auth 代码如下 var dbUrl="mongodb://username:pw@localhost:27017/dbname"; var db=mongoose.createConnection(dbUrl); db.on("open",function(){ console.log("open"); mongoose.connection.db.collection("sessions&
laravel maclaravel failed to open stream Permission denied laravel5 因为直接从win下copy目录 然后不知道改动了啥导致出现open stream: Permission denied 错误 经过一个多小时候的探索发现参考这篇文章 php artisan cache:clear chmod -R 777 storage composer dump-autoload composer update 然后出现另外一种错误Please provide a valid cache path. 参考 接着在storage/framework 下面创建 sessions， views, cache
MAC安装proxychains-ng实现terminal-socks5代理 安装brew ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" brew安装proxychains-ng brew install proxychains-ng 修改配置文件 vim /usr/local/etc/proxychains.conf 在最下面一行 socks4 xxx.xxx.xxx.xxx 改为相应的协议
lnmp mac安装lnmp环境 参考教程 安装brew ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 安装PHP5.6 brew install php56 \ --without-snmp \ --without-apache \ --with-fpm \ --with-intl \ --with-homebrew-curl \ --with-homebrew-libxslt \ --with-homebrew-openssl \ --with-imap \ --with-mysql \ --with-tidy` 不要用–without-debug方式安装
