- 博客(23)
- 收藏
- 关注
RSS订阅
原创 vscode摸鱼插件开发
不知道大家在写代码的时候，摸不摸鱼，是不是时不时得打开一下微博，看看今天发生了什么大事，又有谁塌房，而你没有及时赶上。为此，我决定开发一个vscode插件，来查看微博热搜插件名称：Fish Tools
2023-10-20 15:16:01
1118
原创 高德地图api获取当前地理位置
引入 <script language="javascript" src="https://webapi.amap.com/maps?v=1.3&key=你的key"></script>高德地图开发平台可以注册账号，创建应用获取key值，注意的是chrome浏览器不支持h5的api Geolocation mapObj = new AMap.Map('i...
2019-09-23 15:00:34
8022
2
原创 ssh key 公钥配置Permission denied问题记录
然而在配置好 ssh key 公钥之后，发现，怎么拉取代码，都是Permission denied，在重新设置n次之后，还是提示Permission denied。最后发现，在Document/workspace 这个文件夹内就会提示Permission denied，其他文件夹都不会提示。mac 解决配置完 ssh key 公钥 拉取代码Permission denied。新电脑正常情况下，邮箱没问题，生成的key配置完，就能通过ssh拉取代码。
2024-06-12 17:00:19
185
原创 TCP 三次握手协议能否变成二次握手
1、第一次握手：建立连接时，客户端发送syn包（syn=j）到服务器，并进入SYN_SENT状态，等待服务器确认；3、第三次握手：客户端收到服务器的SYN+ACK包，向服务器发送确认包ACK(ack=k+1），此包发送完毕，客户端和服务器进入ESTABLISHED（TCP连接成功）状态，完成三次握手。2、第二次握手：服务器收到syn包并确认客户的SYN（ack = j+1)，同时也发送一个自己的SYN包（syn=k），即SYN+ACK包，此时服务器进入SYN_RECV状态；
2024-05-20 22:26:23
406
原创 阿里云服务器安装mongodb
1、进入/usr/local/ wget http://downloads.mongodb.org/linux/mongodb-linux-x86_64-3.2.9.tgz2、解压 tar -xvf mongodb-linux-x86_64-3.2.9.tgz 并修改名字mv mongodb-linux-x86_64-3.2.9.tgz mongoDB3、注意不要急着创建目录、配置文件！进入mongoDB/bin目录执行./mongod，执行此操作会出现类似于以下几个问题段错误（核心已存储）NETW
2021-11-18 18:41:03
1510
原创 ios输入框单击无光标问题，光标太大问题
react项目苹果手机微信内置浏览器双击输入框才有光标，且光标太大光标的大小主要是由于line-height属性导致，将line-height设置小就可以了，注意的是placeholder属性不单独设置line-height,placeholder字体也会偏上输入框点击不聚焦的问题，在我的项目主要由于fastclick的问题,通过百度，了解到在入口文件引入fastclick，修改方法可以解决问题import Fastclick from 'fastclick'if ('addEventListe
2020-08-11 16:31:58
696
原创 ios无法转化时间戳bug
在做倒计时功能时，发现安卓，pc定时器都可以通过new Date('2020-07-20 14:30:43').getTime()转化为时间戳1595226643000ios无法转化 ，打印结果为NaN可以通过const iosTime= time.replace(/-/g,'/')，转化为2020/07/20的形式，才能转化为时间戳new Date('2020/07/20 14:30:43').getTime()且当时间'2020-07-20 14:30:43.0'存在点0，.
2020-07-02 14:53:00
444
原创 简述vue 路由传参 params 与 query区别
query传参通过path或name,url会显示参数以及值类似于http://localhost:8080/#/A?id=124&age=1params传参必须通过name，如果路由不配置，url不显示参数，但是刷新会消失，{Apath:'/A/:id/:age',name:'A',component:W}配置后url显示http://localhost:8080/#/A/124/1刷新不会消失...
2020-05-12 10:15:50
146
原创 vue或者react中使用echarts图表
在vue中使用echarts，首先npm 下载echarts 包npm install echarts --save在main.js中引入import echarts from "echarts";Vue.prototype.$echarts = echarts然后根据需要，
2020-04-02 14:57:16
304
原创 仿boss直聘，输入手机号发送验证码
获取手机短信验证码，需要购买相关的服务，腾讯，百度，阿里都有相关的服务，首次可以免费试用100条的，这里用的是腾讯的短信服务，通过创建短信模板等操作完成后，在官网可以看到相关的文档。首先npm相关的包npm install qcloudsms_js --save创建config.json文件{ "appid":"******", "appkey":"***********...
2020-04-02 14:13:16
1078
原创 仿boss直聘聊天功能
最近仿boss直聘，开发了一个app，主要是为了做实时聊天的功能，实时聊天肯定需要至少两个用户登录app，所以在登录后就需要记住当前用户的唯一id，数据库用的是mongodb，创建用户后，会自动生成唯一的id这里用的是vue-scoket.io ，首先npm安装相应的包npm install vue-socket.io --save以及npm install socket.io-clie...
2020-04-02 13:44:18
2156
原创 vue仿美团饿了么，搜索框模糊查询，并显示
首先需要一个容器ul来放模糊查询出来的数据定义一个空数组，判断输入的内容长度是否大于0，用过滤器filter，过滤shops（所有的数据），如果要搜索框中的内容与每一个businessName有相同的地方，具体可以看search方法使用，就把当前内容放在定义好的空数组中。searchKeyup(shops){ this.ulList = []; if(this.inputText....
2019-07-17 13:55:58
2327
原创 vue仿美团饿了么，数据添加删除，页面自动刷新显示最新数据
当点击去支付时产生新的订单，并跳转到订单页面，且页面的数据更新。需要用到provide inject。这种方法主要是将router-view隐藏然后再显示时，刷新页面数据在app.vue中写入以下代码。provide(){ return { reload:this.reload } },在methods中定义此方法，isRouterAlive 在data中声明meth...
2019-07-17 13:28:38
720
原创 vue仿饿了么美团，购物车页面前进刷新，返回数据不变
前进刷新，返回缓存，主要用到keep-alive。route.js配置好keepAlive{ path: '/shop/order', name: 'order', component: order, meta:{ type:'login', keepAlive:true, showFooter:false ...
2019-07-17 13:16:08
829
原创 vue仿美团饿了么，实现购物车功能
未点击前，结算按钮未灰色，不能点击状态，点击加号后，实现购物车图表高亮，结算按钮高亮，价格计算，弹出减号按钮。先说点击的功能，点击加号加1，data中定义变量tot。给按钮绑定事件addShop事件@click="addShop(key)"这里传入参数key，是因为如果不判断当前点击的对象，会导致所有的类别都会加1，所以要传入参数，当然数据是需要获取，v-for渲染的，（写死的div就不...
2019-07-17 12:01:56
2042
1
原创 vue仿美团饿了么，弹窗提示登录
vue实现点击商店购物，没有登录时，提示登录。在router.js定义好哪些页面需要登录才能进行{ path: '/shop/order', name: 'order', component: order, meta:{ type:'login', keepAlive:true, showFooter:false ...
2019-07-17 11:40:19
660
原创 vue仿饿了么美团，引入mui，解决mui无效问题，实现首页轮播
首先上一张引用成功后的图片在引入mui的过程中，真的出现了不少的问题引入成功，不报错，滑动仍然无效？引入不成功？报错？Uncaught TypeError: ‘caller’, ‘callee’, and ‘arguments’ properties may not be accessed on strict mode functions or the arguments objects...
2019-07-17 11:23:23
543
原创 vue仿美团饿了么--底部导航公共组件
底部导航栏，是每一个页面都需要用的，所以用的公共组件，在app.vue中引入import common from "./components/footer/common.vue"components:{ common},放在app.vue中的id为app的div下<common></common>点击变色不同tabbar按钮，可以切换页面并且高亮显示，有很...
2019-07-17 10:42:51
853
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人