hollebug的博客

最近iconfont网站突然不能访问想必很多同学都很苦恼，今天就给大家分享几个图标网站，解决大家的烦恼，推荐的图标库图标数量都比较多，并且风格统一！1.Tabler 风格统一的图标简介： 多达1978个图标的网站，免费和开源的图标，旨在使您的网站或应用程序具有吸引力、视觉一致且简单美观。Tabler Icons: over 1950 vector icons for web design1978 free and open source SVG icons designed with attention t

因为vue-clipboard2不能在vue3使用了，所以想在网上找解决方法，结果想看文章不是付费就是要订阅，本来就是个简单方法，用不是什么高级内容。。，感到很无语突然在vant的源码里发现了这个方法，因此分享给大家...

第一步 配置Bucket跨域访问第二步 微信小程序配置域名白名单以上两步，请参考阿里云官网，如何在微信小程序环境下将文件上传到OSS_对象存储 OSS-阿里云https://help.aliyun.com/document_detail/92883.html然后创建uploadOssHelper.js, 复制官网js内容，注意引入的crypto-js，自行安装const crypto = require("crypto-js");class MpUploadOssHelper {

新年过来，运行公司的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 试了一下，果然生效了最终原因是因为版本太低导致，百度

解决无法因为空安全无法正常点击运行和热重载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 中：运

第一步创建 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

第一步 安装镜像使用镜像由于在国内访问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

1、::first-line | 选择首行文本这个伪元素选择器选择换行之前文本的首行。p:first-line { color: lightcoral;}2、::first-letter | 选择首字母这个伪元素选择器应用于元素中文本的首字母。.innerDiv p:first-letter { color: lightcoral; font-size: 40px}3、::selection | 选择高亮（被选中）的区域应用于任何被用户选中的高亮区域。通过::sele

SASS规范语法选用SASS有两种语法格式，一种是 SCSS (Sassy CSS)，另一种是缩进格式（Indented Syntax），有时称之为 Sass。SCSSSCSS语法基于 CSS 语法扩展，每一个有效的 CSS 文件都是一个有效的具有相同含义的 SCSS 文件，换种说法就是 SCSS 能识别大多数的 CSS hacks 写法和浏览器前缀写法以及早期的 IE 滤镜写法，这种格式以 .scss 作为扩展名。SassSass 使用 “缩进” 代替 “花括号” 表示属性属于某个选择器，用

本人使用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命令了因为网

1.先全部关闭分享 wx.hideAllNonBaseMenuItem2.在需要分享的页面 onShow里面调用wx.showOptionMenu()3.在需要分享的页面 onHide里面调用wx.hideOptionMenu()(注意如果不关闭，会导致其他页面也能分享)

1.js接口安全域名配置(每月五次修改机会)2.授权回调域名配置(redirect地址，授权使用code时候使用)3.引入微信jssdk4.微信sdk的支付方法无效5.请在微信商户平台绑定支付的域名，并且使用微信支付的新js支付接口，无需引入，复制可直接使用...

函数式组件是无状态，它无法实例化，没有任何的生命周期和方法。创建函数式组件也很简单，只需要在模板添加 functional 声明即可。一般适合只依赖于外部数据的变化而变化的组件，因其轻量，渲染性能也会有所提高。组件需要的一切都是通过 context 参数传递。它是一个上下文对象，具体属性查看文档。这里 props 是一个包含所有绑定属性的对象。函数式组件<template functional> // 函数式声明 <div class="list"> &

第一步通过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

第一步通过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

JS中只会使用console.log()？你out了妙用一 除了最常用的console.log（）消息在浏览器中显示消息外，还有许多其他方法可以使调试过程变得更加容易。让我们通过示例逐一查看它们。基本打印信息console.log（）| info（）| debug（）| warn（）| error（）控制台日志/信息/调试/警告/错误.妙用二 记录函数调用次数console.count（） 此函数记录此特定调用count()已被调用的次数。该函数带有一个可选参数label。如果label提供

连接服务器输入 命令 bt default

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...

微信小程序对值的刷新需要通过this.setData()方法，但是有时我们会使用到对象来存值，如果用this.setData()来刷新的话，对象里的属性多的时候，就会变慢，但是微信小程序又不能通过object.属性的方式来刷新，这时我们就可以这样写 data:{ obj:{name:'小明'} } setVal(){//示例方法 this.setData({ ["obj.nam...

域名解析绑定到服务器指定端口域名绑定服务器，通常默认的是80端口 server { listen 80; server_name localhost; location / { root html/xxx; index index.html index.htm; } }那...

因为要做一个聊天输入框，所以遇到了这个问题，因为发送消息比回车换行要常用，所以用enter键发送消息，alt+enter键回车换行首先先给文本输入框加两个键盘事件<textarea @key.enter="onSend" @key.alt.enter="onEnter"></textarea>然后你会发现当你使用alt+enter组合键时，你仍然会触发enter事件...

先放上源码网址:https://github.com/jiangshan-chen/chen先上效果图

element-ui 貌似没有提供禁用全选的属性或者方法不过提供了一个全选的事件select-all 当用户手动勾选全选 Checkbox 时触发的事件所以我们要是想要它不能全选可以这么写<el-table ref="multipleTable" @select-all="onSelectAll"></el-table><script> meth...

想要显示后台传过来的文本里的换行或者空格什么的，这里只用采用一个标签就行，那就是<pre></pre>属性有 width 值为number类型 定义每行的最大字符数（通常是 40、80 或 132）。当然pre标签里面的文本是不会自动换行的，如果你想要自动换行的话，可以用css的写法pre{white-space: pre-wrap; /* ...