随笔分类 - js技术
摘要：最近在做一个手机端页面时，遇到了一个奇怪的问题：字体的显示大小，与在CSS中指定的大小不一致。大家可以查看这个Demo（记得打开Chrome DevTools）。 就如上图所示，你可以发现，原本指定的字体大小是24px，但是最终计算出来的却是53px，看到这诡异的结果，我心中暗骂一句：这什么鬼！ 随
阅读全文
摘要：1. 为什么要 SPA？ SPA： 就是俗称的单页应用（Single Page Web Application）。 在移动端，特别是 hybrid 方式的H5应用中，性能问题一直是痛点。 使用 SPA，没有页面切换，就没有白屏阻塞，可以大大提高 H5 的性能，达到接近原生的流畅体验。 2. 为什么选
阅读全文
摘要：概述 -- 项目中会用到的插件 vue-router vue-resource 打包工具 webpack 依赖环境 node.js start 安装vue开发的模板 # 全局安装 vue-cli 文件解释： build中配置了webpack的基本配置、开发环境配置、生产环境配置 config中配置了
阅读全文
摘要：Word，PPT 文档预览组件（图片预览组件） 移动端请移步 MPreview.mobile Demo参考 http://demo.webjyh.com/MPreview/ 特此说明 此插件是我在项目开发中而制作，其只适用于其项目，如须使用须注意，提供的图片须有较大的宽高。 插件说明 插件特性 目录
阅读全文
摘要：现在移动端页面用rem布局已经是一大流派了，成熟的框架如淘宝的flexiable.js，以及更轻量级的hotcss。用rem作单位使得元素能够自适应后，还有一块需要关注的，那就是背景图片。本文就来聊聊这方面的东西。 rem布局 所谓rem布局就是指为文档的根节点<html>元素设置一个基准字体大小，
阅读全文
摘要：本篇文章主要是我在开发前研究了webpack+vue.js的单页面应用，因为需要用到node的npm，所以确保安装了node，建议官网安装最新的稳定版本。并且在项目中需要加载一些npm包，由于npm的服务器在国外，可能我们下载的过程会比较慢，所以建议用阿里的镜像cnpm安装，10分钟实时更新一次np
阅读全文
摘要：前后端分离之后 前后端分离后, 大家从此进入了所谓的并行开发时代. 一旦完成前后端的(边界)分工, 大家就可以各司其职了. 前端在与后端交互时, 要想有效地提高工作效率, 后端的接口文档就是重中之重了. 接口文档还不够 所谓的接口文档, 即一份数据的契约书. 前端的所有逻辑和展现全部依赖接口文档中规
阅读全文
摘要：Flux 架构已然让人觉得有些迷惑，而比 Flux 更让人摸不着头脑的是 Flux 与 Redux 的区别。Redux 是一个基于 Flux 思想的新架构方式，本文将探讨它们的区别。 如果你还没有看过这篇关于 Flux 的文章（译者注：也可以参考这篇），你应该先阅读一下。 为什么要改变 Flux？
阅读全文
摘要：在之前的 javascript 中一直是没有模块系统的，前辈们为了解决这些问题，提出了各种规范, 最主要的有CommonJS和AMD两种。前者用于服务器，后者用于浏览器。而 ES6 中提供了简单的模块系统，完全可以取代现有的CommonJS和AMD规范，成为浏览器和服务器通用的模块解决方案。 基本用
阅读全文
摘要：本文介绍Babel6.x的安装过程~ 首先呢，可以使用Babel在线转换 https://babeljs.io/repl/ 然后进入主题：安装Babel（命令行环境，针对Babel6.x版本） 1、首先安装babel-cli（用于在终端使用babel） 2、然后安装babel-preset-es20
阅读全文
摘要：1. React 福音 当我们的团队开始寻找一个合适的前端框架的时候，我们考虑了许多选择，最后留下两个选项 —— Angular 和 React。 Angular 是目前为止最成熟的方案：它拥有一个庞大的社区，你可以为大部分应用场景找到合适的第三方模块。 React 也很有竞争力，它以 JavaSc
阅读全文
摘要：Vue.js介绍 Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。 如果你之前已经习惯了用jQuery操作DOM，学习Vue.js时
阅读全文
摘要：一、什么是前后端分离？ 前后端分离的概念和优势在这里不再赘述，有兴趣的同学可以看各个前辈们一系列总结和讨论： 系列文章：前后端分离的思考与实践(1-6) slider: 淘宝前后端分离实践 知乎提问： 如何评价淘宝 UED 的 Midway Framework 前后端分离？ Web 前后端分离的意义
阅读全文
摘要：随着移动端的不断推进，移动调试也成为了前端同学们面临的一个新的课题，在PC时代，我们直接打开chrome的检查元素面板。就可以解决大部分事情了。但是到了移动端，明明在电脑上模拟好的元素，在手机上就会乱掉。今天我们就来一起聊一聊移动前端调试的那些事儿。一起扩展我们的移动端调试手段~ 1 模拟手机调试
阅读全文
摘要：React全都是围绕着组件的， 所以React基础也就是：写组件的jsx、组件的生命周期以及组件的属性和状态。jsx，只要是用过html模板的分分钟就能写了； 所谓生命周期就是组件在创建、销毁、更新阶段的那几个回调函数，让你有机会再这几个关键点上对组件和环境做点手脚； 属性就像html标签里的属性一
阅读全文
摘要：1 页面级的渲染 再刚有web的时候，前端与后端的交互，非常直白，浏览器端发出URL，后端返回一张拼好了的HTML串。浏览器对其进行渲染。html中可能会混有一些php(或者php中混有一些html)。在服务端将数据与模板进行拼装，生成要返回浏览器端的html串。 这与我们现在做一个普通网页没什么区
阅读全文
摘要：Action/Reducer/Store 首先，先看看第一张图，图中展示了Redux的单向数据流，以及Action、Reducer和Store这三个核心概念。 下面就围绕上图，非别介绍Action、Reducer和Store这三个概念。 Action和Action Creator Action是一个
阅读全文
摘要：Node和NPM的安装够便捷了，不细说...有几点基础顺手提一下： 安装命令中的 “-g” 表示全局(global) express的版本不是通常的 “-v” 来查看，而是 “-V” 安装express项目的命令如下express -e nodejs-product -e, --ejs add ej
阅读全文
摘要：兼容iphone各版本机型最佳的方式就是自适应。 1、viewport 简单粗暴的方式： 1 <meta name="viewport" content="width=320,maximum-scale=1.3,user-scalable=no"> 1 <meta name="viewport" c
阅读全文
摘要：LazyloadImg介绍 LazyloadImg介绍 LazyloadImg 轻量级的移动端图片懒加载插件原生js开发，不依赖任何框架或库支持将各种宽高不一致的图片，自动剪切成默认图片的宽高。比如说你的默认图片是一张正方形的图片，则各种宽度高度不一样的图片，自动剪切成正方形。完美解决移动端开发中，
阅读全文
浙公网安备 33010602011771号