- 博客(84)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 关于Vue3 + antd vue引入iconfont报错的最终解决方案
我觉得，大概原因是这样【关于引入iconfont时出现的问题，可能是因为iconfont.js文件没有通过export default导出default对象】，所以可以这样去写，在使用时使用iconfont.default来获取default对象。那么今天它的处理方案出来了，无意间发现，可以这么写,但是好像也没有毛用，跟直接写文件地址一个diao样子啊。按照以上示例写完以后，你会神奇的发现，报一个错【引入本地文件，线上地址OK】，没法处理，晕死~~~即可轻松地使用已有项目中的图标。
2023-03-21 12:03:49
1677
原创 推荐一个前端必备工具，有了它开发效率提升200%，堪称神器
拒绝重复工作前端页面的构建与调试，是每一个前端人都绕不过去的基本功。但是页面的构建与UI的还原工作往往是重复且繁杂的，在日常的开发工作中会占用我们大量的时间和精力。慢慢的，随着我们每个人技术水平的不断提升，页面的构建工作就会成为我们技术水平提升道路上的一大阻碍。大家都更希望把更多的时间和精力放在业务逻辑、功能优化、架构设计等等更深一步的前端技术领域上。所以我作为一名前端技术团队的管理者，也作为一名前端的开发人员。下定决心要帮助团队和自身去解决这个痛点。于是我带着这个问题进行了一系列的解决方案调研，直到我遇
2021-11-18 16:54:55
3983
3
原创 前端主流框架之VUE中的Vue3
并且你会发现，它是**强制开启深度监视（deep:true），并且无法关闭。然而现在我们监视的是reactive定义的响应式数据的全部属性，是只监听其中的一个属性，那怎么办呢，可能大家会。
2024-05-29 11:19:25
1735
原创 今日分享-小球穿梭放大loading动画
但是，当他们“合体”的时候，产生了奇妙的融合现象，通过对比度滤镜把高斯模糊的模糊边缘给干掉，利用高斯模糊实现融合效果。· filter: contrast()： 调整图像的对比度。· filter: blur()： 给图像设置高斯模糊效果。最后，贴一下自己的小程序，喜欢可以扫码查看。4、实现简单，代码粘贴复制即可预览效果。1、废话不多说，先看效果。
2024-05-28 09:27:57
204
2
原创 一个VUE项目当中如何请求多个服务器接口地址
当后端小伙伴拿到一个项目工程时，你会发现别人给你的工程什么都没有，他的要求是你自己起个工程,到时候直接部署多个服务。】,那么问题来了，那就前端也得使用两个后端地址，肿莫办，头大了，以前只知道写死一个API地址就够了，那么现在咋弄呢😵。}3、最后：它就实现了，其实逻辑很简单，不过应用场景很少见而已【个人观点，仅供参考】…// ① 在网络请求方法里面搞两个axios实例。// 这里在根据实际情况，做出对应实例应用。// 在API网络请求的封装文件里面。// 创建 axios 实例。// 例如GET请求。
2024-05-17 14:46:37
1193
原创 今日分享【Vue3基础知识】
并且你会发现，它是**强制开启深度监视（deep:true），并且无法关闭。然而现在我们监视的是reactive定义的响应式数据的全部属性，是只监听其中的一个属性，那怎么办呢，可能大家会。
2024-05-16 11:23:08
2576
原创 今日分享【HTML5基础知识汇总】以及常见面试题
内容是建立网站的诱因，有的网站展示它，有的则收集它，有的寻求有的操作，还有的网站甚至会包含以上的种种，但相同点是它们全都涉及到内容。**脚本是否并行执行: **async屋性，表示后续文档的加载和执行与is脚本的加载和执行是并行进行的，即异步执行defer厘性，加载后续文档的过程和is脚本的加载(此时仅加载不执行)是并行进行的(异步)，is脚本需要等到文档所有元素解析完成之后才执行，DOMContentLoaded事件触发执行之前。**src:**表示对资源的引用，它指向的内容会嵌入到当前标签所在的位置。
2024-05-09 09:09:46
751
原创 今日分享【微信小程序中的福字灯笼】代码
一个左右摇摆的福字灯笼效果，3、写在最后：实现简单，勤于动手，不需要任何插件，你自己就可以纯手撸一个‘花里胡哨’的页面效果，一起来试试吧，粘贴复制即用哦hahaha。4、贴下自己的小程序，有很多花里胡哨的东西，喜欢可以扫码查看。
2024-05-07 10:07:59
435
原创 Vue项目中，使用高级表格vxe-table中的【vxe-grid】动态列之动态插槽
/ 动态插槽数据,这里的slot1 对应的就是columns数据里面的slot.default。// 可以添加更多的列配置。1、首先项目当中得安装了。// 可以添加更多的数据。
2024-04-09 11:55:52
2535
2
原创 vue3 使用reactive定义变量时，会出现数据变化，页面未更新渲染
vue3 使用reactive定义变量时，会出现数据变化，页面。他喵的，竟然发现，最后两种方案处理以上问题。将reactive更改为ref，问题就迎刃而解！
2023-03-23 11:07:40
2218
5
原创 Vue或者Html快速实现文件夹上传
快速实现文件夹上传 webkitdirectory1、加上该属性后，点击上传效果，如下图：2、点击弹窗上传后，效果如下图：3、最后代码实现很简单： <input type='file' webkitdirectory/>
2022-04-08 10:02:14
625
原创 复杂数据处理 · 结构转换
9.1 Any ↔ 字符串在开发数据应用的时候，有大部分的数据都不会是由 JavaScript 或用户的操作实时生成的，更多的是直接从服务端的数据存储设施中提取出来，然后通过网络协议传输到客户端以用于展示。这样的话我们可以首先引入一个题外话，既然我们知道前端使用的数据大部分都需要通过网络协议从服务端传往前端，那这样一个传输过程就是抽象内容的编码和解编码的过程。而且在计算机科学中，通信协议基本上都是以字符串（或二进制）为基础承载数据结构，也就是说在一个服务端与客户端的通信架构中，会需要将各种数据结构首先转
2021-12-28 09:10:48
531
原创 优化首屏体验——Lazy-Load 初探
Lazy-Load 初相见Lazy-Load，翻译过来是“懒加载”。它是针对图片加载时机的优化：在一些图片量比较大的网站（比如电商网站首页，或者团购网站、小游戏首页等），如果我们尝试在用户打开页面的时候，就把所有的图片资源加载完毕，那么很可能会造成白屏、卡顿等现象，因为图片真的太多了，一口气处理这么多任务，浏览器做不到啊！但我们再想，用户真的需要这么多图片吗？不对，用户点开页面的瞬间，呈现给他的只有屏幕的一部分（我们称之为首屏）。只要我们可以在页面打开的时候把首屏的图片资源加载出来，用户就会认为页面是没
2021-12-18 05:30:00
471
原创 webpack 在VUE CLI 3 中的应用
构建基础篇：webpack 在 CLI 3 中的应用webpack 作为目前最流行的项目打包工具，被广泛使用于项目的构建和开发过程中，其实说它是打包工具有点大材小用了，我个人认为它是一个集前端自动化、模块化、组件化于一体的可拓展系统，你可以根据自己的需要来进行一系列的配置和安装，最终实现你需要的功能并进行打包输出。而在 Vue 的项目中，webpack 同样充当着举足轻重的作用，比如打包压缩、异步加载、模块化管理等等。如果你了解 webpack 那么相信本文会让你更了解其在 Vue 中的使用，如果你是一个
2021-12-17 08:59:39
1062
原创 Vue 具有数据校验功能的表单组件
具有数据校验功能的表单组件——Form之前有介绍了组件间的两种通信方法：provide / inject 和 dispatch / broadcast，前者是 Vue.js 内置的，主要用于子组件获取父组件（包括跨级）的状态；后者是自行实现的一种混合，用于父子组件（包括跨级）间通过自定义事件通信。本小节则基于这两种通信方法，来实现一个具有数据校验功能的表单组件——Form。Form 组件概览（以IView为例，antd UI、element UI 同理）表单类组件在项目中会大量使用，比如输入框（Inp
2021-12-16 09:00:20
1103
原创 vue项目中使用Luckysheet 的简单方法
Luckysheet 官方体验Demo ，一款纯前端类似excel的在线表格，功能强大、配置简单、完全开源。开发环境Node.js Version >= 6引入方式① CDN<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/css/pluginsCss.css' /><link rel='stylesheet' href='https://cdn.jsdeliv
2021-11-17 11:14:58
5735
7
原创 vue中slot插槽的基本写法
vue中slot插槽的基本写法第一种：<template #actions="{ record }"> <a href="javascript:;" @click="handleCheck(record)">查看</a></template>第二种：<template slot='actions' slot-scope="text, record"> <a href="javascript:;" @click="h
2021-11-16 09:05:53
980
原创 CSS斜向条纹背景
CSS斜向条纹Html：<div class='box'></div>CSS：width: 100%;height: 100rpx;background-image: linear-gradient(45deg,red 25%,green 0,green 50%,red 0,red 75%,green 0);background-size: 40px 40px;效果：这效果，以后就不用切图了????...
2021-07-08 18:22:49
1015
原创 Gallery.echarts挂了吗？
访问地址：https://gallery.echartsjs.com/（已经挂了）一个很好的E charts示例文库，竟然挂了，我还有想看的示例。。。。还有的实例啊????也没有通知，就这样挂了????️
2021-05-10 10:00:34
6659
15
原创 个人博客网站，搭建之路
关于本站★ 访问地址：快速进入★ 服务器：阿里云ESC★ 后端：php + wordpress★ 页面：使用Sakura主题和其他主题好看的样式页面单纯使用nginx + wordpress 搭建完成本站部分页面：温馨提示：★ 移动端，可手机预览，体验不一样的效果。★ 欢迎访问，互换友链…★ 传送门...
2021-03-30 09:45:28
372
2
原创 Centos 7.6 -- 基本操作
1、nginx安装：apt-get install nginx（Ubuntu 18.04使用）sudo yum install -y nginx（Centos 7.6）【本机使用Centos7.6，请参考nginx安装】2、本地项目上传到服务器：scp -r -P22 【本地文件】 root@【服务器公网ip】:【服务器文件放置目录】例如：scp -r -P22 develop/html/ root@23.34.108.23 /data/www/html/ 【-r 覆盖上传 -P 2
2021-03-25 15:04:47
786
2
原创 flutter底部导航栏demo
flutter底部导航栏demo：GitHub入口截图如下（来源网络）：欢迎star…最后，介绍下个人微信程序，欢迎扫码查看！
2021-03-02 17:58:25
329
原创 2021微信小程序UI组件库合集
第一款：官方WeUI组件库，地址 https://developers.weixin.qq.com/miniprogram/dev/extended/weui/第二款：ColorUI：地址 https://github.com/weilanwl/ColorUI第三款：Vant Weapp UI：地址 https://youzan.github.io/vant-weapp/#/intro第四款：iView UI（一套高质量的微信小程序 UI 组件库）：地址https://weapp.ivi
2021-01-27 14:48:57
9426
7
原创 2021--微信小程序流量主开通 （如何赚钱）
一、 介绍腾讯的小程序平台给个人开发者带来了福音，它的盈利模式也是非常简单清晰。二、 门槛最重要的是，个人是可以发布小程序的，千万不要以为只有企业可以发布小程序。小程序开通流量主的门槛不高不低，需要1000个独立 UV ,也就是说有1000个微信注册用户进入过你的小程序。一般来说，通过自己朋友圈转发二维码，或者通过在微信大群分享你的小程序，差不多一个月就可以达到门槛要求。三、 开通流量主入口 传送门https://mp.weixin.qq.com/wxopen/frame?t=promoti
2021-01-17 09:33:40
1509
原创 vue中使用文件打印
vue–封装打印文件方法1.封装、手撸print.js文件const Print = function(dom, options) { if (!(this instanceof Print)) return new Print(dom, options) this.options = this.extend( { noPrint: '.no-print' }, options ) if (typeof dom === 'string') {
2020-11-20 15:41:59
1378
原创 javaScript处理较复杂数据
1、想要的理想行数据：{"info": [{"ydccId": "c68491ba2e4f4187b35cfdc2db58bf40","carId": "09d160b6e03343d2bafefcbb0be94e89","costInfo": [{"id": "13f532f978214523a2855245a1310709","amount": 300},{"id": "953dd3dbba5d4cb79947d67829a55e2f","amount": 200}]}
2020-07-24 21:44:36
1156
原创 vue-antd form组件封装
表单项–公用组件（vue-antd）1、废话不多说，先看具体效果，如下图：效果图表单校验图： 校验均写在组件之中，跟当前页面文件无任何关系，当前页面只接受组件传递过来的参数…2、组件代码如下：在vue项目中，此处采.js文件形式写组件，并没用.vue文件去写…将表单项中的input和change事件暴露出来。。。export default { props: ['value'], template: ` <div> <p
2020-07-24 21:29:13
2783
原创 React-Native三方登录-苹果登录
1、在苹果开发者后台将Sign in with Apple 打开；开发者网址：https://developer.apple.com2、在Xcode里面设置一下3、将一下代码导入IOS项目：具体代码在GitHub：https://github.com/JonsonHI/SignWithApple（原作者）4、如上操作，都已经完成则在RN代码，所需位置引入一下模块：import {...
2020-04-26 22:02:28
2030
"jodit": "^3.4.6",Vue中使用比较nice的富文本插件。。。
2020-12-07
node-v10.15.0.pkg
2020-04-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人