首页 HTML5
  • webpack性能优化

    webpack性能优化

    babel-loader优化 开启缓存,开发环境常用 { test: /\.js$/, loader: ['babel-loader?cacheDirectory'],// 开启缓存 include:path.resolve(__dirname,'src'),//明确范围 // 排除范围 include和exclude两者选一个 /...

    前端框架 2019-11-22 476 0
  • Angular8 - Q&A

    Angular8 - Q&A

    angular——QA注解(装饰器) & 指令注解(装饰器)@xxxx ,本质是一个函数,return fn ,TS 的特性 自定义装饰器@FilterMoney() money = 1000; export function FilterMoney() { const toMoney = num => { num = num.toFixed(2); num = parseFloat(num); num = num.toLocaleString();...

    前端框架 2019-11-02 478 0
  • babel的使用与配置

    babel的使用与配置

    前端开发必备工具同webpack,需要了解基本配置和使用 环境搭建&基本配置//package.json "devDependencies": { "@babel/cli": "^7.7.5", "@babel/core": "^7.7.5", "@babel/plugin-transform-runtime": "^7.7.5",...

    前端工具 2019-10-10 336 0
  •  小程序的登录鉴权&&数据解密

    小程序的登录鉴权&&数据解密

    小程序的登录鉴权&&数据解密登录流程上图是官方给出的登录流程,我们来捋下逻辑。 1、用户使用wx.login获取临时code,有效期为5分钟 2、将临时code传到我们自己的后端服务,调用微信的API获取用户的session_key和openid 3、后端自定义新的密钥并关联返回的session_key和openid,将新的密钥返给前端 4、前端发送请求的时候,带着密钥,后端进行解析后返回数据 session_key和openid1、session_key会话密钥,用来确定会话的操作的有效...

    前端框架 2019-05-15 298 0
  • webpack打包优化

    webpack打包优化

    webpack 打包优化loader配置声明exclude或include字段 exclude 排除不满足条件的文件夹 include 需要被loader 处理的文件或文件夹 { test: /\.js$/, loader: 'babel-loader', // exclude: /node_modules/ include: [resolve('src'), resolve('test'), resolve(...

    前端框架 2019-05-08 300 0
  • 移动端H5页面调试调试

    移动端H5页面调试调试

    移动端调试需求场景在不借助调试工具的情况下,我们在开发移动端的h5项目时会遇到下面几个问题一般情况下,我们都是在pc上的浏览器开发并调试移动端的h5项目,在这个过程中可能会遇到如下情景: h5中的有些模块需要调用APP本地的api,如拍照,定位等 部分移动设备对css的渲染存在差别,需要在真机上看效果 无法像pc浏览器的开发者工具那样,查看 修改DOM结构等操作(vConsole能实现部分功能) 对于一些触摸滑动等手势操作也存在兼容性问题 带有用户系统的多角色模块,在pc浏览器上调试的时候需要进行多次...

    移动端 2018-08-23 288 0
  • mpvue_用vue来写小程序

    mpvue_用vue来写小程序

        今天逛社区的时候忽然发现一款叫mpvue的东东,以为又是某个UI组件库,点开文章一看,瞬间就被里面的内容吸引了。    下面来简单介绍一下mpvue。    mpvue 是美团点评开源的一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 r...

    前端框架 2018-03-20 2083 0
  • 移动端布局fixed问题解决方案

    移动端布局fixed问题解决方案

    今天测试忽然提了一个bug,关于position:fixed的问题,一般情况下使用并没问题,当页面出现表单时,由于弹出键盘,整个页面会出现布局错位问题,或者含有fixed的模块会空白(ios11比较明显),经过几个小时的各种尝试,最后不得不放弃fixed的布局,重新采用flex布局,另外补充一句在移动端布局的时候能不用浮动尽量别用。项目用的是sass,为了考虑兼容性,特意整理了一份flex的功能函数模块/*  * ========================================...

  • gulp-tinypng-nokey,压缩率最好的图片压缩工具

    gulp-tinypng-nokey,压缩率最好的图片压缩工具

    今天推荐一个gulp插件,目前是压缩率最好的,而且不限制压缩次数。var gulp = require('gulp'), tiny = require('gulp-tinypng-nokey'); //图片压缩 gulp.task('tinypng', function () { return gulp.src('image/*') .pipe(ti...

    前端工具 2017-07-09 994 0 gulp
  • HTML5常用标签解析

    HTML5常用标签解析

    今天忽然发现以前没有写过html5标签的文章,今天补写一个。在说到这里,首先得说说HTML5的用途,在近几年做的案列中发现HTML5主要针对移动端,因为移动端浏览器的内核基本上是一致的,即Webkit,PC这里相对较少。移动端的项目大概分为三种:原生App(native app):ios和android,优势在于性能高,3d游戏等什么都可以做,但是缺点在于需要团队庞大,人力成本过高,开发周期长。webApp:由html+css+js编写的app,开发周期短,迭代速度快,缺点是性能不高,达不到预期标准,只能依赖浏览器...

    HTML5 2016-03-23 770 0 html5移动端