- 博客(70)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 nvm安装成功后，隔几天nvm -v报错 This is not the package you are looking for: please go to http://nvm.sh
安装nvm，配置好了环境变量，运行nvm命令一切都很正常，过几天切换node.js版本时，发现nvm无法使用了，出现了标题所示的错误，也试过重新安装、重新配置环境变量等方式，虽然当下解决了问题，隔几天问题又出现，抓狂~~浏览到这里，查看本地node.js的全局安装的node_modules目录，发现果然有一个nvm文件夹，可能是以前运行过npm install nvm。于是，运行npm uninstall -g nvm。不需要重新安装，问题解决！
2024-07-12 10:47:38
766
原创 wps 365 批量修改.xlsx、.xls，单元格内容的格式为yyyy-mm-dd
3.选择“下一步”——“下一步”到步骤3，在“列数据类型”中选中日期-YMD格式，点击“完成”按钮即可。xlsx、xls文件导入校验单元格内容格式有误，批量修改步骤如下。2.选择数据-分列-分列，弹出“文本分列向导”弹窗。1.选中要修改内容的单元格列。
2024-02-26 17:11:27
1083
原创 iframe 子页面postMessage报错 Failed to execute ‘postMessage‘ on ‘DOMWindow‘
解决方式：在子页面使用postMessage时指定origin。
2023-12-04 10:30:21
1748
原创 mac 上用charles 抓包pc端微信小程序
原因：个别电脑打开pc端小程序接口报错，需要查看具体请求参数排除原因配置charles1、选择菜单栏Help->SSL Proxying->Install Charles Root Certificate2、如下图，需要设置信任安装的证书3、在菜单栏选择Proxy->SSLProxying Settings4、在SSLProxying Settings->SSL Proxying中 新增一条代理：Host:*Port：443输入完成后点击o
2022-02-18 14:37:55
19948
原创 解决html文字被篡改，并且额外添加font标签，显示成其他内容
无意中QA提出了这么一个问题，页面原本的文字被莫名其妙的替换了（如下图红框中），检查了接口和源码中没有这些文字，注：电脑是否中毒不在关注范围内审查元素发现原本文字所在的位置，被额外添加了font标签到这里就破案了，是无意中开启的谷歌浏览器的翻译功能在作祟1、关闭翻译插件、或者结合html标签的网页语言类型声明，把翻译语言改回设定的就正常了比如这样：<!-- 声明当前网页的语言类型为中文 --><html lang="zh">或者这样 ：..
2021-09-28 14:40:37
1573
1
原创 html table 表格内固定列的css实现
目标：不考虑使用UI组件，利用css和table标签实现表格前几列固定在左侧，其余内容水平滚动实现方式:利用css 属性 position: sticky;首先查询一下使用场景浏览器是否兼容（下图），确保在需要的场景上支持sticky粘性定位，当父元素在视窗范围内该元素的定位不受影响，当页面滚动，父元素将要移出视窗范围时，定位会变成fixed。根据这一特性，给表格内需要固定的列或行设置sticky属性并指定left、top、bottom、right即可实现...
2021-09-26 16:22:59
878
原创 element ui Checkbox多选框的半选、不选、选中状态控制
<el-checkbox v-model="checked">备选项</el-checkbox>在实际使用中，经常有多层级目录的半选、不选、选中状态切换，会用到indeterminate属性如上图组件示例的解释说“一般用于实现全选的效果”这句，有些让人迷惑。个人理解，在需要区别半选、全选状态时，才需要indeterminate 属性，它只负责半选样式控制，在值为true的情况下，多选框显示半选效果比如：<el-checkbox v-model=..
2021-09-22 18:15:59
7520
原创 微信小程序：wxml-to-canvas 使用记录
原因：界面上有保存图片、在微信端分享的需求，以前有类似功能，前端实现页面模板，通过后端使用PhantomJS无界面的浏览器组件渲染后进行截图实现，但生成过程较慢，经商议本次通过前端实现保存图片功能目的：通过把页面用canvas绘制，从而导出为图片保存在手机。介绍：不同于h5有许多调用简单、可以截取页面的成熟插件，在微信小程序上绘制canvas 除了使用原生canvas外，官方提供了wxml-to-canvas组件。尽管并不完善，但相比直接canvas绘制，方便了序多，另外还有Painter（第三..
2021-08-27 11:29:04
2883
1
原创 微信小程序：实现左右滑动的日历组件效果
效果如下使用<swiper></swiper>实现左右滑动效果，设置swiper 属性circular 为循环，使月份数据在3个swiper-item中轮流播放，思路如下m 当为前月，swiper当前所在滑块的下标为 index ，index默认1，页面可以左右滑动当左右滑动时，页面数组数据和对应滑块的下标关系如下:index==1时：[m-1,m,m+1]index==2 时：[m+1,m-1,m]index== 0 时：[m,m+1,...
2021-07-30 19:15:12
1836
原创 解决微信小程序 输入框获取焦点光标偏移
如题：页面滚动后，点击输入框获取焦点，光标位置发生偏移解决方法：将页面元素整体放在<scroll-view></scroll-view>标签里 ，给<scroll-view设置固定高度解决了
2021-07-27 16:19:30
3060
原创 微信小程序：scroll-view实现自定义的列表下拉刷新
使用组件<scroll-view></scroll-view>参考：微信开放文档：scroll-view，在开发者工具中预览效果，demo里啥都有默认交互动画：wxml<scroll-view scroll-y style="width: 100%; height: 400px;" refresher-enabled="{{true}}" refresher-threshold="{{100}}" refresher-default-style=
2021-07-06 15:36:01
792
原创 微信小程序自定义顶部导航组件
1、在 page.json 中设置navigationStyle值为custom，可以使用自定义组件替代原生导航栏。示例：{ "usingComponents": { "custom-nav": "../../components/customNav/customNav", }, "navigationStyle": "custom"}2、自定义顶部导航组件wxml：<view class="custom main-bg" s
2021-07-06 11:48:18
415
原创 print.js 打印的网页单页内容，多出第二页空白页面
问题如上图：解决过程：给table外嵌套的div设置了样式page-break-after也没有效果，最后索性给打印区域添加加边框，准备看看预览时空白页里有什么，结果后一页的空白页就这么没了(⊙o⊙)…观察发现，加上边框后，table的宽度确实有减少一丢丢，就这样吧。。。加了border: 1px solid transparent;附图解决之后的效果...
2021-05-13 11:42:29
4528
6
原创 css 设置＜img＞适应指定宽高，保持原始比例展示
在img标签上使用css属性：object-fitobject-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。可以满足对图片在固定宽高范围内进行剪切 保持原始比例，有以下值object-fit: fill|contain|cover|scale-down|none|initial|inherit;值 描述 fill 默认，不保证保持原有的比例，内容拉伸填充整个内容容器。 contain 保持原有尺寸比例。内容被缩放。 cover 保持原
2021-03-17 11:26:49
27329
2
原创 iphone 上input默认内阴影css样式去除
input{ -webkit-appearance: none!important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}记录一下
2021-03-11 20:04:12
421
原创 angular1.js http请求报错 TypeError: Cannot read property ‘then‘ of undefined
原因跟下图相同，在请求接口的方法里缺少return出自：https://stackoverflow.com/questions/41314437/angularjs-error-cannot-read-property-then-of-undefined
2021-02-02 11:07:45
533
原创 微信小程序image标签：根据图片比例展示
image组件默认宽度320px、高度240px通常使用mode="widthFix" 宽度不变，高度自动变化，保持原图宽高比不变可以通过文档中mode的合法值来来配置图片的显示另外基础库2.7.0以上，在image标签设置show-menu-by-longpress属性，可以开启长按图片显示识别小程序码菜单、实现当前页长按转发、保存图片、识别小程序码等。如下图文档：https://developers.weixin.qq.com/miniprogram/dev/component/
2021-01-26 14:06:17
1268
原创 Element + vue 用分页优化dom渲染时长
场景：请求接口一次返回几百上千条数据，导致渲染dom时间太长，甚至浏览器卡死这里前端用分页解决单次渲染dom节点过多的问题:框架：Element + vue//页面//列表省略<el-pagination @size-change="changePageSize" @current-change="changePageIndex" :current-page="page.currentPage" :page-sizes="[10, 20, 30, 40
2020-12-29 17:04:44
761
原创 vue 中 自定义css 覆盖第三方ui样式
在项目引入element-ui 等第三方ui库时，自定义css覆盖第三方样式的方式：1.scoped的自定义css无法覆盖第三方样式，把自定义css写在全局style下（一般除非是全局样式，否则容易污染其他组件内的样式）2.使用 >>> (普通css文件内) 或/deep/ (使用sass 或less 编译)注：有时/deep/会报错，可以使用::v-deep 代替<style lang="scss" scoped>::v-deep .el-table .
2020-10-09 17:12:20
1694
原创 mac npm安装node-saas报错 EACCES:permission denied
报错信息解决方式：sudo npm install node-sass --unsafe-perm
2020-08-11 09:42:55
516
原创 element-ui 嵌套表格表头宽度显示的浏览器兼容问题
在windows电脑IE、chrome浏览器上宽度显示，受到下面属性影响，覆盖css属性table-layout即可.el-table__header{ table-layout: fixed;}参考：https://www.w3school.com.cn/cssref/pr_tab_table-layout.asp
2020-08-10 10:52:07
721
原创 设置360浏览器打开html 默认显示为极速模式
在页面头部添加：<meta name="renderer" content="webkit|ie-comp|ie-stand" /><meta name="renderer" content="webkit" />分别代表webkit内核，IE兼容内核，IE标准内核
2020-08-10 09:51:31
1548
1
原创 马克一下：vue工程创建后，目录下怎么没有vue.config.js文件
平常没有留意，今天偶然发现，vue cli 安装后，目录里没有vue.config.js，这个文件是可选的配置文件，需要在根目录中手动创建，@vue/cli-service会自动加载。
2020-07-29 20:01:45
11496
原创 angularjs 问题记录
1.$state.go传参$stateParams 获取不到（1）跳转传参，新增from（2）接收参数，发现$stateParams没有from字段（3）原因，在路由中未定义参数 from，添加即可
2020-06-17 15:32:01
177
原创 小程序使用中遇到的this.setData赋值无效问题
这是有关this作用域的问题，问题代码如下：解决方法：一开始把171行const that = this 改为let that = this;赋值虽然生效了但很快发现有些麻烦，因为一开始忽略了173行使用了箭头函数，箭头函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象，所以不需要171行的声明，直接使用this即可...
2020-04-28 09:53:07
4898
原创 个人笔记：本地运行微信小程序遇到问题及解决方式（持续补充中）
1.npm 安装后，需要构建npm2.网络请求报错：request:fail url not in domain list小程序后台-设置-开发设置-服务器域名中已经配置，在开发者工具右上角 - 详情-勾选 【不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书...
2020-04-17 10:41:38
679
原创 mac 使用 n 切换node版本
1.安装 ：sudo npm install -g n2.升级node.js：到最新稳定版 ：sudo n stable 或到任意版本： sudo n 版本号3.查看已安装node版本并切换到制定版本：sudo n4.删除制定版本：sudo n rm 版本号5.用指定的版本执行脚本(个人不常用)n use 版本号 test.js...
2020-04-13 11:49:59
1965
原创 gulp 打包报错error: couldn't process source due to parse error
如上图：events.js:183 throw er; // Unhandled 'error' event ^Error: views.js: error: couldn't process source due to parse error Unexpected token (51856:1)原因，上图注入最末尾多加了一个逗号...
2020-03-19 18:27:24
952
原创 前端页面上传文件到七牛云
使用场景：pc端上传图片和视频文件到七牛云，视频显上传进度条参考七牛云JavaScript SDK：https://developer.qiniu.com/kodo/sdk/1283/javascript1.安装npm install qiniu-js2.页面引入import * as qiniu from "qiniu-js";3.主要代码var token =...
2020-02-20 17:01:28
1231
原创 html2canvas.js 下载图片到本地
使用js插件html2canvashttp://html2canvas.hertzen.com/使用场景：把html页面标签id="saveImgBox" 的内容，转为规定尺寸的图片，下载到本地<!--html--><style>#saveImgBox{ position:fixed; left:0; top:0; opa...
2020-01-20 13:55:44
668
原创 fancybox 弹出层图片固定宽度/高度设置
$('.fancybox').fancybox({ autoScale:false, maxWidth:500, maxHeight:400 });
2020-01-15 20:12:15
973
原创 vue报错Duplicate presence of slot "xxx" found in the same render tree
使用场景：avue.js 自定义表格组件遇到这个问题一直没有解决，之前网上搜索到方法都不符合情况，报错虽然对功能无影响，可在控制台显示，造成了视觉上的不适偶然发现是vue 2.6+的原因，原来在新版本中如下写法已经不适用了<template slot="proLineNameForm" slot-scop="scope"></template>虽然pack...
2019-11-11 15:28:57
4049
1
原创 reactjs 子组件onClick 触发父组件定义的方法
如题父组件class Parent extends Component { constructor(props) { super(props) this.state = { list:['a','b','c','d'] } this.deleteItem = this.deleteItem.b...
2019-07-25 17:39:30
3249
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人