1. VueJs 源码解读之细碎点

    在分析 VueJs 2.0 的源码中会碰到一些不知道的知识点，记录下来。 JSON.stringify JSON.stringify(val, null, 2) JSON.stringify(value[, replacer [, space]]) //第二个参数如果该参数是一个函数，则在序列化过程中，被序列化的值的每个属性都会经过该函数的转换和处理 //如果该参数是一个数组，则只有包含在这个数组中的属性名才会被序列化到最终的 JSON 字符串中 //如果该参数为null或者未提供，则对象所有的属性都会被序列化 //第三个参数，指定缩进用的空白字符串，用于美化输出（pretty-print） //如果参数是个数字，它代表有多少的空格；上限为10。该值若小于1，则意味着没有空格； //如果该参数为字符串(字符串的前十个字母)，该字符串将被作为空格；如果该参数没有提供（或者为null）将没有空格。 var obj = { name: ’11’, age: 12, func: function() { console.log(1) } } //输出 “{ “name”: “11”, “age”: 12 }” MDN 文档   Vue 中存在很多这种写法 /** * Check whether…
    VueJs

  2. 开源项目的一点思考

    前段时间我说要弄一个 图床工具，目前的进度是 95% 卡在了预览阶段，因为我的上传目录结构设计的略复杂，睡了一晚，想到了解决方案。 前端是用 VueJs + 小部分的 element ui ，涉及到的小点难点反而是比公司做的项目要多（题外话，很多招聘要求github上有star >100的这种，表示不怎么赞同，现在随便做一个demo都能攒上100+的start，作为加分项的这个比重是不是要降低一点了…） 后端最初我是打算用 PHP Laravel 来写的，但是 Laravel 需要的 PHP 版本太高感觉太重，所以换了 Koa2 。 然后前天我看到了一个 论坛程序 Flarum， 也是开源放在 Github 上的一个项目。这个时候我不禁在想，如果我的程序给别人用，别人会用么？ 难道我还要写个 Readme 手把手告诉别人怎么装 NodeJs 怎么搭环境么？ 安装成本太高！！！ 自己玩随便怎么弄，折腾 Docker 折腾各种配置程序，但是让别人用不同。我大概有点明白为什么PHP在‘民间’这么流行的 原因了，傻瓜式安装很重要。作为一个用户，程序安装只是一个基础工作，他想用的是你的功能。如果一开始就被安装环境各种配置给阻断了，那他怎么还会有动力来使用呢？ 一般有点动手能力的，比如我，就可能自己写这个么程序了。 不信你去看那些建站cms系统，哪个不是解压丢上源码到服务器上，浏览器输入地址栏，一路下一步就ok了。都是这个套路对不对！ 小白用户分不清 Linux的权限 所属用户组这些基础知识，或许连vps都没有，只有一个虚拟空间。所以程序搞成这样势必没人会来用，很尴尬。 所以，现在决定抽空将后端api改为PHP的，而且‘略不情愿’的用回 thinkphp 吧。没办法，谁让人家这么简单易用好上手呢。 总结一下，开源项目需要针对目标人群选择对应的框架，开发方案，否则就是在给自己挖坑。同时要将安装部署方案设计的最简单，安装只是使用前的第一步，步子迈得太大容易扯到蛋。
    开源

  3. Js 黑科技收录

    Js 获取服务端时间 var req = new XMLHttpRequest(); req.open(‘GET’, location, false); req.send(null); console.log(req.getResponseHeader(‘Date’)); // Mon, 07 Mar 2016 01:37:48 GMT  
    黑科技

  4. 浏览器缓存知识点

    这是一篇关于浏览器缓存的原理疏解，涉及到浏览器强缓存和协商缓存。 首先我们来看一下 response header 中浏览器缓存字段有哪几个？ 强缓存 对于强制缓存来说，header中会有两个字段来标明失效规则（Expires/Cache-Control），指的是当前资源的有效期。 ##来自博客园文章页的请求 response header Cache-Control:private, max-age=10 Connection:keep-alive Content-Type:text/html; charset=utf-8 Date:Thu, 17 Aug 2017 09:28:35 GMT Expires:Thu, 17 Aug 2017 09:28:44 GMT Last-Modified:Thu, 17 Aug 2017 09:28:34 GMT Transfer-Encoding:chunked Vary:Accept-Encoding X-Frame-Options:SAMEORIGIN X-UA-Compatible:IE=10 可以看到这里两个缓存字段都用到了。 Cache-Control 常用 cache-directive 值 Cache-directive 说明 public 所有内容都将被缓存 private 内容只缓存到私有缓存中 no-cache 告诉浏览器、缓存服务器，不管本地副本是否过期，使用资源副本前，一定要到源服务器进行副本有效性校验。…
    性能缓存

  5. 反思

    重新打开去年4月份写的代码，改写一个写死的入参。虽然当时这个项目用 AngularJs 写的，还是1的版本。过了这么久，记忆也有点模糊了。 突然在想，对于这种问题该怎么破？ 是将整个项目中写死的文案，提取到一个文件中集中管理？还是？ 重新上线一个项目，需要本地打包（而 fis3 又有点坑，打出的包有概率会丢文件），测试如果负责任的话还需要回归，总之，隐藏着各种问题。 我在设想，如果有一个文件是独立出整个项目的，而这个项目中的只要是前期开发暂时需要写死的，都集中配置在一个文件里，写好注释，引用路径，调用者的方法，所属模块等信息。下次需要改写的时候则直接改这个文件里的东西，这样整个项目就不需要重新走流程。 当然这只是我一下子产生的想法，具体能否实践出来，还需要时间来检验。

  6. sphinx 配置 及 小内存解决办法

    不得不说 sphinx 很消耗内存占用，目前种子网站跑的机器是2G内存的，今天重新试了一下1G内存的vps，正常配置下依旧跑不动 查看 searchd.log 依旧被kill掉了。 [Tue Aug 15 16:25:46.257 2017] [20560] watchdog: main process 20561 exited cleanly (exit code 1), shutting down 其次，单纯修改配置文件里的这个 mem_limit 并不能解决。 indexer { mem_limit = 256M } 这个配置项需要禁用，否则会读取到内存中 docinfo = inline 取而代之的是 ondisk_attrs = 1 配置项 source：数据源。 index：索引，当有数据源之后，从数据源处构建索引。索引实际上就是相当于一个字典检索。有了整本字典内容以后，才会有字典检索。 searchd：提供搜索查询服务。它一般是以deamon的形式运行在后台的。 indexer：构建索引的服务。当要重新构建索引的时候，就是调用indexer这个命令。 attr：属性，属性是存在索引中的，它不进行全文索引，但是可以用于过滤和排序。 配置文件 ## 数据源src1 source…
    sphinx

  7. 什么是 Ajax ？

    Ajax的全称为Asynchronous JavaScript And Xml，是一种web客户端与服务器端异步通信的技术。 异步的直观表现就是：当前页面发送一个请求给服务器，当前页面不需要等待服务器响应也可以继续操作网页。 XMLHttpRequest对象 1、创建xhr对象 var xhr = new XMLHttpRequest(); 2、发送请求 xhr.open(“get”,”example.php”,false); xhr.send(null); open方法接受三个参数：要发送的请求类型(常用的有get和post)，请求的url和表示是否异步的布尔值。send()方法接受一个参数，即要作为请求主体发送的数据。但是 不需要通过请求主体发送数据时，必须给send()方法传入 null 。 3、异步请求 多数情况下，我们是需要发送异步请求，JavaScript可以继续执行而不必等待响应。这时，可以检测XHR对象的readyState属性，它有以下几个可能的值： 0：未初始化。尚未调用open() 1: 启动。已调用open()，未调用send() 2: 发送。已调用send()，为未收到响应 3：接受。已接受到部分数据 4：完成。已接受全部数据 readyState的值每次变化都会触发一次readystatechange事件。通常，我们只对最后一个状态感兴趣，只要readyState变为4，我们就可以开始处理响应了。因此可以这样写代码： var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function (){ if(xhr.readyState == 4){ //处理 } }; xhr.open(“get”,”example.php”,true); xhr.send(null); 因为调用open方法时也会触发readystatechange事件，所以 在调用open前就要注册eadystatechange事件 。 4 、异步请求 在收到响应后，响应的数据会自动填充xhr对象的相关属性，因此我们只需判断处理这些属性即可。相关属性如下： responseText：作为响应被返回的主体 responseXML：如果响应的类型是”text/xml”或”application/xml”，这个属性将保存着响应的xml文档…
    Ajax

  8. 虚拟机 Ubuntu 配置 shadowsocks 翻墙

    由于本地 Ubuntu 中安装 docker 速度炒鸡慢，所以必须代理才可以。 安装shadowsocks 由于shadowsocks是基于python开发的，所以必须安装python： sudo apt-get install python 接着安装python的包管理器pip： sudo apt-get install python-pip 安装完毕之后，通过pip直接安装shadowsocks： sudo pip install shadowsocks 配置shadowsocks 新建一个配置文件shawdowsocks.json，然后配置相应的参数： { “server”: “{your-server}”, “server_port”: 40002, “local_port”: 1080, “password”: “{your-password}”, “timeout”: 600, “method”: “aes-256-cfb” } 上面的参数需要你的shawdowsocks服务提供商为你提供，如何自己搭建shadowsocks服务器 配置完成后就可以启动shawdowsocks服务： sudo sslocal -c /etc/shadowsocks.json -d restart 配置全局代理 为了让整个系统都走shawdowsocks通道，需要配置全局代理，可以通过polipo实现。 首先是安装polipo： sudo apt-get…
    shadowsocks

  9. 算法 practice Day 1

    使用 Js 实现 快排。 原理： 从数组中取出一个值（通常取中间的那个），小于该基准值的放在左侧，大于该基准值放右侧，循环往复。 var quickSort = function(arr) { if(arr.length <= 1) return arr; var middleIndex = Math.floor(arr.length /2); var middleValue = arr.splice(middleIndex,1); var right = []; var left = []; for(var i = 0;i<arr.length;i++){ arr[i] < middleValue ? left.push(arr[i]) : right.push(arr[i]); } return quickSort(left).concat(middleValue,quickSort(right)) } 插入排序 function…
    Js算法

  10. Sphinx php 安装设置

    首先下载 sphinx 最新版 2.2.11-release  http://sphinxsearch.com/downloads/release/ sphinx php扩展下载地址（目前已经支持php7）：http://git.php.net/?p=pecl/search_engine/sphinx.git;a=shortlog;h=refs/heads/php7 scws下载地址：http://www.xunsearch.com/scws/download.php scws词库下载地址：http://www.xunsearch.com/scws/down/scws-dict-chs-utf8.tar.bz2 安装 sphinx tar zxvf sphinx-2.2.11-release.tar.gz cd sphinx-2.2.11-release ./configure –prefix=/usr/local/sphinx2 –with-mysql=/usr/local/mysql make && make install 有可能会出现下面的错误 See <file:///usr/share/doc/gcc-5/README.Bugs> for instructions. Makefile:392: recipe for target ‘sphinx.o’ failed make[2]: *** [sphinx.o] Error 4 make[2]: Leaving directory ‘/home/sphinx-2.2.11-release/src’ Makefile:244: recipe for target ‘all’ failed make[1]:…
    sphinx