<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Vilien (Mr.Bin) 技术笔记]]></title><description><![CDATA[前端技术、编程、Linux应用...]]></description><link>https://blog.youkuaiyun.com/binjly</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; binjly]]></copyright><item><title><![CDATA[社会认同感缺失的的情况下，如何守住内心那丝光明]]></title><link>https://blog.youkuaiyun.com/binjly/article/details/81484771</link><guid>https://blog.youkuaiyun.com/binjly/article/details/81484771</guid><author>binjly</author><pubDate>Wed, 08 Aug 2018 01:06:53 +0800</pubDate><description><![CDATA[社会认同指依照所属社会群体来界定个人定位的倾向。当个人定位（或者说个人认同）与群体期望产生偏差时，人们就会产生焦虑，认同感就或多或少地缺失了。

现代快节奏、多元化的生活模式与社会形态下，人们或多或少都会有一定的社会认同感缺失。轻者，焦虑感不时地扰乱生活。严重的，甚至会导致人格解体，产生轻生念头。

夸张效应 
社会认同的特点：内群偏向和外群歧视。社会有很多类别组成，我们每个人都属于某些类别而不属...]]></description><category></category></item><item><title><![CDATA[flux架构浅谈：什么数据才应该放store]]></title><link>https://blog.youkuaiyun.com/binjly/article/details/65741711</link><guid>https://blog.youkuaiyun.com/binjly/article/details/65741711</guid><author>binjly</author><pubDate>Sat, 25 Mar 2017 01:20:33 +0800</pubDate><description><![CDATA[相信很多用过react和vue等框架的人都有思考过这个问题。React的出现，随之带来了flux这一设计理念。从React的Reflux、Redux，再到vue的vuex，一路使用过来，我觉得是该总结一下的时候了。
多方观点：
1. store只存放公共数据，组件的数据、状态自行维护
2. 所有数据都应走store，view层只管展现数据，这也是flux官方所推荐的做法]]></description><category></category></item><item><title><![CDATA[justreq与mock.js组合，快速打造高质量Mock  Server]]></title><link>https://blog.youkuaiyun.com/binjly/article/details/60140993</link><guid>https://blog.youkuaiyun.com/binjly/article/details/60140993</guid><author>binjly</author><pubDate>Fri, 03 Mar 2017 15:34:53 +0800</pubDate><description><![CDATA[前端开发中我们经常遇到以下问题 1. 后端api接口还没开发完，前端只能无尽的等待...
2. 开发过程中，接口服务器宕机了，也只能无尽的等待...
3. 网络奇差，一半时间都在等待接口响应了
4. 自己模拟数据，但部署时还得逐个去js文件清理
5. 逻辑太复杂，模拟数据杂乱，无法管理
6. 现有Mock Server或多或少都需要往项目里植入一些代码
7. 并不是所有接口都需要mock，后端已完成的接口希望直接调用]]></description><category></category></item><item><title><![CDATA[justreq 永不离线的测试接口服务，摆脱测试接口离线之痛]]></title><link>https://blog.youkuaiyun.com/binjly/article/details/54238070</link><guid>https://blog.youkuaiyun.com/binjly/article/details/54238070</guid><author>binjly</author><pubDate>Sun, 08 Jan 2017 23:14:40 +0800</pubDate><description><![CDATA[相信各位程序猿、攻城狮都有遇到过接口服务器不给力的情况。有时接口服务器宕机，我们只能干瞪眼。有时也会想，如果能把接口拷贝到本地，那该多好。但是，先不说在本地运行接口服务代价有多大，接口一旦升级，又得再拷贝一次。为什么不能既能即时更新最新接口，又能不惧接口离线呢？
justreq(JR Server)就能帮到你。就像它的名字一样：“just request! never offline!”]]></description><category></category></item><item><title><![CDATA[前端代码检测利器——eslint for sublime安装指南]]></title><link>https://blog.youkuaiyun.com/binjly/article/details/49926001</link><guid>https://blog.youkuaiyun.com/binjly/article/details/49926001</guid><author>binjly</author><pubDate>Thu, 19 Nov 2015 12:36:13 +0800</pubDate><description><![CDATA[在搜到该文章之前，相信你已经对eslint有一定了解。相比jslint、jshint等这些检测工具来说，eslint最大的吸引力就在于可以支持js、jsx、es6(es2015)等代码的检测。好了，废话不多说，立即开始安装吧！here we go!]]></description><category></category></item><item><title><![CDATA[移动前端手机输入法自带emoji表情字符处理]]></title><link>https://blog.youkuaiyun.com/binjly/article/details/47321043</link><guid>https://blog.youkuaiyun.com/binjly/article/details/47321043</guid><author>binjly</author><pubDate>Thu, 06 Aug 2015 21:14:22 +0800</pubDate><description><![CDATA[今天，测试给我提了一个BUG，说移动端输入emoji表情无法提交。很早以前就有思考过，手法输入法里自带的emoji表情，应该是某些特殊字符。既然是字符，那应该都能提交才对，可是为啥会被卡住呢？搜了一下，才发现，原来emoji用到的字符是4字节的utf-16（utf-16有2字节和4字节两种编码），而我们的数据库是采用的utf-8，并且最大只允许3字节的字符。这样冲突就产生了，表单因为这些emoji]]></description><category></category></item><item><title><![CDATA[JS一句话转换实体编码]]></title><link>https://blog.youkuaiyun.com/binjly/article/details/30260641</link><guid>https://blog.youkuaiyun.com/binjly/article/details/30260641</guid><author>binjly</author><pubDate>Thu, 12 Jun 2014 16:43:37 +0800</pubDate><description><![CDATA[escape("你好asdfbc").replace(/%u[0-9a-f]{4}/ig, function(s){return "&#" + parseInt(s.substring(2), 16) + ";"});]]></description><category></category></item><item><title><![CDATA[Objective-C十六进制字符串转为十进制]]></title><link>https://blog.youkuaiyun.com/binjly/article/details/27083301</link><guid>https://blog.youkuaiyun.com/binjly/article/details/27083301</guid><author>binjly</author><pubDate>Mon, 26 May 2014 14:59:34 +0800</pubDate><description><![CDATA[首先吐槽下Objective-C的语法真的很让人抓狂！
最近在捣鼓IOS应用，其中核心部分需要做进制转换。因为是核心代码，比较追求性能，所以想着能不能像其它语言一样，找到原生的进制转换函数直接使用。于是谷歌都快被我玩烂了，就是找不到。如有知道Objective-C原生进制转换函数的朋友，还请不吝赐教！
然后找不到就找不到吧，偷个懒找别人写的看看？可是找来找去，质量真的是参差不齐。最后无奈只好自]]></description><category></category></item><item><title><![CDATA[HTML5时代的纯前端上传图片预览及严格图片格式验证函数]]></title><link>https://blog.youkuaiyun.com/binjly/article/details/18657881</link><guid>https://blog.youkuaiyun.com/binjly/article/details/18657881</guid><author>binjly</author><pubDate>Wed, 22 Jan 2014 16:44:20 +0800</pubDate><description><![CDATA[一、要解决什么样的问题？
在写这个函数之前，有们童鞋在群里问如何纯前端严格验证图片格式。这在html5时代之前，那是不可能实现的，必须要上传到后台，由后台脚本读取文本流后进一步验证。这样就造成了一定的服务器资源浪费。但是html5时代，这个工作我们完全可以交给前端来做了。
另一方面，html5时代，许多我们原来的图片预览方案都失效了。究其原因，其实是现代浏览器出于对用户隐私的保护，file控件]]></description><category></category></item><item><title><![CDATA[js解二维迷宫]]></title><link>https://blog.youkuaiyun.com/binjly/article/details/13031441</link><guid>https://blog.youkuaiyun.com/binjly/article/details/13031441</guid><author>binjly</author><pubDate>Fri, 25 Oct 2013 20:48:30 +0800</pubDate><description><![CDATA[今天无聊，自己写了一个解二维迷宫的js类，请指教。

/* 功能：解二维迷宫
 * 制作：Vilien
 * 日期：2013.10.25
 *
 * @usage new Maze(maze, x, y, epx, epy)
 *
 * @param maze
 * > 二维迷宫，必须，类型为二维数组
 * > 0表示可通过，1表示不可通过
 *
 * @param x
 * > 迷宫起点横坐]]></description><category></category></item><item><title><![CDATA[教你怎么理解正则表达式之零宽断言（环视）]]></title><link>https://blog.youkuaiyun.com/binjly/article/details/12152235</link><guid>https://blog.youkuaiyun.com/binjly/article/details/12152235</guid><author>binjly</author><pubDate>Sun, 29 Sep 2013 13:23:21 +0800</pubDate><description><![CDATA[思考题
今天有人问一个关于零宽断言的正则：
var reg = /(?=a)b/;
reg.exec("ab");

大家思考下这个正则为什么匹配不了？我们先了解一下什么叫零宽断言，最后再来回答这个问题。
概念理解
零宽断言（有的资料叫它环视），分为零宽度正预测先行断言（ 格式为 (?=exp) ），和 零宽度正回顾后发断言（ 格式为 (?
我们先从字面上来理解下。零宽度，说明它是不]]></description><category></category></item><item><title><![CDATA[JSP环境下如何对LESS自动预处理]]></title><link>https://blog.youkuaiyun.com/binjly/article/details/10215119</link><guid>https://blog.youkuaiyun.com/binjly/article/details/10215119</guid><author>binjly</author><pubDate>Fri, 23 Aug 2013 11:51:43 +0800</pubDate><description><![CDATA[首先，我其实并不懂JSP，但是碍于项目需求，我不得不以一个前端的身份去研究如何在JSP环境下实施LESS。
因为我们这个项目里有用户个性化CSS文件，所以需要LESS环境下能够对LESS自动预处理，而不希望需要人工介入。
好了，废话不多说，以下提供我研究出来的方案。
首先是包依赖性：

apache-commons-logging.jar
log4j-1.2.17.jar
commo]]></description><category></category></item><item><title><![CDATA[转一篇网页常用字体备用]]></title><link>https://blog.youkuaiyun.com/binjly/article/details/10095795</link><guid>https://blog.youkuaiyun.com/binjly/article/details/10095795</guid><author>binjly</author><pubDate>Tue, 20 Aug 2013 09:37:16 +0800</pubDate><description><![CDATA[Georgia ABCDEFGHIJKLMNOPQRSTUVWXYZ
(26px)
abcdefghijklmnopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ (22px)
abcdefghijklmnopqrstuvwxyz 0123456789 Impact ABCDEFGHIJKLMNOPQRSTUVWXYZ
(26px)
a]]></description><category></category></item><item><title><![CDATA[基于jQuery的autocomplete（自动补全）类]]></title><link>https://blog.youkuaiyun.com/binjly/article/details/10064123</link><guid>https://blog.youkuaiyun.com/binjly/article/details/10064123</guid><author>binjly</author><pubDate>Mon, 19 Aug 2013 03:04:54 +0800</pubDate><description><![CDATA[最近很多人在群里求autocomplete类，那我就献下丑，把自己年前写的分享一下：
/*! JQuery autocomplete
 * Author: Vilien
 * Date: 2013-7-12
 *
 * !@options {uri:"uri", eachRequest:false, width:0}
 * > 该运行库参数采用jQuery风格，参数说明如下
 *
 * @par]]></description><category></category></item><item><title><![CDATA[【解密】阿里UED闯关第三季]]></title><link>https://blog.youkuaiyun.com/binjly/article/details/9989139</link><guid>https://blog.youkuaiyun.com/binjly/article/details/9989139</guid><author>binjly</author><pubDate>Thu, 15 Aug 2013 20:45:01 +0800</pubDate><description><![CDATA[今天突然收到群里发来的一则阿里校招的 UED 闯关试题，我本身就是做前端的嘛，于是抱着试试看的心情玩了一把。
先上地址：http://ued.campus.alibaba.com。记得，这个游戏要用chrome来玩哦。
OK，let's go!
填写了邮箱后，进入第一关。
第一关　　突破，带锁的门
一扇密码大门，密码是什么呢？左试右试，都不对。然后，打开chrome的开发人员工具，仔细查]]></description><category></category></item><item><title><![CDATA[善用encodeURI解决AJAX在IE10以下浏览器中的莫名BUG]]></title><link>https://blog.youkuaiyun.com/binjly/article/details/9764943</link><guid>https://blog.youkuaiyun.com/binjly/article/details/9764943</guid><author>binjly</author><pubDate>Mon, 05 Aug 2013 11:52:35 +0800</pubDate><description><![CDATA[今天做一个项目的时候，发现在IE10以下浏览器中，HTML文件本地浏览的时候，调用ajax失败。
反复查验后发现，原来是ajax部分调用了含中文字符的URL。最后做了很多测试，发现，只要项目不是以GBK、GB2312之类中文专用字符集的话，在IE10以下版本的浏览器中，都会出现这个问题。
为什么会这样呢？大家都知道，js默认是以UTF-8字符集处理中文字符的，而大部分中文浏览器，默认都是以GB]]></description><category></category></item><item><title><![CDATA[如何用纯CSS固定thead实现表格滚动？tbody设置overflow之密]]></title><link>https://blog.youkuaiyun.com/binjly/article/details/9617091</link><guid>https://blog.youkuaiyun.com/binjly/article/details/9617091</guid><author>binjly</author><pubDate>Mon, 29 Jul 2013 16:20:20 +0800</pubDate><description><![CDATA[首先，大家是不是在做下面代码这样的尝试？


  
    
      THEAD-TD1THEAD-TD2
    
  
  style="height:100px;overflow:auto;">
    
      TBODY-TD1TBODY-TD2
    
    
      TBODY-TD1TBODY-TD2
    
    
      TBODY-TD1TBODY]]></description><category></category></item><item><title><![CDATA[基于jQuery的简单全选插件]]></title><link>https://blog.youkuaiyun.com/binjly/article/details/9252379</link><guid>https://blog.youkuaiyun.com/binjly/article/details/9252379</guid><author>binjly</author><pubDate>Fri, 05 Jul 2013 15:51:39 +0800</pubDate><description><![CDATA[说来，在csdn落户也有好几年了，一直都没有留下点什么，有点惭愧。
这次给大家献上一个我自己写的jQuery全选插件。
/* 功能：表格全选
 * 制作：Vilien
 * 日期：2013.6.28
 *
 * @usage $(checkbox).checkall(selector)
 *
 * @param checkbox
 * > 触发全选的checkbox，必须，类型为jQuery选]]></description><category></category></item></channel></rss>