原生JS制作一个图片放大查看器
前言: 发现vue模板代码写多了, 自己的原生JS手写能力下降了不少, 闲来无事, 自己做一个简单的图片放大查看封装<!DOCTYPE html> <html> <head> <title>图片放大器 --- jensonhui's blog</title> <link rel="stylesheet"
Vue 实现页面刷新, 体验较好
原理: 通过v-if来渲染<router-view>provide： 选项应该是在一个对象或者返回一个对象的函数。该对象包含可注入其子孙的属性inject： 一个字符串数组，或者一个对象，对象的key是本地的绑定名App.vue添加provide属性<template> <div id="app"> <router-view
Ajax
function json2url(json){ var arr=[]; for(var name in json){ arr.push(name+'='+json[name]); } return arr.join('&'); } function ajax(json){ json=json || {}; if(!json
原生H5如何与Android和IOS通信
交互方式Android: 1) window.WebViewJavascriptBridge[methodName](params) 2) window.android.methodName IOS:1) window.webkit.messageHandlers[methodName].postMessage(params) // 无法获取原生返回值 2) window.promp
VUE移动端仿头条TAB切换
效果跟头条的Tab跟随差不多,暂时不能实现tab始终固定在中间显示 !没有找到合适的插件, 采用了VUE的 Transition + v-touch 以及 Animate.css 手写实现 !传送门-Github =>使用注意: 移动端滑动, v-touch 需要进行脚手架依赖安装才可以使用1 . cnpm install vue-touch@next --save dev2 . main.
Vue仿京东APP添加购物车抛物线动效
吐槽: 买菜确实用不到高数, 但是学好高数对工作真的会有用 ! ! ! 悔不当初.知识点1 . Vue提供transtion动画 + Javascript动画生命钩子函数实现动效v-on:before-enter="beforeEnter" （动画进入前） v-on:enter="enter"（动画进入时） v-on:after-enter="af
Axios 基本配置参数
axios({ // `url` 是用于请求的服务器 URL url: '/user', // `method` 是创建请求时使用的方法 method: 'get', // 默认是 get // `baseURL` 将自动加在 `url` 前面，除非 `url` 是一个绝对 URL。 // 它可以通过设置一个 `baseURL` 便于为
axios封装使用，增加了headers配置，loading配置
GitHub：axios-vue待优化问题： 重复请求优化
localStorage、sessionStorage、chookie的封装(设置过期时间)
localStorage var _local = { //存储,可设置过期时间 set(key, value, expires) { let params = {
快速删除 node_modules 依赖
1 ) . npm install -g rimraf 2 ) . cd xxx 目录下， 执行 rimraf node_modules 注意：一旦删除无法恢复，类似于windows下的shift + delete，删除前务必确认