- 博客(38)
- 收藏
- 关注
RSS订阅原创 try-catch-finally执行以及他们在有return的情况下，基本数据类型、对象以及有异步赋值情况异同分析
try-catch-finally执行有return的情况下各种数据类型参数的执行和返回情况
2023-11-10 17:57:53
354
原创 elementUI+vue2.x封装表格组件遇驼峰与连字符监听事件无效问题
elementUI+vue2.x封装表格组件，监听事件驼峰与连字符无效问题
2023-02-03 15:35:39
339
原创 表单项formItem中使用自定义组件校验rules
elementUI以及antdv表单项formItem中使用自定义组件校验rules，达到自己触发校验规则的目的
2023-02-03 10:42:04
1995
转载 Vuejs 使用 lib 库模式打包 umd 解决 NPM 包发布的问题
VueJs使用 lib 库模式打包 umd 解决 npm 发布包的问题
2021-12-09 14:33:55
2821
原创 nuxt配合ant-design-vue的less文件报错.bezierEasingMixin()
在使用nuxt@2.15.7版本配合ant-design-vue开发项目时，需要配合ant-design-vue的样式定制某些主题。首先在根目录下新建目录：index.less为总入口文件public.less为自己写的一些less变量variables.less为定制的ant-design-vue主题样式然后将index.less加入到nuxt.config.js中的css模块中去即可：然后启动项目：发现报错修改如下：在nuxt.config.js的build中添加：随后再
2021-10-08 18:05:19
485
1
原创 Vue 配合antd表格翻页、选中的一些问题
这两天工作中遇到两个问题：一个是在使用ATable的时候，由于数据是一股脑直接拿到手扔进table里面的，有翻页的情况，选中后，选中的数据与渲染的数据本身不一致。关于这个问题，我检查了接口返回数据和传入到table中的数据，到选中数据的赋值等一系列，发现都没有问题，唯独翻页之后选择的数据不对劲，通过观察发现翻页之后选中的数据为第一页的...
2021-09-29 18:04:38
1036
原创 nuxtjs——全局方法组件等挂载
nuxt将全局组件以及方法等挂载同意放在了plugins中， 以文件作为区分：例如，想要在此项目中全局挂载antd，那我需要在plugins下新建一个js文件，文件名随意，暂且叫antd-ui.js吧，里面的内容为：import Vue from 'vue';import Antd from 'ant-design-vue/lib';Vue.use(Antd);然后需要在nuxt.config.js中配置plugins:export default { plugins: [ '@/pl
2021-09-29 17:53:35
2109
原创 nuxt初学——请求以及代理的配置
不知道为啥，别人的项目直接就有安装请求啥的，但是我的就是没有安装。所以还得自己来安装配置一波。请求一般使用axios了，首先第一步就是npm install @nuxtjs/axios （我以为这些都是最开始集成在项目中的，大意了），然后需要你在nuxt.config.js的mudules中添加’@nuxtjs/axios’，如此就可以在项目中直接使用$axios了。当然开发项目中是离不开配置的，此时可以在nuxt.config.js中配置axios相关，即新增一个axios属性axios: { t
2021-09-29 16:48:21
1513
原创 nuxt初学——全部布局与自定义路由
公司要求项目要对SEO友好，但是没了大神的加持，虽然不想学习了，也得硬着头皮来，看了下nuxt,还好比较适合我这种只会vue也学不太进的。开始学习创建项目之后就遇到项目目录结构比文档上的少，虽然懵逼，硬着头皮自己创建了，没想到没问题。1. 全局头部布局首先就来一个全局头部布局的问题，毕竟都想一次注册，终身使用。原来nuxt是提供了的，我的创建项目的时候没有，所以自己创建了一个 layouts 文件夹，下面新增一个 default.vue 文件，默认的布局就是layouts -> default.
2021-09-29 16:07:00
1191
原创 解决“unable to access ‘https://github.com...”
前提：我在操作的时候做了https授权，但是密码输入错误了，再找想改也找不到了。搞半天都会报这个错。甚至我想用秘钥的方式都不行。万恶的git。解决方法：git config --global http.sslVerify “false”然后正常操作就行了，该让你输密码的也会让你输密码的。...
2021-09-01 16:43:31
8356
1
原创 我发了一个npm包
哈哈，两周前终于发了个属于自己的npm包（其实是公司业务需求需要做自己探索然后发布了的）具体后面来写吧，最近有点忙。感兴趣的小伙伴请去npm官网上搜索hot-form谢谢大家的支持，第一次发包，正在探索中，有什么希望大家提出来一起探讨。...
2021-08-25 17:47:53
119
原创 react-router与react-router-dom配合ts的小问题
想用react-router配合ts学习react，刚拉好项目，第一步做路由就出问题了：我在安装了react-router/react-router-dom的情况下，在ts文件里面引用，但是编辑器都老是给我报红线，提示我找不到模块，百思不得其解，node_modules里面也是有这个的。强行启动项目照样报错。最后找了一圈网上的问题，最后知道是因为ts的问题，我得再下载依赖@types/react-router/@types/react-router-dom,才可以使用。尝试下载之后竟然没问题了，真是感慨
2021-07-20 11:53:51
1352
原创 react+typescript配置项目目录别名
又开始学习react，搭配typescript，这里想要配置项目有3个步骤： 1. 首先yarn eject暴露配置信息（npm同理）; 2. 找到config下的webpack.config.js文件, 修改alias，在最末尾新增——'@': paths.appSrc, 3. 因为使用了typescript,所以还需要在typescript.json中配置——"paths": { "@/*": ["./src/*"] } 4. 重启项目，即可使用，此时的@相当于src配图：webpack.
2021-07-19 17:01:13
277
原创 啊！又是第一篇react项目配置。这次是高版本+typescript，解决vscode中tsx文件飘红的问题
好久以前就在说要学习react，然后学了又忘，也不拿项目练手。犹记得之前成功创建了一个react16项目之后就停手了。最近因为听到大学室友们要么跳槽想要的工资很高，要么又在各种学习，我这就忍不住想要再学习学习了。这次我终于有了目标项目拿来练手，不知道又能撑几天。本次直接上大环境：react: v 17.0.2 / typescript v 4.3.5 / react-scripts v 4.0.3这里因为要记录一个问题我的两种结局方案，所以重要的事情说两次！第一次： 在未安装react-sc
2021-07-16 14:59:27
2668
原创 跨项目协作——在本地如何进行脚手架的跨项目合作
最近在写公司需要用到的一个公共模块——表单创建。功能不重要，重要的是这个模块并不是某一个项目中需要用到，而是一个模块开发出来，基本公司的所有项目都可以使用这个模块。然而这个模块又是页面逻辑类的，我真是煎熬了很久词语一点头绪。首先，它可以作为一个小模块被嵌入其他某个页面中，另外还被提出要求来只需要使用script的标签就可以引用出来使用，像插件那样。emmm，本来就是要开发一个插件，但是小白的我表示很慌！总之，总结起来的意思就是要做一个模块，可以像从npm下载下来的模块一样用import直接下载下来然后
2021-07-01 15:38:10
167
原创 antdv表格的rowSelection设置单选禁用选中等
这个问题在项目中已经遇到过两次了：一次为表格想实现单选-禁用等另一次则是今天，遇上需求需要在初始化表格的时候默认选中项目 鉴于自己的记性太差，记录记录，万一哪天又遇到这个问题心血来潮来翻了一翻博客，那问题就解决了！犹记得实现表格项单选和禁用的需求出来的时候，我翻遍了百度，好多问题感觉快说道点子上了，结果就还真是差一点。这个问题折磨我很久，我觉得我怕是要完不成了，结果技术总监远程要求我翻官方文档，最后劲直停在了API列表中的 type="radio" ，我瞬间石化了有没有！之尴尬，所以还是
2021-05-25 16:55:44
6045
原创 vue使用prerender预渲染配合vue-meta实现单页面实现SEO优化
公司项目在已在开发中的情况下通知需要做SEO优化。因为项目使用的是vue做的单页面，顿时人都不好了，只好网上搜罗出来一些配置（其实是另一个伙伴他做的，但是他要走了，工作交接给我， 我需要掌握，所以也算是偷来一门技艺吧）。交代一下：选用的是prerender-spa-plugin插件配合vue-meta完成...
2020-06-11 17:50:46
1958
2
原创 小白开始学习react，对于低于个react项目的相关配置（含webpack.config.js、less-loader支持、端口号以及关闭启动自动打开浏览器等配置）
react基础教程看了第N遍，始终还是应该上手练练。这不，刚开始第一个项目就倒腾了半天！写篇博客记录一下。首先，创建一个react项目：create-react-app project-name我也不知道为什么，我的电脑执行命令之后直接开始给我安装依赖了，改天还得研究一下怎么回事（包括公司和家里的两台都是），并且公司电脑自动用yarn，家里电脑自动用npm(家里电脑没安装yarn环境)项目...
2020-05-26 17:53:57
389
原创 记vue父子组件传值报错的一次事件
上周五（3.27）做公司项目时，遇到一个有意思的问题，虽然解决很好解决，但是今天上午（3.30）才把整个流程梳理通畅，所以记录下来，应该是个有意思的知识点（PS：其实不是我自己解决的，全程是我请教我们组的另一位大佬帮我答惑解疑的，毕竟，我是个渣渣…我又没看过源码也看不懂~）。问题来源于我在created生命周期中调用接口获取数据然后赋值给data中某个空对象的某个属性。这整个对象被传给子组件使用...
2020-03-31 15:20:01
644
原创 CSS3-transform实现鼠标hover的动画特效
先上效果图：我是偷师学来的！介绍一下背景，公司里我所在的那个组的前端组长是个大佬，之前我做的项目因为有其他调动交给他了，然后闲暇时间我就拉了他更改之后的代码看看，毕竟之后总会接手代码的嘛！然后我看页面的时候就发现了这个效果！好奇驱使我查看了他的CSS样式（因为class多了一个），然后就发现了这个。虽然以前觉得我会写animate，也能实现一样的效果，觉得就不用学习谁谁都在吹的transf...
2019-08-06 17:47:08
1567
原创 更新一种对象深度拷贝的方法
一直在为之前看到过的对象深度拷贝代码之复杂而忧桑，我这种脑容量，怎么取记住嘛！而且方法又都不是常用的，能不能简单明了一点！今天，有人告诉我了一个简单明了的方法，下面演示： 首先，我来定义一个对象obj1: let obj1 = {a: '1', b: '2', c: {d: '1'}} 然后，就是拷贝了： let obj2 = JSON.parse(JSON.stringify(obj1)...
2019-07-09 10:00:17
187
原创 我终于迈出了第一步——vue组件封装（分离）
大家都知道用vue开发对程序员来说非常棒啦！当然，其实只是因为是现在的主流而已。当然，对小白我来说，只觉得数据双向绑定有用而已，哈哈哈哈哈！最近，小白我终于，又上了一个台阶，那就是！终于肯封装组件啦！（注意是肯不是会，因为懒，我不管！）以前用vue做项目的时候，遇到公共的地方，直接复制粘贴，多好！（一直都觉得复制粘贴最省事，当时的想法：复制粘贴还能多很多行代码–>以前听说程序员的薪水是...
2019-06-28 14:18:29
3867
3
原创 关于ajax数组数据类型传输
emmmm，以前一直以为传输中是不能直接传输整个数组的，但是，以为就是以为啊！还是太年轻了！果然实践是检验真理的唯一标准！我写了个小demo（根本算不上demo）测试ajax传输数组数据给后台：前端环境：emmmm，最简单的html，jQuery，（相当于没有复杂环境）后台环境：node后台，我是用express自动生成的环境~好的，环境有了，开测吧！ 第一种情况： 只传输数组...
2019-02-26 16:02:35
884
原创 对象深度拷贝
每次记住都忘记了，原来用的不多，二来对这些东西其实我不怎么关注的，所以才会记不住，但是每次都要找很长时间的资料，又理解很久，还要自己做测试知道看懂为止，也是很麻烦了，所以我就记录一下好了上代码：此部分为我的测试部分一个奇怪的现象是arr.hasOwnProperty(arr[0])结果为true，但是我打印arr，原型上就没有hasOwnProperty()方法接下来上拷贝代码啦：e...
2019-01-19 17:30:11
382
原创 数组的拷贝for循环与slice性能对比
在工作中用到数组拷贝的时候，经常需要生成一个新的数组，与原数组互不相干，以前一直用的for循环（其实for循环只能拷贝简单的非对象数组而已，如果数组里面有数组或对象也不行，只是本篇不讨论对象深浅拷贝的问题），觉得写起来很麻烦，偶然情况下发现slice方法也可以拷贝（原谅我的无知，以前确实只用了for循环一种循环，而且一直以为for循环可以进行对象的深拷贝…）说回for循环和slice那我其实...
2019-01-19 16:06:40
1307
原创 html使用ajax实现文件分片上传
在实用中，经常有上传文件的操作，但是上传的文件有时会很大，所以需要将文件分片，然后一片一片上传到后台。其实前端写法跟普通的文件上传没有区别，只是需要把文件切割一下就好了。下面是一个例子：代码结果：js部分：获取文件后就开始分片上传，有两个参数，第一个是文件，第二个是从第几片开始上传，当然是第一片下面是PostFile的JS部分啦：可以看出，其实就是普通的文件上传，只是获取...
2019-01-18 19:51:00
1923
8
原创 vue中router-link传参（商品从列表页到具体详情页跳转）
今天用vue做商品详情页的时候遇到一个问题：在主页有商品列表，点击某一个列表跳转到相应商品的详情页中去，使用router-link链接，代码如下< div v-for=“item in goods”>< router-link :to="{name: ‘Details’, params: {goodId: item.goodId}}">< /div&am
2019-01-18 19:17:34
5961
原创 vue中页面跳转控制（登录控制meta）
用vue做商城，需要做登录控制，只需在全局配置即可1.在路由中，在需要做登录控制的路由中添加代码：meta: {isLogin: true}meta中添加一个isLogin标志，它的检验标志为需要检验，2.在全局（main.js）中配置：router.beforeEach((to, from , next) => {if (to.path === “/login”) {nex...
2019-01-18 19:17:26
2523
2
原创 vue配置全局访问路径头(axios)
在vue中用axios发送请求的时候总是：axios.get(“http://localhost:3000/xxx/xxx”,{params:{xx:xxx}}).then(res=>{}).catch(error=>{})配置全局的url:1.安装axios:npm install axios --save-dev2.main.js:import axios from “a...
2019-01-18 19:17:17
7990
原创 nodeJs（express）文件上传配置
用node作为服务器端，在需要上传文件到后台时，后台需要相应配置简单配置如下：1、安装multer依赖：npm install multer --save渣渣前台的渣渣后台技术有限，不是自己配置的node服务器，使用的是webstorm自带的创建express项目，普通配置都齐全了，只需要新增2、配置：app.js:引入multervar multer = require(“mul...
2019-01-18 19:16:41
3000
原创 html5-FileReader实现上传图片实时预览
普通的文件上传只能看到它的文件名，而如果要实现选择某一张图片则可以利用html5的FileReader完成下面是实现步骤：html:这里是上传图片的内容，onchange="getFile()"为选择文件后的转换函数，后面会提及上传图片的按钮我这里是自定义的，做法在另一篇博客里css:预览框我暂定为100x100的正方形框，出来后图片可能会有变形之类的，可以自定义接下来是主要的J...
2019-01-07 12:32:01
399
原创 html+css实现自定义图片上传按钮
普通的input[type=‘file’]的效果很朴素可以自定义一个file选择文件的按钮：思路为：用定位将自定义的按钮遮住原来的选择文件按钮，再让点击自定义按钮时触发原来的选择文件按钮的事件即可（对此，label可实现）eg:html:css样式：结果图：点击“选择图片”按钮，则会触发选择图片的事件，你就可以选择图片啦！...
2019-01-07 10:49:35
22946
52
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人