最近的文章列表

Weex 快速了解和入门 构建高性能的Native APP

 

2c450000d310db0456a5

...
2017/12/6 Comments:
自由组合的倒计时库:jQuery.countdown.js

 我们都知道,在一些促销商品上、拍卖、优惠券等,都会有时效性,为了促销吸引眼球,会加一个倒计时来时刻提醒顾客:想买要抓紧了,时间不等人。那么作为前端开发的我们,要怎么来实现这个倒计时呢?

...
2017/6/7 Comments:
javascript防劫持-防止网页被Frame-Content Security Policy-添加integrity属性

什么是javascript劫持

javascript劫持属于HTTP劫持中的一种,主要是劫持js文件,然后在网页中通过js脚本往网页中注入图片和链接或者框架广告,也叫流量劫持。 文明一点的劫持只是右下角放一个固定广告,不文明的就自动弹出新广告窗口(一般会被浏览器拦截)或者给整个网页添加点击事件弹出新广告页面。

javascript劫持套路

1、document.write注入

2017/1/5 Comments:
通过一个简单例子快速学习Vue.js

Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。

Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。

另一方面,Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

2017/1/3 Comments:
vue-cli#2.0 webpack 配置分析

前言

作为 Vue 的使用者我们对于 vue-cli 都很熟悉,但是对它的 webpack 配置我们可能关注甚少,今天我们为大家带来 vue-cli#2.0 的 webpack 配置分析

vue-cli 的简介、安装我们不在这里赘述,对它还不熟悉的同学可以直接访问 vue-cli 查看

目录结构

2016/12/28 Comments:
echart图表工作笔记

兼容性的问题

IE11下echart图表出现凹进去的边框,解决办法,隐藏object。即:

.resize-sensor{
   display:none!important;
}

提示信息格式化


tooltip: {
    trigger: 'item',
    formatter: "{a} <br/>{b} : {c}", // 或者下边
    formatter: function(params){
        return params.name=="no"?"":(params.seriesName+" <br/>"+params.name+" : "+params.value);
    }
}

...

2016/11/23 Comments:
使用htaccess配置解决 react-router中history配置createBrowserHistory浏览器刷新页面404的问题

项目使用react-router,做成single page application,入口地址/home/hard/Project/game/web-client/build/html/index.html,通过域名domain.com就能访问到这个入口。

问题是,使用了路由之后,假如uri为domain.com/games.html,通过可以通过浏览器api跳转页面,可一旦刷新页面,就会报404。

 

我希望的是路由到某个uri之后,即使刷新页面,或直接在浏览器中输入这个uri,一样可以直接路由到games.html的页面。

解决

在论坛上提了问,几天了没人响应,也查不到相关的资料,所以说其实查不到的,也问不明白,还得靠自己探索。

2016/10/12 Comments:
依靠nginx配置解决 react-router浏览器刷新页面404的问题

项目使用react-router,做成single page application,入口地址/home/hard/Project/game/web-client/build/html/index.html,通过域名domain.com就能访问到这个入口。

问题是,使用了路由之后,假如uri为domain.com/games.html,通过可以通过浏览器api跳转页面,可一旦刷新页面,就会报404。

 

我希望的是路由到某个uri之后,即使刷新页面,或直接在浏览器中输入这个uri,一样可以直接路由到games.html的页面。

解决

在论坛上提了问,几天了没人响应,也查不到相关的资料,所以说其实查不到的,也问不明白,还得靠自己探索。

2016/10/12 Comments:
js 获取元素绑定事件的列表 chrome getEventListeners、 Events-EventListenerList 、$._data(a[0], 'events').click[0].handler

技术上有什么办法获得指定 HTMLElement 上有绑定那些 #JavaScript 函数事件,及其处理函数么?

比如我有一个按钮,想知道他绑定了那些事件? click 事件的处理函数是什么?

elem.onclick 这种只能绑定唯一的一个事件处理函数,可以直接取到。

...
2016/5/26 Comments:
webpack配置.jsx文件由babel来解析,出现:babel没能识别我 js 文件中的 jsx 语法?

fb 开发网上例子 getting  started用的是 

<script type="text/babel">      
// To get started with this tutorial running your own code, simply remove      
// the script tag loading scripts/example.js and start writing code here.    
</script>  

而一般我们会看到用的是jsx  有什么区别吗

区别就在于 babel 支持将按照ES6写的代码转成ES5格式的代码,以便让其能在现代浏览器上正常运行,用jsx, 只能用ES5的语法。

升级到 babel6 了

安装 babel-preset-react

2016/2/17 Comments: