- 博客(21)
- 收藏
- 关注
RSS订阅原创 koa-static静态资源缓存
chrome浏览器中的控制台Network中size栏的三种状态from memory cache对应资源从内存上获取，不会发起请求，当关闭改网页时，此资源会被释放from disk cache对应资源从硬盘直接获取，不会再发起请求，当关闭网页时，此资源不会被释放资源大小数值当http状态为200是实实在在从浏览器获取的资源koa-static安装npm install koa-static参数const Koa = require('koa');const app = new Ko
2020-07-10 09:53:51
2595
原创 react antd报错options has an unknown property modifyVars
安装依赖yarn add antdyarn add react-app-rewired customize-cra babel-plugin-importyarn add less less-loader在根目录下配置config-overrides.jsconst {override,fixBabelImports,addLessLoader} =require('customize-cra');module.exports = override( // 按需打包 fixB
2020-06-08 16:04:59
3455
5
原创 postcss-loader autoprefixer
安装yarn add postcss-loader autoprefixer --save问题描述Replace Autoprefixer browsers option to Browserslist config. Usebrowserslist key in package.json or .browserslistrc file. Usingbrowsers op...
2020-05-04 13:48:19
624
原创 封装axios拦截器
引入axios中文文档import axios from 'axios'import router from '../router/index' //vue路由import QS from 'qs'; //将url中的参数转为对象；将对象转为url参数形式import { Message } from 'element-ui'; //element的提示信息环境切换使用npm...
2020-04-22 15:44:16
316
原创 前端html+css+js SEO优化
HTML1.标题,构成页面的核心组成部分2.关键词,网页的关键字3.是用于描述网站，是用于描述网站，这些描述，一般在150字之内，一般在150字之内4.可以用标签语义化，如导航,不过兼容性太不好5.a标签，要添加title，如果连接不是本跳网站的，要添加no=“nofollow”。6.h1权重较高，用于文章的标题或者页面的重点内容7.<br>标签：只用于文本内容的换行...
2020-04-21 16:55:10
645
原创 node爬虫爬取豆瓣电影数据
简介SuperAgent是一个轻量级、灵活的、易读的、低学习曲线的客户端请求代理模块，使用在NodeJS环境中。请求//可以调用request对象then()或者end()方法，或者使用await关键字，可以使用完整的urls,由于同城策略的原因，这需要服务实现跨域访问var request = require('superagent')request .get('https://...
2020-04-13 17:31:05
1028
原创 swiper下拉刷新上滑加载
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>Swiper demo</title> <!-- Link Swiper's CSS --> <link rel="stylesheet" ...
2020-02-26 13:43:40
1431
原创 750px媒体查询 1rem=100px
750px的设计稿/* 媒体查询 - 字体设置 *//* 平滑过渡 */html{font-size: 100px; -webkit-transition: font-size .2s ease-out; transition: font-size .2s ease-out; }/* 设计稿宽度=750时, 4rem=400px, 1rem=100px, .5rem = 50px, .1r...
2019-12-05 11:08:18
815
原创 js数组常用方法总汇
1. Array.isArray()判断一个值是否为数组，可以弥补typeof运算符的不足var a = [1, 2, 3];typeof a // "object"Array.isArray(a) // true2. valueOf()返回数组本身。var a = [1, 2, 3];a.valueOf() // [1, 2, 3]3. toString()返回数组的字符...
2019-08-31 17:40:04
863
原创 onLaunch和onLoad异步问题
**问题：**小程序初始化时触发App里的onLaunch，后面再执行页面Page里的onLoad,但由于数据请求为异步，当数据请求完成后onLoad以及执行完，所以onLoad拿不到onLaunch请求回来的数据**解决方法：**这里采用的方法是定义一个回调函数。Page页面判断一下当前app.globalData.employId是否有值，如果没有（第一次）则定义定义一个app方法（回调函...
2019-08-30 17:15:36
4023
原创 vue使用filters处理小数
使用过滤器尾数四舍五入:filters: { numFilter(value) { // 截取当前数据到小数点后三位 let transformVal = Number(value).toFixed(3) let realVal = transformVal.substring(0, transformVal.length - 1) ...
2019-08-19 22:29:38
969
原创 微信小程序空格
1，单个空格用\t , 换行用\n <text space="ensp">生活就像海洋\t 空格 只有一种坚强的人才能到达彼岸</text>2，多个空格 在text中添加这两个属性 space=“ensp” decode="{{true}}" <text space="ensp">生活就像海洋 只有坚强的人才能到达彼岸</text&g...
2019-08-14 11:23:04
1171
原创 小程序计算商家和用户的距离
计算商家和用户的距离必须要用到他们的经纬度1进入腾讯位置服务选择微信小程序JavaScript申请密钥2下载SDK3在所需的页面引入// 引入SDK核心类import QQMapWX from 'xxx/qqmap-wx.js'; // 实例化API核心类let qqMap = new QQMapWX({ key: '开发密钥（key）' // 必填});4根据地址转...
2019-08-03 17:53:30
1408
4
原创 ES6新增循环
forEach()、map()、filter()、find()、every()、some()、reduce()forEach() — —遍历数组map()— —更新数组filter()、includes()、find()、findIndex()— —筛选（删除）数组some()、every()— —判断数组reduce()— —叠加数组arr.forEach()— —遍历数组遍...
2019-07-30 15:38:23
681
原创 微信小程序发起支付（前端）
1，调用wx.login获取code返回给后台，后台调用对应的api换取用户的唯一标识（openid） 及本次登录的 会话密钥（session_key）2，调用后台的下单接口进行下单3，调用后台的支付接口，返回wx.requestPayment 所需的参数，再进行调用wx.requestPaymentwx.requestPayment 发起微信支付timeStamp 时间戳nonceSt...
2019-07-25 08:46:50
2631
原创 uni-app自定义组件以及使用方式
1 components文件夹下创建vue文件<template name="page-head"> <view class="uni-page-head"> <view class="uni-page-head-title">{{title}}</view> </view></template><scri...
2019-07-12 19:01:15
3426
原创 mapState，mapGetters,mapMutations,mapActions的作用
mapState，mapGetters,mapMutations,mapActions其实就是重命名一样state => 基本数据getters => 从基本数据派生的数据mutations => 提交更改数据的方法，同步！actions => 像一个装饰器，包裹mutations，使之可以异步。modules => 模块化Vuex...
2019-07-03 16:37:47
800
原创 setStorageSync和setStorage的区别
关于同步缓存和异步缓存的区别以Sync（同步，同时）结尾的都是都是同步缓存，二者的区别是，异步不会阻塞当前任务，同步缓存直到同步方法处理完才能继续往下执行。通俗点说,异步就是不管保没保存成功,程序都会继续往下执行.同步是等保存成功了,才会执行下面的代码.使用异步,性能会更好;而使用同步,数据会更安全在使用setStorageSync和setStorage的时发现setStorageSync...
2019-07-03 14:40:12
21493
9
原创 微信小程序转多端应用
一，安装taro# 使用 npm 安装 CLI$ npm install -g @tarojs/cli二，在现有的微信小程序执行$ taro convert生成taroConvert文件夹三，安装依赖在taroConvert文件夹执行$ npm install四，打包成相应的应用#字节跳动$ npm run dev:tt$ npm run build:tt详细...
2019-06-21 11:45:04
1252
原创 小程序获用户信息和用户地理位置
app.json "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } },wxml部分 <!-- <button type="primary" bindtap="getLocation">获取位置</button> -->...
2019-06-11 17:18:34
738
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人