- 博客(73)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 关于Vue3 + antd vue引入iconfont报错的最终解决方案
我觉得，大概原因是这样【关于引入iconfont时出现的问题，可能是因为iconfont.js文件没有通过export default导出default对象】，所以可以这样去写，在使用时使用iconfont.default来获取default对象。那么今天它的处理方案出来了，无意间发现，可以这么写,但是好像也没有毛用，跟直接写文件地址一个diao样子啊。按照以上示例写完以后，你会神奇的发现，报一个错【引入本地文件，线上地址OK】，没法处理，晕死~~~即可轻松地使用已有项目中的图标。
2023-03-21 12:03:49
1111
原创 推荐一个前端必备工具，有了它开发效率提升200%，堪称神器
拒绝重复工作前端页面的构建与调试，是每一个前端人都绕不过去的基本功。但是页面的构建与UI的还原工作往往是重复且繁杂的，在日常的开发工作中会占用我们大量的时间和精力。慢慢的，随着我们每个人技术水平的不断提升，页面的构建工作就会成为我们技术水平提升道路上的一大阻碍。大家都更希望把更多的时间和精力放在业务逻辑、功能优化、架构设计等等更深一步的前端技术领域上。所以我作为一名前端技术团队的管理者，也作为一名前端的开发人员。下定决心要帮助团队和自身去解决这个痛点。于是我带着这个问题进行了一系列的解决方案调研，直到我遇
2021-11-18 16:54:55
3708
3
原创 Vue项目中，使用高级表格vxe-table中的【vxe-grid】动态列之动态插槽
/ 动态插槽数据,这里的slot1 对应的就是columns数据里面的slot.default。// 可以添加更多的列配置。1、首先项目当中得安装了。// 可以添加更多的数据。
2024-04-09 11:55:52
519
2
原创 vue3 使用reactive定义变量时，会出现数据变化，页面未更新渲染
vue3 使用reactive定义变量时，会出现数据变化，页面。他喵的，竟然发现，最后两种方案处理以上问题。将reactive更改为ref，问题就迎刃而解！
2023-03-23 11:07:40
1889
5
原创 Vue或者Html快速实现文件夹上传
快速实现文件夹上传 webkitdirectory1、加上该属性后，点击上传效果，如下图：2、点击弹窗上传后，效果如下图：3、最后代码实现很简单： <input type='file' webkitdirectory/>
2022-04-08 10:02:14
561
原创 复杂数据处理 · 结构转换
9.1 Any ↔ 字符串在开发数据应用的时候，有大部分的数据都不会是由 JavaScript 或用户的操作实时生成的，更多的是直接从服务端的数据存储设施中提取出来，然后通过网络协议传输到客户端以用于展示。这样的话我们可以首先引入一个题外话，既然我们知道前端使用的数据大部分都需要通过网络协议从服务端传往前端，那这样一个传输过程就是抽象内容的编码和解编码的过程。而且在计算机科学中，通信协议基本上都是以字符串（或二进制）为基础承载数据结构，也就是说在一个服务端与客户端的通信架构中，会需要将各种数据结构首先转
2021-12-28 09:10:48
458
原创 优化首屏体验——Lazy-Load 初探
Lazy-Load 初相见Lazy-Load，翻译过来是“懒加载”。它是针对图片加载时机的优化：在一些图片量比较大的网站（比如电商网站首页，或者团购网站、小游戏首页等），如果我们尝试在用户打开页面的时候，就把所有的图片资源加载完毕，那么很可能会造成白屏、卡顿等现象，因为图片真的太多了，一口气处理这么多任务，浏览器做不到啊！但我们再想，用户真的需要这么多图片吗？不对，用户点开页面的瞬间，呈现给他的只有屏幕的一部分（我们称之为首屏）。只要我们可以在页面打开的时候把首屏的图片资源加载出来，用户就会认为页面是没
2021-12-18 05:30:00
408
原创 webpack 在VUE CLI 3 中的应用
构建基础篇：webpack 在 CLI 3 中的应用webpack 作为目前最流行的项目打包工具，被广泛使用于项目的构建和开发过程中，其实说它是打包工具有点大材小用了，我个人认为它是一个集前端自动化、模块化、组件化于一体的可拓展系统，你可以根据自己的需要来进行一系列的配置和安装，最终实现你需要的功能并进行打包输出。而在 Vue 的项目中，webpack 同样充当着举足轻重的作用，比如打包压缩、异步加载、模块化管理等等。如果你了解 webpack 那么相信本文会让你更了解其在 Vue 中的使用，如果你是一个
2021-12-17 08:59:39
945
原创 Vue 具有数据校验功能的表单组件
具有数据校验功能的表单组件——Form之前有介绍了组件间的两种通信方法：provide / inject 和 dispatch / broadcast，前者是 Vue.js 内置的，主要用于子组件获取父组件（包括跨级）的状态；后者是自行实现的一种混合，用于父子组件（包括跨级）间通过自定义事件通信。本小节则基于这两种通信方法，来实现一个具有数据校验功能的表单组件——Form。Form 组件概览（以IView为例，antd UI、element UI 同理）表单类组件在项目中会大量使用，比如输入框（Inp
2021-12-16 09:00:20
943
原创 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
5459
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
814
原创 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
864
原创 Gallery.echarts挂了吗？
访问地址：https://gallery.echartsjs.com/（已经挂了）一个很好的E charts示例文库，竟然挂了，我还有想看的示例。。。。还有的实例啊????也没有通知，就这样挂了????️
2021-05-10 10:00:34
6359
15
原创 个人博客网站，搭建之路
关于本站★ 访问地址：快速进入★ 服务器：阿里云ESC★ 后端：php + wordpress★ 页面：使用Sakura主题和其他主题好看的样式页面单纯使用nginx + wordpress 搭建完成本站部分页面：温馨提示：★ 移动端，可手机预览，体验不一样的效果。★ 欢迎访问，互换友链…★ 传送门...
2021-03-30 09:45:28
310
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/ [email protected] /data/www/html/ 【-r 覆盖上传 -P 2
2021-03-25 15:04:47
712
2
原创 flutter底部导航栏demo
flutter底部导航栏demo：GitHub入口截图如下（来源网络）：欢迎star…最后，介绍下个人微信程序，欢迎扫码查看！
2021-03-02 17:58:25
260
原创 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
9166
7
原创 2021--微信小程序流量主开通 （如何赚钱）
一、 介绍腾讯的小程序平台给个人开发者带来了福音，它的盈利模式也是非常简单清晰。二、 门槛最重要的是，个人是可以发布小程序的，千万不要以为只有企业可以发布小程序。小程序开通流量主的门槛不高不低，需要1000个独立 UV ,也就是说有1000个微信注册用户进入过你的小程序。一般来说，通过自己朋友圈转发二维码，或者通过在微信大群分享你的小程序，差不多一个月就可以达到门槛要求。三、 开通流量主入口 传送门https://mp.weixin.qq.com/wxopen/frame?t=promoti
2021-01-17 09:33:40
1399
原创 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
1157
原创 javaScript处理较复杂数据
1、想要的理想行数据：{"info": [{"ydccId": "c68491ba2e4f4187b35cfdc2db58bf40","carId": "09d160b6e03343d2bafefcbb0be94e89","costInfo": [{"id": "13f532f978214523a2855245a1310709","amount": 300},{"id": "953dd3dbba5d4cb79947d67829a55e2f","amount": 200}]}
2020-07-24 21:44:36
996
原创 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
2693
原创 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
1804
原创 Mac终端解压命令
Mac终端解压命令总结terminal下常用解压缩命令tar解包：tar xvf FileName.tar打包：tar cvf FileName.tar DirName（注：tar是打包，不是压缩！）.gz解压1：gunzip FileName.gz解压2：gzip -d FileName.gz压缩：gzip FileName.zip解压：unzip FileNam...
2020-04-10 11:05:36
485
原创 前端开发常用网站
一、基础学习类网站MDN开发者文档：https://developer.mozilla.org/zh-CN/菜鸟教程：https://www.runoob.com/W3CSchool：http://www.w3school.com.cn/JavaScript教程网：https://zh.javascript.info/谷歌开发者工具教程：https://developers.google...
2020-04-06 22:52:47
1854
原创 iOS 提交AppStore的问题
iOS 提交AppStore不出现构建的版本的问题不管你以任何方式提交版本到app store，都不会在’活动显示‘所构建的版本可能是因为一下原因iOS 10以后，苹果增强了对用户隐私的保护，访问照相机、相册、麦克风、定位、通讯录等，都需要在info.plist文件中添加权限，而且少一个都不行。根据需要添加，项目中使用了什么，就添加对应的权限<!-- 相册 --> &l...
2020-04-04 18:20:53
349
原创 h5自定义audio样式
h5或web页面 自定义audio样式此处实例为H5移动端<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>自定义audio样式</title> <style type="text/css">...
2019-12-17 15:06:50
2147
原创 Redux之我见
Redux 架构1.介绍基本概念和用法:Redux 是一个有用的架构，但不是非用不可。事实上，大多数情况，你可以不用它，只用 React 就够了。曾经有人说过这样一句话：“如果你不知道是否需要 Redux，那就是不需要它。”Redux 的创造者 Dan Abramov 又补充了一句：“只有遇到 React 实在解决不了的问题，你才需要 Redux 。”简单说，如果你的UI...
2019-12-05 10:03:50
232
原创 git协作开发简易流程
把远程仓库clone到本地git clone 远程仓库路径从master上切出来一个新的分支，在其上面做开发git checkout -b 分支名把开发完成的功能做提交git add .git commit -m 'sssss'# 反复执行提交操作切回master分支，从服务器获取master分支最新的内容git checkout master合并刚...
2019-11-08 09:25:57
235
原创 移动端app开发,原生开发与混合开发的区别
目前市场上主流的APP分为三种：原生APP、Web APP（即HTML5）和混合APP三种，相对应的定制开发就是原生开发、H5开发和混合开发。那么这三种开发模式究竟有何不同呢？下面我们就分别从这三者各自的优劣势来区分比较吧！一、APP原生开发原生开发（Native App开发），是在Android、IOS等移动平台上利用提供的开发语言、开发类库、开发工具进行App软件开发。比如Android是...
2019-09-26 18:47:16
22036
4
原创 5G来了，对前端开发有哪些影响？？？
5G来了，对前端开发有哪些影响？？？一、职能概览1.前端工程师首先是个程序员，其次也是个软件工程师，他们工作在离用户最近的地方，负责人机交互和用户体验，虽然叫“前端”，但其实他们的工作边界其实已经很宽了。2.展望未来，我想前端的工作会继续分化，也会继续融合，分工是工业革命以来社会高效协作的主要推动力，以后很长一段时间应该也会维持这种形态，融合的原始推动力也是提高效率。分化和融合是不断的演化...
2019-08-27 13:10:45
2861
原创 git-bash常用命令大全
ls -al 列出所有文件git init 初始化一个仓库git status 查看当前仓库的状态git add 把需要提交的文件添加到本地缓存git add . 全部添加到本地缓存git commit -m '提交信息' 把本地缓存中的文件提交到本地仓库git branch 分支名 创建一个分支git checkout 分支名 切换到指定的分支git ...
2019-04-29 08:13:58
746
原创 vue手写使用axios上传文件
<template> <div class="upload-demo"> <input type="file" ref="fileInt" @change="changeHandle"> </div></template> <script> export default { name: 'Uplo...
2019-04-27 12:00:16
558
"jodit": "^3.4.6",Vue中使用比较nice的富文本插件。。。
2020-12-07
node-v10.15.0.pkg
2020-04-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人