![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发
发奋图强_lee
这个作者很懒,什么都没留下…
展开
-
vue3+elementUI封装一个下拉多选并可以全选的功能
要完成的功能如图:htmljscss使用付费解决前端问题:原创 2022-05-22 10:26:55 · 566 阅读 · 0 评论 -
vue3.0组件监听异步数据,watch与reactive 的应用, watch与computed, 还有ref的使用
vue3.0子组件监听父组件传过来的异步数据,watch与reactive 的应用, watch与computed, 还有ref与wactch的使用原创 2022-01-07 10:31:38 · 5113 阅读 · 0 评论 -
vue 动态修改h5页面title标签
安装vue-wechat-titlenpm i vue-wechat-title --save引入:Vue.use(require('vue-wechat-title')) //标题切换使用路由里加入:原创 2021-12-20 10:51:07 · 714 阅读 · 0 评论 -
vue,vue3仿app输入手机验证码功能
vue3 仿app验证码输入功能:1,每一个输入框只能输入一个数字,也只能输入数字。2,输入了一个数字之后,自动跳到下一个输入框,当最后那个输入框输入时开始调用接口(或调用某一函数)3,光标在的当前输入框可以输入外,其它的输入框都是不能输入的。4,当按删除键时,光标会自动退回前一个输入框,并把数字删掉(看动态gif图)5,当用户复制验证码在第一个输入框的时候,会自动分配到六个输入框,并开始调用接口(或调用某一函数)6,当用户刚进入这个页面时,第一个输入框自动获取光标焦点看gif图.原创 2021-12-12 01:08:21 · 2377 阅读 · 3 评论 -
node.js 的WebSocket 在express的用法 socket.io插件
node.js 的WebSocket 在express的用法 socket.io插件原创 2021-11-29 17:10:52 · 286 阅读 · 0 评论 -
vue+elementUi结合vue-cropper插件,开发一个能裁剪图片功能组件
vue与vue-cropper 封装的一个裁剪插件原创 2021-11-20 20:45:45 · 879 阅读 · 0 评论 -
vue3+typescript+vantUi 实现一个带有搜索功能的 picker选择器
先看一下效果图:html代码 :js代码一js代码二传过来的数据结构大概就是这样vue封装带picker的搜索功能比起react简单得多,比小程序也简单=====================================================如果你是新手想学前端可以加我;如果你是一个有基础,但学习前端没有明确的方向,可以加我;如果你刚毕业找到前端的工作,但工作上遇到问题或怕遇到问题解决不了的可以加我;...原创 2021-11-16 17:32:08 · 2087 阅读 · 1 评论 -
vue 二级导航重定向,二级导航默认选中某一项的问题
很多初学者,往往让二级导航重定向的问题烦着,特别是想用router-link-active来处理,其实用路由提供的router-link-active是做不到多级路由默认样式的,所以我用的是动跳转this.$router.push方法,当然如果您有更好的方法,可以在评论区里留言一下。这个是仿酷我音乐pc官网一级路由:图一图二:图三:二级路由:图四:图五:下面就是重点了图六:当我点击“排行榜”,之后复制url再在另一个...原创 2021-10-30 11:15:42 · 647 阅读 · 0 评论 -
React+hooks+antui封装一个带搜索功能的picker
先看一个效果图:功能主要有:1,点击tab,强出picker组件出来2,搜索功能3,点击某一项,把数据塞回tab4,点击遮罩关闭,5,打开已选择项,定位回到被选中的item看代码注释不用法如果你是新手想学前端可以加我(标明是前端),如果你是一个有基础,但学习前端没有明确的方向,可以加我如果你刚毕业找到前端的工作,但工作上遇到问题或怕遇到问题解决不了的可以加我一对一私人指导/教学(费用很便且):微信:...原创 2021-10-29 10:07:58 · 413 阅读 · 0 评论 -
vue-cli3+webpack 运行报错 core-js/modules/es.array.concat.js in ./node_modules/cache-loader/dist/cjs.js?
报报名在打包的时候没问题,但是在运行的时候,报了一堆这样的错误东西,一开始以为是会js-core版本过期什么的(因为很两个月没运行了),之后又单独安装了js-core 版本2和版本3,一鬼样没效果,后来是发现package.json这里多一个空格...原创 2021-10-22 11:10:58 · 4239 阅读 · 0 评论 -
mongodb设置权限管理后重启数据服务报错,错误:1053:服务没有及时响应启动或控制请求
因为平时我们去到某一间公司做开发的时候一般都不是从零开始的,所以很少为公司做这些操作,太多数都是前辈已经搭建好的了。今天为一个mongodb设置一个用户管理,复制以下代码到mongod.cfg文件,就重启mongo服务,一直报这个错网上也找了很多资料,很多说什么要处理data,db这些文件夹。后来才发现原来那一行代码少了一个空格,应该是这样的恶心死了,又浪费了一个多小时...原创 2021-08-01 11:08:46 · 528 阅读 · 0 评论 -
前端开发工具vscode如何快速生成代码片段
下面以设置React代码片段为例:1, 打开vscode工具 : 文件->首选项->用户片段2,搜索 javascript.jon3,点击打开,如图:4,复制一段react的代码(你喜欢的模板) 我以下面这模板为例子import React, { Component } from 'react';import ReactDOM from 'react-dom';class App extends React.Component { .原创 2021-06-26 16:31:43 · 7982 阅读 · 6 评论 -
node.js做一个简单的爬虫,专爬网站接口
因为很多vue的初学者,自己想练习项目,但苦于不会后端,所以要把一些数据放在自定义的数组里面来模拟接口返回,这个当然可以,不过对于一个前端工发人员,必须要懂得调用接口和处理异步的问题,所以我...原创 2021-06-18 20:11:44 · 2370 阅读 · 1 评论 -
vue.js 中的mixins 的用法
不用mixins的代码父组件home.vue 代码如下组件componentA.vue 代码如下:组件componentB.vue 代码如下:页面展示使用mixins,把两上子组件的公用部份抽出来建一个counter.js,把公共部份的代码抽出来,代码如下:之后把组件A和组件B的公用代码删掉,引入mixins,如下:这样就可以在mixins里counter.js 维护两个组件的公共函数mixins 里的counter.js还可以建cre..原创 2021-06-18 19:14:06 · 433 阅读 · 0 评论 -
隐藏微信小程序左上角的返回或home按钮 wx.hideHomeButton
隐藏微信小程序左上角的返回或home按钮 用的是 wx.hideHomeButton方法,但是这个方法是有限制的,管网说得又不清不楚,在百度也找不到相关的问题在用这个方法的时候遇到过很多问题和官方不一至“当用户打开的小程序最底层页面是非首页时” 并不是这样,也不一定在onshow调用,首先,如果想要隐藏图标,在上一个页面跳到要隐藏图标的页面时,在跳转要用到wx.reLaunch,其它跳转方法都没效果,其次,wx.hideHomeButton不一定要在onS...原创 2021-05-12 11:20:26 · 15491 阅读 · 2 评论 -
Vue3 如何挂载全局方法 和用getCurrentInstance代替this
平时我们在开发vue项目的时候,要把一些函数、方法、组件或插件挂在全局上方便项目上每一个页面或模块调用,在vue2.x的时候,在main.js只要用Vue.prototype就能完成,之后在页面上用this来调用,如:main.js:调用在vue3.0的时候挂在全局方法就不一样,通过 app.config.globalProperties来挂载,如挂载axios:方法一:但是切记挂载任何东西之前不能createApp(App)后面不能连缀us...原创 2021-05-11 17:15:56 · 22944 阅读 · 9 评论 -
vue3.0 setup 模块化 使用例子
一、模块化开发因为vue3.0 添加了一个组合api setup,这个方法对我来说最大的用处就是一个vue的页面可以通过import导入的方式来模块化开发,在vue2.0的时候一个vue页面有几个tab页,每个页面下面又有子tab页,如:这样下来就把所有的代都往一个页面来塞,开发下来几千行甚至一万多行代码,维护起来不但不方便,和同事合作开发更加麻烦,每次提交代码的时候都要用compare来合并。但是现在可以用,组合api setup来处理这个问题:把每一个tab页的代码分开放在对应的js文件原创 2021-05-11 14:51:12 · 1543 阅读 · 0 评论 -
ajax与axios请求头Content-Type的问题
我在开发中遇到一个问题,我用vue+wepack+axios来开发一个项目,但是后端用的是很久很旧的技术,在调试接口的时候后台要求我传的请求头是Content-Type="application/x-www-form-urlencoded;charset=UTF-8"的格式,但是参数是对象格式传过去,如果用ajax设置这个头部是没问题的,但是用axios请求头是Content-Type="application/x-www-form-urlencoded;charset=UTF-8"的时候请求的参数变成了字原创 2020-06-15 15:31:15 · 560 阅读 · 1 评论 -
uni-app如何设置华为荣耀手机真机调试
手机和手机连接之后,还是不能真机调试,如下图第一步:电脑与手机用数据线连接起来,会弹出如下图,点击“传输文件”第二步:去手机设置->"系统"->"关于手机"点击版本号7次,之后返回“系统”,就会出现“开发人员选项”如下图第三步:进入“开发人员选项”之后再去uin-app开发软件查看,就可以真机调试了点击之后,首次会安装,...原创 2019-12-25 15:17:57 · 3578 阅读 · 2 评论 -
前端开发-微信小程序开发遇到的一些问题
1,如何改变微信小程序的button禁用时的样式? 在样式后面加 !import 如图:html:css:2,如何改变 多选框checkbox的大小 ?html:css:3,有时候我们用webview 标签跳到h5页面的时候,即使url什么都对了,但是还是跳不过去. 原因1:url没有在微信后台配白名单 原因2:...原创 2019-12-17 14:43:11 · 834 阅读 · 0 评论