- 博客(42)
- 收藏
- 关注
RSS订阅
原创 element-ui 表格表头禁用全选功能
element-ui 貌似没有提供禁用全选的属性或者方法不过提供了一个全选的事件select-all 当用户手动勾选全选 Checkbox 时触发的事件所以我们要是想要它不能全选可以这么写<el-table ref="multipleTable" @select-all="onSelectAll"></el-table><script> meth...
2019-12-03 16:38:18
17966
15
原创 Vue报错 TypeError: this.getOptions is not a function
我们先删除node_modules，然后重新安装依赖。如果使用的是node-sass，则需要考虑正确的版本。一般而言这是因为sass而报出来的错误。如果使用的是sass，则使用以下命令。
2023-08-23 10:34:37
445
原创 如何强制 Vue.js 重新加载或重新渲染？
有时我们更改了Vue data中的属性，然而页面并没有更新，我们该如何处理呢，官网提供了$forceUpdate 方法来强制刷新视图，方法的影响范围为实例本身和插入插槽内容的子组件，而不是所有子组件。
2023-08-23 10:28:01
505
原创 如何使用 Vue.js 侦听嵌套数据？
给target的list属性增加侦听器，需要在watch中使用字符串的写法。"target.list" 来标记侦听的内容。当list改变时被调用，
2023-08-23 10:20:57
191
原创 Uniapp或者微信小程序如何动态的计算Scrollview的高度
当一个小程序页面，顶部有搜索栏，或者分类查询时，我们想要保证它们能固定到顶部，就需要使用到Scrollview，那么如何确定Scrollview就是一个问题，这时我们可以使用以下代码来实现。先获取Scrollview距离顶部的高度，然后页面高度减去顶部距离，就能得到剩余的内容高度，如果底部还有操作条，那么我们再减去其高度，就能得到具体的Scrollview高度了。注意点是为了能准确的获取到页面元素，从而准确计算高度，我们需要将代码放到onReady生命周期里运行。
2023-08-22 15:44:45
3894
原创 Vue3如何给组件命名
在使用vue2时，组件命名是非常容易的，那么当我们使用vue3的setup模式时，我们该如何给组件命名呢？之前想过重新开一个script就行但是这样确实让人感觉麻烦，当仔细阅读官方文档就会发现，官方其实提供了defineOptions函数，来实现一些声明式组件的内容,那么我们就能采用以下方式来定义组件名称。
2023-08-22 15:29:31
2915
原创 Webrtc 无法发布音视频流原因之一
使用webrtc服务时，有时侯会发现有些电脑死活无法，发布音视频流成功，这是我们需要检查设备是否有麦克风设备（有些电脑主机没有麦克风设备），没有音频时，webrtc服务同时发布音视频流会失败。
2023-04-15 11:40:07
268
1
原创 Iconfont 替代品网站 图标网站推荐
最近iconfont网站突然不能访问想必很多同学都很苦恼，今天就给大家分享几个图标网站，解决大家的烦恼，推荐的图标库图标数量都比较多，并且风格统一！1.Tabler 风格统一的图标简介： 多达1978个图标的网站，免费和开源的图标，旨在使您的网站或应用程序具有吸引力、视觉一致且简单美观。Tabler Icons: over 1950 vector icons for web design1978 free and open source SVG icons designed with attention t
2022-06-11 11:11:31
2549
原创 js复制文字到粘贴板方法，方便好用，代替vue-clipboard2/vue-clipboard3
因为vue-clipboard2不能在vue3使用了，所以想在网上找解决方法，结果想看文章不是付费就是要订阅，本来就是个简单方法，用不是什么高级内容。。，感到很无语突然在vant的源码里发现了这个方法，因此分享给大家...
2022-06-08 16:23:52
199
原创 微信小程序文件直接上传阿里云OSS
第一步 配置Bucket跨域访问第二步 微信小程序配置域名白名单以上两步，请参考阿里云官网，如何在微信小程序环境下将文件上传到OSS_对象存储 OSS-阿里云https://help.aliyun.com/document_detail/92883.html然后创建uploadOssHelper.js, 复制官网js内容，注意引入的crypto-js，自行安装const crypto = require("crypto-js");class MpUploadOssHelper {
2022-05-24 14:23:54
5504
5
原创 Nuxt去除data-n-head等默认属性
当我们使用nuxt开发网站时，生成的页面头部会自动加上 data-h-head的属性，例如本来这也不算什么事，毕竟框架开发给标签加属性，很常见的事了但是好巧不巧，做seo的团队发出了他们的意见，头部标签就是不能有 data-h-head属性没得办法，作为一个高级程序员，我开始了百度，然后就搜出了以下答案export default { hooks: { 'render:route': (url, result) => { result.html =
2022-04-22 15:34:49
2934
原创 vue eslint 报错 error Component name “about“ should always be multi-word 正确解决方案
搜索网上大部分解决方案都是在vue.config.js文件下，加入以下代码lintOnSave: false // 关闭eslint校验如果你会发现并没有什么作用，那么你不妨试试以下操作找到.eslintrc.js在rules里面加上这么一句'vue/multi-word-component-names': "off" // 关闭名称校验...
2022-04-02 10:54:05
7152
2
原创 关于vue项目npm运行报错core-js问题
新年过来，运行公司的vue项目，结果npm run dev 时报错了，重新安装依赖也没什么作用控制台报错如下：you can run: npm install --save core-js/modules/es6.regexp.replace百度之后，说使用 npm install core-js@2结果并没有什么卵用，但是也有同仁分析出可能是版本太低所以使用了 npm install core-js@latest --save 试了一下，果然生效了最终原因是因为版本太低导致，百度
2022-02-08 16:34:16
2949
2
原创 Flutter学习笔记（三）解决无法因为空安全无法正常点击运行和热重载
解决无法因为空安全无法正常点击运行和热重载Error: Cannot run with sound null safety, because the following dependenciesdon't support null safety:原因：新版flutter增加了空安全 详情内容 https://blog.csdn.net/BUG_delete/article/details/115076100解决方案回退fluttet版本 （不推荐）1在 Android Studio 中：运
2021-06-05 15:22:22
688
3
原创 Flutter学习笔记（二）
第一步创建 Flutrer APP1.创建新应用选择 File>New Flutter Project选择 Flutter application 作为 project 类型, 然后点击 Next输入项目名称 (如 myapp), 然后点击 Next点击 Finish等待Android Studio安装SDK并创建项目.第二步编写Flutter应用1.替换 lib/main.dart删除lib所有代码，替换为一下代码,实现 Hello Wordimport 'package:flu
2021-06-05 15:21:04
96
原创 Flutter学习笔记（一）Macos 安装Flutter（zsh安装）
第一步 安装镜像使用镜像由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中：1.打开环境变量配置文件vim ~/.bash_profile2.在底部加入临时镜像export PUB_HOSTED_URL=https://pub.flutter-io.cnexport FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn第二步 安装SDK1.下载Flu
2021-06-05 15:17:49
502
转载 css 伪类技巧
1、::first-line | 选择首行文本这个伪元素选择器选择换行之前文本的首行。p:first-line { color: lightcoral;}2、::first-letter | 选择首字母这个伪元素选择器应用于元素中文本的首字母。.innerDiv p:first-letter { color: lightcoral; font-size: 40px}3、::selection | 选择高亮（被选中）的区域应用于任何被用户选中的高亮区域。通过::sele
2021-03-26 17:18:00
132
原创 SASS规范
SASS规范语法选用SASS有两种语法格式，一种是 SCSS (Sassy CSS)，另一种是缩进格式（Indented Syntax），有时称之为 Sass。SCSSSCSS语法基于 CSS 语法扩展，每一个有效的 CSS 文件都是一个有效的具有相同含义的 SCSS 文件，换种说法就是 SCSS 能识别大多数的 CSS hacks 写法和浏览器前缀写法以及早期的 IE 滤镜写法，这种格式以 .scss 作为扩展名。SassSass 使用 “缩进” 代替 “花括号” 表示属性属于某个选择器，用
2021-03-26 16:11:38
664
原创 关于Mac电脑，Hbuilderx不能使用内置终端，或者内置终端npm，node命令无效的解决办法
本人使用M1款的新mac，在vscode能使用内置终端，运行前端项目在hbuliderx里面却一直使用不了，在网络上也一直没有解决方案直到我找到了hbuilderx的配置文件/Applications/HBuilderX-Alpha.app/Contents/HBuilderX/plugins/builtinterminal/script/main.js我尝试将host的地址 127.0.0.1改成了 0.0.0.0,就发现了hbuilder的内置终端能够正常使用npm命令和node命令了因为网
2021-03-26 14:17:19
6824
3
原创 微信公众号网页如何部分关闭分享
1.先全部关闭分享 wx.hideAllNonBaseMenuItem2.在需要分享的页面 onShow里面调用wx.showOptionMenu()3.在需要分享的页面 onHide里面调用wx.hideOptionMenu()(注意如果不关闭，会导致其他页面也能分享)
2020-12-09 16:34:33
785
原创 微信公众号网页微信支付开发
1.js接口安全域名配置(每月五次修改机会)2.授权回调域名配置(redirect地址，授权使用code时候使用)3.引入微信jssdk4.微信sdk的支付方法无效5.请在微信商户平台绑定支付的域名，并且使用微信支付的新js支付接口，无需引入，复制可直接使用...
2020-12-09 16:30:16
173
原创 Vue函数式组件
函数式组件是无状态，它无法实例化，没有任何的生命周期和方法。创建函数式组件也很简单，只需要在模板添加 functional 声明即可。一般适合只依赖于外部数据的变化而变化的组件，因其轻量，渲染性能也会有所提高。组件需要的一切都是通过 context 参数传递。它是一个上下文对象，具体属性查看文档。这里 props 是一个包含所有绑定属性的对象。函数式组件<template functional> // 函数式声明 <div class="list"> &
2020-07-31 11:33:41
397
原创 vue按需引入and-design报错
第一步通过vue-cli安装ant-designvue add ant-design第二步配置按需引入配置antd官方文档提到的 babel-plugin-import，一个用于按需加载组件代码和样式的 babel 插件，样式自动加载需要先装这个插件npm install babel-plugin-import --dev 安装完后配置babel.plugin.config文件，复制官方文档配置module.exports = { "presets": [ "@vue
2020-07-20 10:11:52
534
原创 vue-cli如何按需引入Ant-design-vue
第一步通过vue-cli安装ant-designvue add ant-design第二步配置按需引入配置antd官方文档提到的 babel-plugin-import，一个用于按需加载组件代码和样式的 babel 插件，样式自动加载需要先装这个插件npm install babel-plugin-import --dev 安装完后配置babel.plugin.config文件，复制官方文档配置module.exports = { "presets": [ "@vue
2020-07-20 10:10:10
2498
1
原创 Console控制台输出妙用
JS中只会使用console.log()？你out了妙用一 除了最常用的console.log（）消息在浏览器中显示消息外，还有许多其他方法可以使调试过程变得更加容易。让我们通过示例逐一查看它们。基本打印信息console.log（）| info（）| debug（）| warn（）| error（）控制台日志/信息/调试/警告/错误.妙用二 记录函数调用次数console.count（） 此函数记录此特定调用count()已被调用的次数。该函数带有一个可选参数label。如果label提供
2020-07-09 14:58:21
793
2
原创 uni-app优秀的Ui模板和项目案列
ColorUI-UniApphttps://ext.dcloud.net.cn/plugin?id=239这是一款适应于H5、微信小程序、安卓、ios、支付宝的高颜值，高度自定义的Css组件库.studio-scaffold · 主题库及UI模板https://ext.dcloud.net.cn/plugin?id=1638一套集成20+（基于微信视觉规范）组件、主题、请求库、utils...
2020-04-20 20:57:13
22983
原创 微信小程序局部刷新对象里的属性
微信小程序对值的刷新需要通过this.setData()方法，但是有时我们会使用到对象来存值，如果用this.setData()来刷新的话，对象里的属性多的时候，就会变慢，但是微信小程序又不能通过object.属性的方式来刷新，这时我们就可以这样写 data:{ obj:{name:'小明'} } setVal(){//示例方法 this.setData({ ["obj.nam...
2020-04-20 20:06:02
1092
原创 域名解析绑定到服务器指定端口
域名解析绑定到服务器指定端口域名绑定服务器，通常默认的是80端口 server { listen 80; server_name localhost; location / { root html/xxx; index index.html index.htm; } }那...
2020-04-20 19:56:08
8528
3
原创 Vue使用Alt + Enter键替代Enter键回车，enter发送消息
因为要做一个聊天输入框，所以遇到了这个问题，因为发送消息比回车换行要常用，所以用enter键发送消息，alt+enter键回车换行首先先给文本输入框加两个键盘事件<textarea @key.enter="onSend" @key.alt.enter="onEnter"></textarea>然后你会发现当你使用alt+enter组合键时，你仍然会触发enter事件...
2019-12-07 14:52:26
2258
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人