- 博客(28)
- 收藏
- 关注
RSS订阅原创 npm install的时候报错ERROR: Failed to set up Chromium r901912! Set “PUPPETEER_SKIP_DOWNLOAD“ env variabl
原因是npm安装puppeteer的时候,默认会下载Chromium浏览器。但是由于某些原因,这个下载失败了。从Github上下载Chromium放到特定目录,然后设置环境变量指定这个目录,跳过在线下载。主要是网络原因导致Chromium下载失败。以上方法可以尝试解决这个问题。有时候是因为npm源的问题,网络不太稳定,可以试试切换到其他源。如果由于网络原因,可以考虑使用科学上网工具,提高下载成功率。这将使用你系统已安装的浏览器,而不再下载Chromium。或者在npm命令前面加上这个环境变量。
2024-01-11 15:18:43
3826
原创 用jquery-cookie存半小时cookie
jquery-cookie这个插件，用来存取删cookie的：expires：可以设置天数 | Date对象。
2023-06-01 14:24:11
328
原创 小程序真机调试后端接口拿不到referer
在微信小程序中： 网络请求的 referer 是不可以设置的，格式固定为：https://servicewechat.com/{appid}/{version}/page-frame.html，其中 {appid}是你当前小程序的 appid，{version} 为小程序的版本号，版本号为 0 表示为开发版，版本号为 devtools 表示从开发工具里发出的请求。即：微信小程序有自带的 Referer, 且不可修改开发工具上，接口请求的Request Headers那块有Referer，后端也.
2022-05-10 19:08:10
3352
原创 DvaJS安装dva-cli成功后执行dva -v报错 `dva不是内部或外部命令，也不是可运行的程序`
官网的安装步骤$ npm install dva-cli -g$ dva -vdva-cli version 0.9.1执行了 npm install dva-cli -g 安装成功执行 dva -v 报错 dva不是内部或外部命令，也不是可运行的程序 试了几次还是不行。查了原因，只要出现 XXX不是内部或外部命令，也不是可运行的程序 的，都是因为环境变量没配。环境变量的位置：1、Win10系统，直接在桌面底部放大镜这里，点开，搜环境变量，或者 我的电脑-右键-属性-高级系统
2022-01-21 20:37:34
906
原创 babel编译ES6报错Cannot find module ‘core-js/modules/web.dom-collections.iterator.js‘
解决方案：降低core-js的版本即可先删掉node_modules下的core-js文件夹，并删除package-lock.json文件，这文件会锁定版本，导致安装无效，并删掉package.json里core-js的版本。// 这个安装完，会装@2的最新版本 "core-js": "^2.6.12"npm install core-js@2// 降版本之后package.json里core-js的版本是这个："dependencies": { "core-js": "^2.6.12
2022-01-19 18:04:33
8079
原创 CSS3中以变量形式调用【像less或sass这种css扩展语言定义变量】
这里用 less 来举例平时我们用 less 声明、使用变量，方式是这样的：header.less 文件：@width: 10px;@height: @width + 10px;#header { width: @width; height: @height;}css3 自己有声明变量的方式，用 :root 这个伪类包含，样式变量名用 -- 开头，用 var() 函数调用：var()var()函数可以代替元素中任何属性中的值的任何部分。var()函数不能作为属性名、选择
2021-02-19 17:08:24
310
原创 nodeJS ejs常用模板语法
nodeJS ejs常用模板语法 <!-- 渲染数据 --> <h4><%=title%></h4> <!-- 解析html --> <p><%-btn%></p> <!-- 引入其他模板 --> <%- include('other.ejs') %>...
2021-01-30 19:11:38
534
原创 async await、Promise、setTimeout执行顺序之题型
题1：async function async1(){ console.log('async1 start'); await async2(); console.log('async1 end')}async function async2(){ console.log('async2')}console.log('script start');setTimeout(function(){ console.log('setTimeout')},0);as
2020-12-09 18:40:15
248
原创 css3动画--顺滑打开下拉筛选列表
为了方便，这里直接用鼠标悬停去调试筛选列表的显示隐藏：不加动画的话，鼠标悬停过去，直挺挺的显示隐藏：加动画之后，鼠标悬停过去，显示隐藏就很顺滑了：效果这样的：关键的 css 属性：固定高度型 : height: 0; /* 要设置overflow: hidden; 这样当高度变成0，就能隐藏里面的内容 */ overflow: hidden; transition: all 0.2s ease-in-out;未知高度型： overflow: hidden
2020-07-22 21:16:30
785
原创 Charles设置代理&手机和浏览器抓包
1.在Charles官网https://www.charlesproxy.com/download/下载，我这边下载的是免费体验版的。2.安装好以后打开，配置Charles证书；选择help——SSL Proxying——install Charles Root Certificate会出现证书安装的信息，我这边已经安装成功，第一次可能需要安装将证书安装在“受信任的根证书颁发机构”，这步很重要最后提示导入成功，出现如上述证书信息显示说明证书安装成功，也可在证书路径中查看证书安装结果3
2020-07-18 11:13:45
17814
原创 当微信服务器的图片与公众号第三方授权功能在项目里同时存在时设置referrer报错的解决方案
继 【上传到微信服务器的图片在前端显示“此图片未经允许不可使用”】 这篇文章之后衍生出来的问题：如果你单纯解决微信图片防盗链的问题，那上面这篇文章的解决方案就可以搞定。但是！！ 如果你的项目里除了前端显示的图片是从微信服务器返回的以外，恰好项目里又有公众号第三方授权功能的，就比较尴尬了。那，什么是 第三方平台公众号授权 ？就是公众号管理员把自己的公众号授权给第三方平台，授权后，第三方平台可以代替公众号，执行相应的权限，比如说获取公众号的相关信息微信图片链接，这样的：http://m
2020-07-16 21:43:00
930
原创 上传到微信服务器的图片在前端显示“此图片未经允许不可使用”
近期在做 react + antd 的项目，不是放在微信公众平台的项目.有个上传图片的功能，前端上传图片给接口，接口直接存到微信服务器了，上传成功后返回给前端的图片在前端显示“此图片未经允许不可使用”。这是因为微信有防盗链机制，给自己的图片都加上了图片防盗链接。前端用的是ant design 框架的 Upload组件自动上传 ，传给后端 File 格式的文件后端返回的是 https://wxpaylogo.qpic.cn/ 开头的图片地址，显示出来是这样：解决办法：找到你src
2020-06-02 19:46:43
1291
2
转载 JavaScript 中 call()、apply()、bind() 的用法
深入浅出：转自 https://www.runoob.com/w3cnote/js-call-apply-bind.html
2020-05-27 18:28:11
123
原创 antd+moment.js限制rangePicker组件可选择的日期范围
import { DatePicker } from 'antd';const { MonthPicker, RangePicker, WeekPicker } = DatePicker;// 规定不可选的 日期范围const rangePickerDisabledDate = current => { // 不能选今天以后，只能选【今天~往前追溯90天】内，今天可选。 ...
2020-02-04 20:25:42
3735
3
原创 antd的form表单自定义验证validator的注意事项
validator 这个验证在if-else里，每个判断情况都要加callback，不然会导致所有rule验证失效，页面上没填都不提示。比如这样：<Form.Item label="模式"> {getFieldDecorator("p_mode", { rules: [ { required: true, message: "请选...
2020-02-04 19:34:41
22291
2
原创 antd的form组件在form标签外触发验证
什么情况需要在form标签外触发验证呢？有，比如新增页是个全屏弹框的自定义组件，这种组件，一般都带有 close icon ，确认，取消按钮。那不管这种弹框的内容是什么，都是要通过确认btn去触发。写法还是那个写法，就是换个位置调用如果触发按钮在Form标签内部，就直接在Form标签上绑定onSubmit事件，指向handleSubmit 方法；<Form onSubmit={ha...
2020-01-14 11:21:16
6884
原创 mint ui组件内重置默认样式
Less跟CSS的编写不一样哦要注意用Less的方式写，要用 /deep/ 修饰符比如，现在用 less 改 mt-header 组件的默认样式：<style lang="less" scoped> .mint-header { padding: 0 15px; height: 44px; line-height: 44px; font-fam...
2019-06-22 18:50:31
758
原创 Vue非父子组件之间通信（单页应用）
有两种方式：eventBusVuex1. 用eventBus声明一个空的Vue模块eventBusimport Vue from 'vue'// 定义空的vue实例，作为 eventbus实现非父子组件之间的通信(vue2.x中去掉了broadcast)var eventBus = new Vue({});export default eventBus;“医院列表页...
2019-06-13 21:07:58
610
原创 vue中手机端点击手机键盘的完成 / 搜索按钮触发文本框搜索
看到标题，你可能第一反应是想着监听手机键盘的【完成】或【搜索】按钮，然后触发事件do somethingbut ，No No No ，没有那么艰难复杂。vue中，要在手机端点击手机键盘的【完成】或【搜索】按钮触发文本框搜索，关键点有两个：form表单，action属性设置@keyup.13 事件 或者 直接keyup 然后事件的处理函数里判断 event.keyCode ==...
2019-06-13 20:26:17
14177
1
原创 Vue中用lodash的debounce防抖来控制文本框实时搜索触发接口的频率
项目中常有这样的功能情景：列表页里有文本框，用来模糊搜索，而文本框的触发事件，一般都是 keyup 、 input 、enter键（手机上是完成/搜索按钮） ， 除去 enter 键的事件是按一次触发一次以外 ， keyup 事件是按键松开就会触发的。那么问题来了，不停的输入，按键按了多少次，文本框绑定的 keyup 事件就会被触发多少次，导致接口请求频率高发，这种问题在浏览器Net...
2019-06-13 20:10:00
3603
转载 vue 自定义marquee横向无缝滚动组件
先上效果图：（1） 看起来可能有点卡顿，但是实际上页面上看起来挺顺畅的。（2） 思路就是获取每一个列表的宽度，设置定时器移动列表，当移动的距离达到一个列表的宽度的时候，把这个距离放到数组的最后。这样就能达成无缝循环滚动了。大致的情况就是下面这样：接下来就是代码的实现：index.vue 引入组件<template> <div> <...
2019-05-21 15:43:22
4666
原创 Vue单页应用复杂情景下页面回退
简单情景的页面回退this.$router.go(-1);复杂情景下的页面回退，就没有这么简单了。用 Vue 开发单页应用时，会遇到这种需求情景：跳新页面去筛选、跳新页面去切换活动类型、跳新页面去搜索等等所有跳新页面，拿到值再跳回，进而操作左上角回退。既要保证拿到选中的筛选项回来，又要保证页面回退正常。具体情景如下：点了一路的页面，A =》 B =》 C =》 D =》 E ，...
2019-05-09 19:06:57
1209
原创 js 中 json对象数组按对象属性排序（升序/降序、属性值是数字/字母)
升序// json数组var result=[ {id:1,name:'中国银行'}, {id:3,name:'北京银行'}, {id:2,name:'河北银行'}, {id:10,name:'保定银行'}, {id:7,name:'涞水银行'} ] // 从小到大 升序排序function sortIdAsc(a,b)...
2019-05-07 23:29:01
5068
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人