hello , welcome to BENBEN ' s blog, hope you be happy.

每一个不曾起舞的日子都是对生命的辜负。

总概述1.浏览器同源策略互联网的发展催生了跨域访问的需求,各种跨域方法和协议满足了需求但也增加了各种风险。 尤其是XSS和CSRF等攻击的盛行也得益于此。 同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。 跨域问题是由于浏览器的同源策略所引起的,浏览器同源策略在

Read More...


React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。这个项目本身也越滚越大,从最早的UI引擎变成了一整套前后端通吃的 Web App 解决方案。衍生的 React Native 项目,目标更是宏伟,希望用写 Web App 的方式去写 Native App。

Read More...


首先来看一个mvvm双向绑定的效果 几种实现双向绑定的做法目前几种主流的mvc(vm)框架都实现了单向数据绑定,而我所理解的双向数据绑定无非就是在单向绑定的基础上给可输入元素(input、textare等)添加了change(input)事件,来动态修改model和 view,并没有多高深。所以无需太过介怀是实现的单向或双向绑定。 实现数据绑定的做法有大致如下几种: 发布者-订阅者模式(backbone.js) 脏值检查(angula

Read More...


用Webpack构建Vue

目前如果要说比较流行的前端架构哪家强,屈指可数:reactjs、angularjs、emberjs、avalonjs、vuejs。

Read More...


首先大家可以去下面网站去下载一些环境 https://github.com/rinh/fekitfekit的前端工程化模板大概简单的如下图所示首先我们需要在index.html中引入js和css文件,fekit可以实现scss自编译,所以我们采用scss编写样式文件123456789101112<!DOCTYPE html><html> <head> <meta charset="UTF-8

Read More...


种奔奔 作者:Fadeoc Khaos链接:https://www.zhihu.com/question/20070065/answer/30521531来源:知乎著作权归作者所有,转载请联系作者获得授权。 Github的基本功能: Repository:你和我一起做“知乎首页”,“知乎首页”就是Repository,即项目或者”未来武器T2级425mm磁轨炮“之类,怎么叫随你,你只需知道Repository是个放项目的地方就行。有时候

Read More...


种奔奔1、100个人回答5道试题,有81人答对第一题,91人答对第二题,85人答对第三题,79人答对第四题,74人答对第五题,答对三道题或三道题以上的人算及格,那么在这100中,至少有多少人及格? 123100人答5题,那么就有100*5=500道题,而知道每道题答对的人数,我们就可以知道答错的总题数:500-(81+91+85+79+74)=90题.问的是“至少多少人及格?”,可以转换为“至多多少人不及格?”.由题可知:答错3题者不及

Read More...


记得星爷说过,“当你真的看得懂大话西游的时候,你就懂了爱情。” 你在看《大话西游》的时候,如果笑得腹背抽筋,龇牙咧嘴,那么你很有幽默感。如果你看完了《大话西游》,你还笑得满地打滚,那么你其实什么都没看懂。如果你看完了《大话》,你忽然发现脸上不知什么时候已经有泪水,你总算看懂了《大话》的第一层了。如果你看完《大话》,笑也笑过了,泪也流过了,忽然怔在那里,忽然觉得不知是该哭还是该笑,那么你看懂第二层了。如果你看完了《大话》,默默的坐在那里,

Read More...


种奔奔今天在敲代码的过程中,突然遇到了事件冒泡委托的一些事情。想到了如今的JavaScript技术界里最火热的一项技术应该是‘事件委托(event delegation)’了。使用事件委托技术能让你避免对特定的每个节点添加事件监听器;相反,事件监听器是被添加到它们的父元素上。事件监听器会分析从子元素冒泡上来的事件,找到是哪个子元素的事件。基本概念非常简单,但仍有很多人不理解事件委托的工作原理。这里我将要解释事件委托是如何工作的,并提供几

Read More...


种奔奔利用 绝对定位设置12345678.ac{ margin: auto; position:absolute; top:0; left:0; right:0; bottom:0; } flex布局1234567891011121314#box1{ display: flex; flex-flow: row nowrap; justify-content: center;/*水平居中*/

Read More...


我也是有底线的。