最近接触一个前端HTML5的项目,虽然我主做iOS,但曾经也徒手用html+css+js+php写过一个博客,当然表示无压力了.结果.现在的前端发展的速度真是快啊,项目中用到Jquery,reactJS,angularJS,gulp,webpack…… 我表示瞎了……这才几年前端技术发展的真是快. 其中Jquery是小型的语法框架(集成一些工具函数),reactJS和angularJS是比较大型的模块设计框架,gulp和webpack是模块构建的工具……当我听说JS还需要编译的时候,我他妈真是服…

前言 H5即HTML5,H5开发具有低成本.高效率.跨平台.研发周期短,用户接触成本低等特性. 一.开发环境 在开发一个H5项目之前,需要先搞好环境.主要有node.npm.gulp.bower.下面分别介绍一下这些工具的安装和使用. 第一步:安装Node 首先,最基本也最重要的是,我们需要搭建node环境.然后点击大大的绿色的install 按钮,下载完成后直接运行程序,就一切准备就绪. npm 会随着安装包一起安装,稍后会用到它. 接下来,可以使用命令行来检测Node和npm是否正确安装:…

最近做一个H5项目 退出的时候需要调用原生的弹框退出, 之前以为很简单,直接ajax调用后端退出接口即可.后来发现数据拿不到,因为状态用的是cookie存储, 后来想到ajax 传参数请求,后来还是拿不到 第二套方案,js方法调用,解决问题. ________________________________________________________________________________ 文章来源:刘俊涛的博客 欢迎关注公众号.留言.评论,一起学习.…

实现一个页面功能总是需要 JavaScript.CSS 和 Template 三种语言相互组织,所以我们真正需要的是一种可以将 JavaScript.CSS 和 Template 同时都考虑进去的模块化方案. 前端模块化带来的性能问题 很多主流的模块化解决方案通过 JavaScript 运行时来支持“匿名闭包”.“依赖分析”和“模块加载”等功能,例如“依赖分析”需要在 JavaScript 运行时通过正则匹配到模块的依赖关系,然后顺着依赖链(也就是顺着模块声明的依赖层层进入,直到没有依赖为止)把…

H5项目常见问题及注意事项 Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 //一.HTML页面结构 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> // width    设置viewport宽度,为一个正整数,或字符串'devi…

转自 https://github.com/FrontEndZQ/HTML5-FAQH5项目常见问题及注意事项 Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面//一.HTML页面结构<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />//…

H5项目常见问题汇总及解决方案 H5   2015-12-06 10:15:33 发布 您的评价:       4.5   收藏     4收藏 H5项目常见问题及注意事项 Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 //一.HTML页面结构 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1…

H5项目常见问题及注意事项 Meta基础知识: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 //一.HTML页面结构 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> // width 设置viewport宽度,为一个正整数,或字符串‘device-…

技术选型 • 框架 - Vue+VueRouter • 相比较于react/angular/avalon ? • 简单轻量,社区配套完整• 模块化 - ModJS • 相比较于require/seajs/browserify/webpack ? • commonjs规范• 构建工具 - Fis3 • 相比较于grunt/glup/webpack ? • 插件完善,配置简单清晰 目录结构规范 MVVM开发模式 • 数据驱动• 双向绑定• 组件化开发 构建处理任务 • less编译• 资源内嵌• 模…

1. nginx部署h5项目 此为windows部署,liunx也类似的 1.1. 前言 部署h5项目还是很简单的,不过对小白来讲一开始可能也是一脸懵逼,这个简单教程针对的是从未部署过前后端分离前端项目的小白 1.2. 步骤 1.2.1. 下载nginx 如下图目录 1.2.2. 放入经过编译的h5项目 把经过编译的h5项目放入html文件夹下,可以在html里面创建一个单独文件夹,把内容放进去 如下图 1.2.3. 修改conf 进入conf目录,打开nginx.conf文件 1.2.4. 启…