- 博客(13)
- 收藏
- 关注
RSS订阅原创 闲聊(2021总结)
总结第一次开始尝试年度总结，也是看了一些大佬的年度总结文章，突然心血来潮。但是回首2021，自己学到的东西貌似没有多少，大部分时间都花在如何提高自己的代码质量以及公司的项目上面，自己参与的项目好像也就管理后台，小程序和h5上面。也尝试过让自己的技能树长得更大，但却是树枝长出来了，叶子没见多少。过往技术栈: 比较熟练（vue, 小程序），不熟练(react，node)看过但还没看完的书：《javaScript设计模式》《node.js高级编程》《编写可维护的javaScript》项目：比
2022-02-10 12:00:14
266
原创 小程序仿instagram交互（附带长列表性能优化处理）
需求最近几天在忙着搞公司项目的一个新的需求，原因是这样的：公司准备开发一个偏向于社交娱乐项的小程序，其中首页是可以看到用户发的话题帖子之类的，每个帖子都至少包含一张图片或者一个视频，然后产品那边希望首页可以实现instagram的交互效果，效果图如下：嗯，大致上这个就是需求的背景，然后就是每个帖子的高度是不确定的，高度大概在500~600px之间。实现思路一开始接到这个需求，其实我心里还是有点慌的，毕竟有一段时间不怎么接触小程序，也不知道小程序更新到什么程度，文档更新到什么程度。仔
2021-11-07 17:17:28
2119
原创 vue-echarts的初次使用
前言最近公司项目的图表组件换成Vue-Echarts。嗯，该怎么说呢？震惊之后，该改的代码还是要改，我负责的内容部分涉及到图表的使用，因为这文章，它不就来了嘛！使用1. 安装安装这一块没什么好说的，作者已经写明白了怎么安装引用，部分引用之类的，甚至还把代码发了出来。要是不喜欢看英文文档的话，里面也有中文版的链接，我这里就直接放出来(传送门)2. 使用图标组件这里我直接摘抄作者的例子<template> <v-chart class=
2021-10-13 13:11:32
624
原创 怀念童年，推箱子小游戏（vue版本）
前言最近都没有怎么写过文章，都断更很久了吧。学习前端一年多，快两年了，学习的热情相比一开始，自我感觉没有变化多少，但是学习的动力却好像时有时无。就好像是没了目标一样，不知道自己现在应该学些什么，从哪里提升自己，是为了工作，还是为了程序员这个职业。自己沉迷一段时间，真的出现一种躺平的状态。今天不知道怎么了，突然想起自己好久没有写过博客了，一边想着想写什么，一边找着以前自己的github项目，偶然间看见自己以前给别人写的一个推箱子小游戏，就写下了这篇文章。思路在我们平时玩的推箱子游戏
2021-10-10 13:39:43
2585
2
原创 vuepress-theme-reco自动生成侧边栏
## 前言因为当前的博客框架并没有提供相关的自动生成侧边栏插件，也没有相应的配置。这样子就会导致我每次写完文章之后都要去配置对应的侧边栏结构。可能有人觉得没什么，配置也就是几行，又或是一行代码的事。但是我经常性的忘记写配置，而且每次写完都要回到config.js文件中写配置，与我而言，这是一件麻烦事，自己便动手简单写了一个自动生成侧边栏的代码，这里记录一下。## 解决思路上图就是我的博客文件目录结构，当前我的博客文章分为技术和生活两个版块，但是目前的文章基本上全是技术版块的文.
2021-06-29 20:21:32
1513
1
原创 解决vuepress-theme-reco中文标签跳转返回404问题
问题最近在使用vuepress-theme-reco构建属于自己的博客，感兴趣的同学可以自己去官网上构建自己的博客。在使用这个框架构建博客的时候，发现了一个及其令人头疼的问题——中文标签返回404，具体的表现形式:解决办法很快的啊，我找到了issue，里面的大佬已经给了对应的解释和解决办法。问题原因：浏览器对直接输入的中文url做了一次encode导致 匹配不到对应的path，然后就打到了404的路由大佬给了两条解决办法：直接修改node_modules/vue-router/dis
2021-06-19 16:04:58
1537
5
原创 js实现点击按钮触发DIV滚动框上滚或下滚
比较简单，直接上代码：上滚document.getElementById('id').scrollTop -= 50下滚document.getElementById('id').scrollTop += 50
2020-12-03 20:11:03
1912
原创 关于微信小程序复制到剪贴板显示默认提示词的问题
早上一上班，看到一个需求，小程序实现点击复制到剪贴板。在开发文档找了“剪贴板”关键词，就直接找到了相关的接口，如图：心里很是欣慰，结果如下:提示词显示固定，不能修改任何东西，在社区里找了一下，得到的结果：暂未解决针对这一问题，网上解决办法有很多：copyToClipboard() { wx.setClipboardData({ data: this.properties.info.id, success(res) { wx.showToast({ titl
2020-10-26 12:16:43
1249
1
原创 左右滑动日历（微信小程序）
最近因为某些原因，又在自己的小程序业务组件项目中添加了可左右滑动的日历。实现思路获取每月的总天数，使用getDate() getTotalDays(date) { let value = new Date(date.year, date.month, 0).getDate() return value }每月1号是周几，使用getDay() getFirstDayWeek(date) { return new Date(date.year, date.month - 1, 1).g
2020-10-13 15:13:12
1013
1
原创 微信小程序实现透明渐变导航栏
最近在微信小程序实现透明渐变的导航栏，刚好有接触wxs，所以尝试着用wxs实现。核心代码：var pageScroll = function (e, ins) { // 传值，图片高度 var data = { imageHeight: e.target.dataset.value } var scrollTop = e.detail.scrollTop // console.log('输出高度', scrollTop) if (scrollTop >= da
2020-09-30 12:45:15
1452
原创 微信小程序实现飞入购物车动画
最近在弄的一个小程序项目中有一个飞入购物车的动画需求，这种动画效果类似于美团的加入购物车的效果，对于我这种前端菜鸡来说简直就是脑阔疼。浏览了一些网上几篇类似的文章，发现原理基本一致，都是使用三次贝塞尔曲线实现。代码实现这一块我参考了这位大佬的文章。但是大佬的效果还是满足不了我的需求，所以自己有手动改了一下大佬的代码，主要是将动画实现那一块用微信小程序提供的animate实现。自己感觉效果不错，而且用了比较笨的办法实现了简单的多个小球飞入，详细可以看我的github。里面的代码基本上大佬的代码，本人懒加
2020-08-28 23:33:34
2514
2
原创 关于微信小程序地理位置授权弹框只能出现一次的解决方法
最近在弄一个小程序项目，处理用户授权地理位置信息的时候，发现用户在拒绝一次授权弹框之后，每次获取地理位置信息都是直接进入fail回调，并没有出现第二次弹框。网上百度了一会，大致上解决办法是引导用户前往权限设置页面。基于这种办法，我将代码逻辑进行封装，具体如下：判断用户是否已经授权hasLocation: function () { //第一次小程序会弹出一个授权框，拒绝之后不会再次弹出，直接进入fail回调，需引导用户进入设置页面打开授权 // 利用promise
2020-06-03 15:59:53
3472
原创 UNIAPP NVUE下两个text标签混排在一行
最近在弄一个uniapp项目，页面用nvue实现，出现了下面这种需求刚使用nvue没多久，对nvue也不是很熟，很快问题就来了：本来实现这种效果只需要几个text就可以解决了，但是在实现过程中发现nvue下的text是一个块级元素！无论我怎么布局，它都实现不了混排在一行。前端小白，做什么都难，思来想去，我最终选择一种比较笨的方法：将整段话用一个text标签实现出来，将前面的不同的样式，掺杂在一起的文本用几个text标签实现，然后用一个框包裹起来，最后将这个框绝对定位，覆盖到第一个text标签的前面上去。
2020-05-25 19:26:25
7035
7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人