Vilien-CSDN博客

原创社会认同感缺失的的情况下，如何守住内心那丝光明

社会认同指依照所属社会群体来界定个人定位的倾向。当个人定位（或者说个人认同）与群体期望产生偏差时，人们就会产生焦虑，认同感就或多或少地缺失了。现代快节奏、多元化的生活模式与社会形态下，人们或多或少都会有一定的社会认同感缺失。轻者，焦虑感不时地扰乱生活。严重的，甚至会导致人格解体，产生轻生念头。夸张效应社会认同的特点：内群偏向和外群歧视。社会有很多类别组成，我们每个人都属于某些类别而不属...

2018-08-08 01:06:53 5280

原创 flux架构浅谈：什么数据才应该放store

相信很多用过react和vue等框架的人都有思考过这个问题。React的出现，随之带来了flux这一设计理念。从React的Reflux、Redux，再到vue的vuex，一路使用过来，我觉得是该总结一下的时候了。多方观点：1. store只存放公共数据，组件的数据、状态自行维护2. 所有数据都应走store，view层只管展现数据，这也是flux官方所推荐的做法

2017-03-25 01:20:33 2627 1

原创 justreq与mock.js组合，快速打造高质量Mock Server

前端开发中我们经常遇到以下问题 1. 后端api接口还没开发完，前端只能无尽的等待...2. 开发过程中，接口服务器宕机了，也只能无尽的等待...3. 网络奇差，一半时间都在等待接口响应了4. 自己模拟数据，但部署时还得逐个去js文件清理5. 逻辑太复杂，模拟数据杂乱，无法管理6. 现有Mock Server或多或少都需要往项目里植入一些代码7. 并不是所有接口都需要mock，后端已完成的接口希望直接调用

2017-03-03 15:34:53 749

原创 justreq 永不离线的测试接口服务，摆脱测试接口离线之痛

相信各位程序猿、攻城狮都有遇到过接口服务器不给力的情况。有时接口服务器宕机，我们只能干瞪眼。有时也会想，如果能把接口拷贝到本地，那该多好。但是，先不说在本地运行接口服务代价有多大，接口一旦升级，又得再拷贝一次。为什么不能既能即时更新最新接口，又能不惧接口离线呢？justreq(JR Server)就能帮到你。就像它的名字一样：“just request! never offline!”

2017-01-08 23:14:40 2103

原创前端代码检测利器——eslint for sublime安装指南

在搜到该文章之前，相信你已经对eslint有一定了解。相比jslint、jshint等这些检测工具来说，eslint最大的吸引力就在于可以支持js、jsx、es6(es2015)等代码的检测。好了，废话不多说，立即开始安装吧！here we go!

2015-11-19 12:36:13 15892 4

原创移动前端手机输入法自带emoji表情字符处理

今天，测试给我提了一个BUG，说移动端输入emoji表情无法提交。很早以前就有思考过，手法输入法里自带的emoji表情，应该是某些特殊字符。既然是字符，那应该都能提交才对，可是为啥会被卡住呢？搜了一下，才发现，原来emoji用到的字符是4字节的utf-16（utf-16有2字节和4字节两种编码），而我们的数据库是采用的utf-8，并且最大只允许3字节的字符。这样冲突就产生了，表单因为这些emoji

2015-08-06 21:14:22 43818 17

原创 JS一句话转换实体编码

escape("你好asdfbc").replace(/%u[0-9a-f]{4}/ig, function(s){return "&#" + parseInt(s.substring(2), 16) + ";"});

2014-06-12 16:43:37 1461

原创 Objective-C十六进制字符串转为十进制

首先吐槽下Objective-C的语法真的很让人抓狂！最近在捣鼓IOS应用，其中核心部分需要做进制转换。因为是核心代码，比较追求性能，所以想着能不能像其它语言一样，找到原生的进制转换函数直接使用。于是谷歌都快被我玩烂了，就是找不到。如有知道Objective-C原生进制转换函数的朋友，还请不吝赐教！然后找不到就找不到吧，偷个懒找别人写的看看？可是找来找去，质量真的是参差不齐。最后无奈只好自

2014-05-26 14:59:34 3369

原创 HTML5时代的纯前端上传图片预览及严格图片格式验证函数

一、要解决什么样的问题？在写这个函数之前，有们童鞋在群里问如何纯前端严格验证图片格式。这在html5时代之前，那是不可能实现的，必须要上传到后台，由后台脚本读取文本流后进一步验证。这样就造成了一定的服务器资源浪费。但是html5时代，这个工作我们完全可以交给前端来做了。另一方面，html5时代，许多我们原来的图片预览方案都失效了。究其原因，其实是现代浏览器出于对用户隐私的保护，file控件

2014-01-22 16:44:20 7319 8

原创 js解二维迷宫

今天无聊，自己写了一个解二维迷宫的js类，请指教。/* 功能：解二维迷宫 * 制作：Vilien * 日期：2013.10.25 * * @usage new Maze(maze, x, y, epx, epy) * * @param maze * > 二维迷宫，必须，类型为二维数组 * > 0表示可通过，1表示不可通过 * * @param x * > 迷宫起点横坐

2013-10-25 20:48:30 1884 1

原创教你怎么理解正则表达式之零宽断言（环视）

思考题今天有人问一个关于零宽断言的正则：var reg = /(?=a)b/;reg.exec("ab");大家思考下这个正则为什么匹配不了？我们先了解一下什么叫零宽断言，最后再来回答这个问题。概念理解零宽断言（有的资料叫它环视），分为零宽度正预测先行断言（格式为 (?=exp) ），和零宽度正回顾后发断言（格式为 (?我们先从字面上来理解下。零宽度，说明它是不

2013-09-29 13:23:21 4880 2

原创 JSP环境下如何对LESS自动预处理

首先，我其实并不懂JSP，但是碍于项目需求，我不得不以一个前端的身份去研究如何在JSP环境下实施LESS。因为我们这个项目里有用户个性化CSS文件，所以需要LESS环境下能够对LESS自动预处理，而不希望需要人工介入。好了，废话不多说，以下提供我研究出来的方案。首先是包依赖性：apache-commons-logging.jarlog4j-1.2.17.jarcommo

2013-08-23 11:51:43 1985 2

转载转一篇网页常用字体备用

Georgia ABCDEFGHIJKLMNOPQRSTUVWXYZ(26px)abcdefghijklmnopqrstuvwxyz 0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ (22px)abcdefghijklmnopqrstuvwxyz 0123456789 Impact ABCDEFGHIJKLMNOPQRSTUVWXYZ(26px)a

2013-08-20 09:37:16 1051

原创基于jQuery的autocomplete（自动补全）类

最近很多人在群里求autocomplete类，那我就献下丑，把自己年前写的分享一下：/*! JQuery autocomplete * Author: Vilien * Date: 2013-7-12 * * !@options {uri:"uri", eachRequest:false, width:0} * > 该运行库参数采用jQuery风格，参数说明如下 * * @par

2013-08-19 03:04:54 1004

原创【解密】阿里UED闯关第三季

今天突然收到群里发来的一则阿里校招的 UED 闯关试题，我本身就是做前端的嘛，于是抱着试试看的心情玩了一把。先上地址：http://ued.campus.alibaba.com。记得，这个游戏要用chrome来玩哦。OK，let's go!填写了邮箱后，进入第一关。第一关　　突破，带锁的门一扇密码大门，密码是什么呢？左试右试，都不对。然后，打开chrome的开发人员工具，仔细查

2013-08-15 20:45:01 1855 2

原创善用encodeURI解决AJAX在IE10以下浏览器中的莫名BUG

今天做一个项目的时候，发现在IE10以下浏览器中，HTML文件本地浏览的时候，调用ajax失败。反复查验后发现，原来是ajax部分调用了含中文字符的URL。最后做了很多测试，发现，只要项目不是以GBK、GB2312之类中文专用字符集的话，在IE10以下版本的浏览器中，都会出现这个问题。为什么会这样呢？大家都知道，js默认是以UTF-8字符集处理中文字符的，而大部分中文浏览器，默认都是以GB

2013-08-05 11:52:35 1840

原创如何用纯CSS固定thead实现表格滚动？tbody设置overflow之密

首先，大家是不是在做下面代码这样的尝试？ THEAD-TD1THEAD-TD2 style="height:100px;overflow:auto;"> TBODY-TD1TBODY-TD2 TBODY-TD1TBODY-TD2 TBODY-TD1TBODY

2013-07-29 16:20:20 9857 6

原创基于jQuery的简单全选插件

说来，在csdn落户也有好几年了，一直都没有留下点什么，有点惭愧。这次给大家献上一个我自己写的jQuery全选插件。/* 功能：表格全选 * 制作：Vilien * 日期：2013.6.28 * * @usage $(checkbox).checkall(selector) * * @param checkbox * > 触发全选的checkbox，必须，类型为jQuery选

2013-07-05 15:51:39 781

Vilien (Mr.Bin) 技术笔记