- 博客(48)
- 收藏
- 关注
RSS订阅原创 小程序支持webview的url缓存上一个页面
如果是普通的缓存内部页面不会这么麻烦，存在了webview的url,并且还拼接了token,需要传回给原url。更新token则需要解码再解码，编码再编码。如果存在token，解码拿到最新的缓存token，更新之后，再次编码返回最新token拼接回path。在页面的onShow()生命周期函数中调用 storeCurrentPagePath() 函数存储当前页面路径到本地缓存中。实际使用时需根据具体场景进行适当修改。在需要跳转回上一次浏览的页面时，调用 navigateToLastPage() 函数即可。
2023-03-28 19:16:31
508
原创 【问题记录】403 服务器拒绝访问
遇到某些问题，图片出现403，将请求头referrer设置为。同理，如果遇到接口出现403；这是因为ng 服务器配置了访问来源限制；请求页面的来源页面的地址。允许空Referer；
2023-01-10 10:54:10
292
原创 webpack全局使用模块
在webpack项目中，全局使用此插件，不需要import、require;ProvidePlugin添加插件；alias添加别名；eslint添加自由变量；
2023-01-05 16:09:05
216
原创 git 两种回退
git 两种回退1.说明：将这条commit 之后提交的记录全部删除，也就是版本回退了，代码也回退了；2.说明：这条记录的代码回退，但是会提交一条新的commit 记录；表示版本前进；
2022-10-26 14:48:18
116
原创 git 仓库origin与本地项目origin同步
报错：Your configuration specifies to merge with the ref 'refs/heads/branchV1.0.0'from the remote, but no such ref was fetched.解决：更新远程分支列表
2022-09-21 14:58:42
520
原创 number 转 string
一、双点解析10..toString();二、括号先计算再转换(10).toString();三、加空串10 + ''
2021-12-24 16:37:34
1695
转载 vue install 开发插件
插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种： 添加全局方法或者 property。如：vue-custom-element 添加全局资源：指令/过滤器/过渡等。如 vue-touch 通过全局混入来添加一些组件选项。如 vue-router 添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现。 一个库，提供自己的 API，同时提供上面提到的一个或多个功能。如 vue-router 代码示例：
2021-10-12 15:33:22
259
原创 线上环境去掉所有打印信息
var logDebug = false; console.log = (function(oriLogFunc) { return function() { if (logDebug) { oriLogFunc.apply(this, arguments); } }; })(console.log);
2021-06-09 16:32:14
217
原创 vue项目，在页面滚动时js判断向上向下，控制头部header的显示和隐藏
这是一个流行已久的操作，一个页面在向下滚动时，隐藏头部；向上滚动时，出现头部。向下滚动，这样可以尽可能多地展示内容区；向上滚动，即时展示头部，方便用户查看菜单信息，打开菜单键；写法也很简单，在页面挂载完成后，添加监听事件，判断滚动方向，页面销毁之前注销事件即可。以下贴代码，记录于此。<script>export default { data() { return { i: 0, }; }, mounted() { wind
2021-04-21 14:04:21
1714
2
原创 git 开发协作
1. git clone 克隆远程仓库的项目demo2. 打开该项目，进入命令行，在主分支master 基础上新建本地分支local（基于master创建local），命令：gitcheckout -b local3.此时，本地开发完全在local分支上，完成相应进度则把文件提交到暂存区，命令：git add -A4.提交记录commit 一条记录写上备注。 命令：git commit -m '第一次版本提交'，5.提交之后，可以使用命令：git log ，查看提交记录.6.此时仅仅..
2021-01-19 23:31:19
172
原创 vue 父子组件传值添加额外参数
子组件this.$emit('changeSelect', arr)父组件(temple)<Vinput @changeSelect="vinputChangeSelect(formatItem,item,arguments)" />父组件（js）vinputChangeSelect(value, item, arg) {value,item, 是父组件的值arg // 是子组件的参数集合数组}...
2021-01-07 16:27:38
460
原创 2021-1-2 vscode vue eslint 自动格式化配置
这是vscode的设置"editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "eslint.format.enable": true, "eslint.validate": [ "javascript", "html", "vue" ],
2021-01-02 23:59:29
693
原创 2020面试题收集
1.var a={}var b= {a:1, c:2}var c= {a:2, b:3}var d= [1,2,3]var e= [3,4,5]a[b]= 1a[c]= 2a[d]=3a[e]=4console.log(a[b])console.log(a[c])console.log(a[d])console.log(a[e])// 输出// 2// 2// 3// 4其中a的赋值情况为：1,2,3: 33,4,5: 4[object Object.
2020-07-31 11:24:01
100
原创 taro 注意点
1. scss注入；按照官网写法，直接注入，但是app.scss中不能import其他scss,否则会编译语法出错2.assets中的scss使用同在assets中的img图片时，需使用 ~带~的路径 "~@/assets/img/logo_blue.png" 被webpack解析为 require(src/assets/img/logo_blue.png) 动态引入1.相对路径: "./assets/logo_blue.png"2.没有前缀的路径 "assets/logo_b...
2020-07-29 19:02:23
226
原创 小程序页面传值json格式太长
使用下面两个函数将其进行编码，encodeURIComponent () // 函数可把字符串作为 URI 组件进行编码。decodeURIComponent() // 可对 encodeURIComponent() 函数编码的 URI 进行解码。// 开始页面let strData = encodeURIComponent(JSON.stringify(data))Taro.navigateTo({url: '/pages/Product/CreatOrder?data='+ st.
2020-07-14 19:07:27
598
原创 移动端实现拼团
记录拼团组件的开发历程，需求分析：拼团时间段内，展示可拼团的人数，距离本期拼团结束的倒计时。 非拼团时间，展示不可拼团页面，并且提示下一个拼团开始时间。 拼团成功，拿到推送的数据，展示抽奖中页面3s，抽奖结果5s；再次判断是否在拼团时间内。 拼团失败，距离本期拼团结束的倒计时为0时，进入拼团结束3s；再次判断是否在拼团时间内。组件实现处理拼团时间字段： timer: '7:01-12:00#13:00-18:00#19:02-22:09'。把字段打散成数组，拿到hour与Minute
2020-06-17 14:14:30
525
原创 前端项目版本号位置, vue打包添加版本号
场景前端开发需要确认已发布，测试是否成功发布本次项目代码。解决方案在HTML中写一段特殊标记即可（即版本号），那么这个版本号应该放在哪里呢？有人在sessionStorage，或者localStorage中添加一项记录，这确实可以达到标记的目的。但在这里推荐一个较为规范的版本号添加方案在HTML5中，meta标签中的属性值可以很好的解决标记版本问题在index.html中定义如下<meta name="revised" content="定义页面的最新版本"/>
2020-05-21 18:52:24
9828
3
原创 http-server的安装和使用
http-server可以让任意一个目录成为服务器的目录1.全局安装npm install --global http-server2.使用http-server [path] [options]下面是文档地址https://www.npmjs.com/package/http-server
2020-05-13 11:12:06
373
原创 【开发记录】H5移动端适配rem
关于移动端的页面，使用rem解决适配问题，按比例与设计稿保持一致。前言设计稿为750px，开发标准为iphone6/7/8/X，实际开发宽度为375px；开发中除跟节点外所有size皆使用rem单位。编辑器：【VScode】前端开发常用插件：【cssrem】这个插件可以在写px时自动计算rem值，在首选项中搜索cssrem，设置Root Font Size；跟节点大小...
2019-12-25 18:27:03
843
转载 HTTP状态码
# HTTP响应状态码## 1xx：临时响应#### 表示临时响应并需要请求者继续执行操作的状态代码。100 **继续**请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。 101 **切换协议**请求者已要求服务器切换协议，服务器已确认并准备切换。---## 2xx ： 成功#### 表示成功处理了请求的状态代码。200 ...
2019-12-12 16:44:18
104
原创 vue-i18n 国际化 异步加载语言包
使用vue-i18n做多语言网站安装 npm install vue-i18n --save示例为中英双语，新建目录问lang目录下新建文件en.js cn.js目录结构i18n index.js lang cn.js en.jsindex.jsimport Vue from 'vue'import VueI18...
2019-10-30 15:19:22
4752
原创 echarts.js 动态生成多个图表 使用vue封装组件
组件只做了简单的传值处理，记录开发思路及echarts简单使用。这里默认所有图表样式一致，都为柱状图，如需其他类型，可查阅echarts官网文档，再动态传值即可。vue 使用组件 ------在外层用v-for 循环，传不同值进charts 即可 <!-- 传入对应的数据给子组件 --> <charts ...
2019-07-08 18:00:46
4238
8
原创 数组中自定义的key 如何取值
如图取值：Object.keys(this.options).forEach(k => { console.log(k) //取到了key console.log(that.options[k]) // 取到了value})
2019-07-05 17:31:43
1855
原创 问卷调查：自定义表单设计vue
由于公司业务需求，做自定义满意度问卷调查，在线上找插件不尽如人意（插入文件多，ui不好改）；自家业务比较简单；种种原因，于是花一点时间开发简单的表单设计页面。于此记录开发过程首先看看预览效果，传送地址：http://fanfan18.gitee.io/customize-form-by-vue/纯vue开发，无jQuery，数据驱动页面。引入文件：iconfont 图标文件，vu...
2019-06-27 10:42:44
4209
9
原创 vue 打包相对路径
vue 开发完成后，需要build打包成静态文件，出现路径问题的解决办法1.修改生产环境引用相对路径，打开build/webpack.prod.conf.jsoutput:增加publicPath:'./'或者在config文件夹下的index.js中修改assetsPublicPath:'./'2.修改css资源引用的相对路径，打开build/utils.js，找到以下...
2019-06-19 10:13:02
3960
原创 【问题日记】KindEditor编辑器 与 vue脚手架
1. 运行安装命令 ：npm install kindeditor2. 在main.js 中一定要import css 否则看不到工具栏：import Vue from 'vue'import App from './App.vue'import kindeditor from 'kindeditor'import 'kindeditor/themes/default/...
2019-06-14 17:44:13
875
3
原创 小程序按需引入 构建npm 安装第三方包
构建npm：用终端打开小程序的文件夹，npm init 初始化仓库，可以看到package.json文件； 以vant weapp 为例。执行npm i vant-weapp -S --production 安装第三方包； 在开发者工具中，点击 工具 => 构建npm ，就可以看到miniprogram_npm 文件夹； 最后请注意勾选 ‘使用npm模块’ ，就可以使用第三方包了...
2019-04-04 09:36:23
1443
原创 数据请求 Fetch
先看一下 Fetch 原生支持率：Fetch 常见坑 Fetch 请求默认是不带 cookie 的，需要设置fetch(url, {credentials: 'include'}) 服务器返回 400，500 错误码时并不会 reject，只有网络错误这些导致请求不能完成时，fetch 才会被 reject。 基本用法：fetch(url, option).th...
2019-03-27 10:05:40
181
原创 【数组常用操作】es6去重 并集 交集 差集
es6去重set结构数组去重：const arr = ['a','bb','22','a','haha','haha','22'];let unique = new Set(arr); console.log(Array.from(unique));
2019-03-27 09:09:56
545
1
原创 【小程序问题日记】避免多次触发事件
场景：小程序点击链接没有反应，小程序的页面跳转并不是很快，快速连续点击“链接”N下会跳出N个页面。解决办法：使用限制按钮或控件的点击间隔的方式处理。将这个方法放到公共的代码里面比如util，然后在使用时直接调用。util.js写状态管理，2秒间隔。//util.jsfunction buttonClicked(self) { self.setData({ buttonC...
2018-12-10 14:46:01
258
原创 微信小程序-打开地图选择位置
微信小程序地图自动定位位置：方法步骤如下：1.申请获取用户地址的权限；2.打开地图选择；3.由于获取到的地址是一串字符串，所以必须通过经纬度反查地址分隔省市县；（如不需要分隔可省略）获取之后自动填充到表单中。在wxml中点击触发以下方法即可getCenterLocation() { var that = this; wx.authorize({...
2018-12-05 14:40:25
4952
3
原创 vue 配置 scss
vue 配置 scss（局部）1.安装依赖，输入命令 ： npm install sass-loader node-sass vue-style-loader --save-dev2.找到/build/webpack.base.conf.js文件。如果需要在main.js中引入样式文件，不需要配置此文件。否则会编译报错。 module: { rules: [{ ...
2018-10-24 16:45:50
2398
转载 IOS设备上给body绑定click事件不生效及其解决办法
IOS设备上给body绑定click事件不生效及其解决办法事件背景： 最近在做一个移动端业务的时候碰到一个bug，在ios上对body绑定click事实现事件代理冒泡至某些元素上尽然不生效。思考： 暂借助jquery展示下事件绑定代码，将所有标签含有data-tip属性的元素通过事件代理至body$('body').on('click','[data-tip]',func...
2018-10-23 12:03:08
985
原创 小程序配置，通用域名配置文件
小程序的域名文件，在根目录新建一个config.js文件：var host = ''; //host替换成微信小程序认证的域名var config = { service: { host, homeUrl: , //这里配置请求地址 }};module.exports = config;再到app.js中添加缓存，以至在每个页面都能获取，因为在小程序打...
2018-10-19 19:43:52
3812
原创 小程序image无法显示图片
总结下小程序已跳过校验却无法显示图片的几种原因：图片路径中有中文 图片地址为http开头，图片只能在调试模式中显示，真机也必须开调试。 图片名称有空格 图片的后缀必须为小写的.png或者.jpg...
2018-10-19 19:34:44
11950
原创 js 滚动条总结
window.onscroll = function () { // 实时打印滚动条滚动的距离 const t = document.documentElement.scrollTop || document.body.scrollTop; console.log(t) };...
2018-09-17 17:15:18
314
原创 css3 animation 箭头向右滚动渐隐
这是一个右箭头的小图标。keyframes 创建一个css3动画用 animation 调用 并用延迟动画的办法 做出匀速滚动的效果。直接贴上html代码，复制即可运行。<!DOCTYPE html><html dir="ltr" lang="en"><head><meta charset="utf-8" />&am
2018-08-09 15:45:06
10392
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人