vue服务渲染框架nuxtjs

2017-05-14
nuxtjs简介 nuxtjs是vuejs服务端渲染框架,是一个通用应用构建框架,利用它可以生成vuejs服务端渲染所需的所有配置,集成了vue全家桶,提供了满足日常开发的功能,例如异步数据加载、中间件支持、布局支持等 入门模板 通过模板&nbsp;starter&nbsp;或者通过 vue-cli 来创建项目的框架 vue init nuxt/starter <project-n...

阅读更多

vuejs的slot(插槽)

2017-05-08
vue2出了一个slot(插槽)功能,这个功能是用来干嘛的? 无名slot 我的理解就是一个组件元素里面的内容分发到指定的slot位置,例如,我们有一个模板 <template id="layout-tpl"> <div> <slot><h1>my-comp里面没内容,我显示</h1></slot> ...

阅读更多

extjs6自定义组件

2017-05-07
新的公司并没有用mvvm框架,用的是extjs这个mvc框架,由于之前没接触过,用了一个星期了解了大致的框架,发现extjs用来开发富客户端应用还是很有用的,而且样式统一,组件功能大致齐全,可以满足正常的使用,目前需要做一个时间轴无线滚动效果,发现没适合组件,只得自己开发。 组件定义 组件定义需要继承 Component 这个类 Ext.define('My.custom.C...

阅读更多

搭建静态资源服务器的多种姿势

2017-05-06
现在流行很多mvvm框架,例如reactjs,angularjs,vuejs,还有mvc框架,extjs等,这些项目都可以放到静态资源服务器上,或许第一时间想到的是iis服务器?其实还有下面几种方法 nodejs 利用第三方模块static-server来搭建一个简单的http服务器,全局安装 npm -g install static-server 然后在根目录下执行...

阅读更多

全站webp化!

2017-04-17
WebP,是一种支持有损压缩和无损压缩的图片文件格式,派生自图像编码格式 VP8。根据 Google 的测试,无损压缩后的&nbsp;WebP 比 PNG 文件少了 45% 的文件大小,即使这些 PNG 文件经过其他压缩工具压缩之后,WebP 还是可以减少 28% 的文件大小。 GraphicsMagick GraphicsMagick号称图像处理领域的瑞士军刀。 短小精悍的代码却提供了一个鲁...

阅读更多

了解 em 和 rem 的使用

2017-04-16
设备像素比(device pixel ratio) 设备像素比简称为dpr,其定义了物理像素和设备独立像素的对应关系。它的值可以按下面的公式计算得到: 设备像素比 = 物理像素 / 设备独立像素 在JavaScript中,可以通过window.devicePixelRatio获取到当前设备的dpr。 而在CSS中,可以通过-webkit-device-pixel-ratio,-webkit...

阅读更多

js实用小技巧

2017-04-12
数组排序 利用数组自带的sort方法可以实现排序功能(默认升序),例如这样 var arr = [1,3,6,2,4]; var sortArr = arr.sort(); // [1,2,3,4,6] 如果要降序排序的话,可以这样 var newArr = arr.sort(function(a1, a2) { return a2 - a1; // 后面大于前面的调换,就是降序...

阅读更多

移动端300ms延迟事件响应

2017-04-06
移动端涉及到的触摸操作比较复杂,所以在设计上,移动端浏览器会在 touchend 和 click 之间有300ms左右的延迟间隔来判断用户是单击还是双击屏幕,所以在移动端浏览器经常看到,我们可以双击屏幕来放大显示的范围,但是在开发中,我们要消除这些延迟,所以总结了一下几个方法 情景再现,运行下面代码,要在移动端预览,可以看出平均延迟在200ms左右 <!DOCTYPE html>...

阅读更多

移动端实现0.5px线条

2017-03-30
移动端写页面时候,由于手机屏幕小,为了让线条看起来更细腻,所以需要0.5px的线条,下面总结了两种常用的方法 利用transform属性 原理很简单,就是利用伪类元素绘制1px的线条,然后利用transform:scale(0.5)缩放一半就变成了0.5px <style type="text/css"> .line2 { position: relat...

阅读更多

webpack常用功能总结

2017-03-28
Webpack&nbsp;是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过&nbsp;loader&nbsp;的转换,任何形式的资源都可以视作模块,比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 ...

阅读更多

web安全之跨站请求伪造

2017-03-10
CSRF攻击实例 CSRF 攻击可以在受害者毫不知情的情况下以受害者名义伪造请求发送给受攻击站点,从而在并未授权的情况下执行在权限保护之下的操作。 受害者 Bob 在银行有一笔存款,通过对银行的网站发送请求 http://bank.example/withdraw?account=bob&amount=1000000&for=bob2 可以使 Bob 把 1000000 的...

阅读更多

javascript之promise

2017-03-08
Promise定义 在promise以前,js用回调函数来处理异步请求,当上一次请求和下一次请求存在依赖关系的时候,就会出现回调地狱,类似这样嵌套回调 $.post('/getUser', function(data) { $.post('/getInfo', userId: data.id, function(){ ... }) }) 为了更好的异步流程控制...

阅读更多