- 博客(11)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 Nuxt框架下引入Swiper完成带缩略图照片轮播的黑科技
笔者的吐槽（可以略过_(:з」∠)_）：最近有个项目是基于Nuxt框架，新需求需要新增加一块照片轮播的功能，笔者小白之前用过Swiper插件，感觉还比较好用，一般简单的效果都能实现，于是，按某站点的攻略，开始安装Swiper（npm install swiper)，然后按照文章里基于vue的开发，笔者开始照猫画鼠的try try try之路（用swiper6-发现6只能在vue3以上使用，而nuxt中包含的vue版本是2.x；用...
2021-07-04 00:17:23
1453
1
原创 移动端浏览器下载app适配方案
背景：本文内容为在移动端推送的下载按钮被点击时，针对不同手机款型推送合适的链接地址。方案如下：1、UI代码：<div class="button" onclick="downloadApp()"></div>2、JS代码： function downloadApp() { // 获取浏览器用户代理信息，用于判断浏览器内核、手机系统等 var userAgent = navigator.userAgent;
2021-06-28 14:32:39
549
原创 Jquery实现数字自动增长动画
通过Jquery，实现数学从0到某固定数字的快速过渡效果，直接上代码段了，有需要的朋友自助取餐即可。1、页面中引入Jquery库<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>2、UI代码 <div class="banner_bot"> <ul class="bot_content"> <li>
2021-05-26 20:02:48
1182
1
原创 Compositon API 开发之初体验 — TODO DEMO
概要：VUE2+Compositon API，完成todo list的DEMO。背景：笔者在工作中在大佬的带动下在VUE2的项目中使用Compositon API进行开发非常简易的待办清单，还没有用过Compositon API 的小伙伴们，请跟我一起一步步地揭开它神秘的面纱；1、使用 vue-cli 创建项目（过程略）。2、安装Compositon API：npm install @vue/composition-api --save// 或yarn install @vue/c..
2021-04-03 01:24:01
217
原创 vue + antd项目中关于Table的那些事儿之合并单元格
引言：笔者为前端小白，本文章是笔者项目中代码分享，仅供初学者参考。概要：利用antd组件库的table组件根据添加的数据，自动合并单元格；
2021-04-02 21:11:48
958
原创 vue+antd复选框（checkbox）实现全选与部分选择
概要：使用antd的复选框组件完成全选和部分选择的功能，包含选项生成、部分选项不可用等状态；背景：项目使用vue+vue cli+antd+ts，完成的需求是对学生进行选择，已经选择过的学生会进入已选学生列表，将已选学生列表和全员学生列表进行对比，当已选学生列表不为空时，全员学生列表展示时对应的学生名称不能再次选择，除此之外，可以对全员学生列表进行部分选择、全选以及反选的操作，并且会显示已选数量和可选数量，全选的checkbox状态，会有未选/全选/部分选/不可选四种状态，页面效果可见文章最下方；正
2020-08-27 15:18:27
11571
2
原创 vue + antd项目中关于Table的那些事儿之排序筛查
需求：利用antd组件库的table组件完成数据按格式渲染，分页/翻页，排序，查询，筛选功能；注意：本demo前端分页；步入正题：1、引入antd组件库$ npm i --save ant-design-vue2、按需引入table组件import Vue from 'vue';import { Table } from 'ant-design-vue';Vue....
2020-06-23 10:46:43
5126
原创 前端小白配置mac下node+vue开发环境的各种姿势
背景：笔者（前端小白）之前mac环境下用的node 9.8.x版本，npm 6.13.4版本，昨天尝试ts，用vue-cli构建项目对时候，vscode给提示说node版本太低了，好，笔者听从前辈经验，打算安装一个nvm，再升级node，结果nvm硬是安装失败，后来按照网上资料，用n安装了node10.19的最新版（因为有人说12会有不兼容的问题），升级了node之后，用vue create构建项...
2020-04-09 16:23:55
673
原创 vue-echart柱状图 案例代码分享
引言：因笔者在项目中只用到了柱状图，此处仅分享柱状图的案例代码，使用的是vue-echarts，涉及到数据请求，柱状图渲染，简化的鼠标经过显示数据内容，以及鼠标点击柱形图某个柱子的事件代码。正文：1、安装vue-echarts：npm install echarts vue-echarts；2、使用方法（笔者用在src/views/chart.vue文件中）：1）按需引入vue-e...
2020-02-19 00:19:42
1145
原创 vue-cli 4+axios+代理+封装 案例代码分享
引言：笔者为前端小白，本文乃笔者初学axios，参考无数资料写下Demo的代码分享，介于网上资料虽然多但是大多需要不断尝试才能验证真伪，本文代码皆是笔者验证可行的代码，希望能给同是小白的小伙伴带来一点便利（拿去拿去，不用客气～ ^!^）项目背景：前端框架是Vue-cli4.0，http请求处理使用axios，后端java/数据库Mysql（小伙伴友情协助，此处点36个赞！）方案一：axio...
2020-02-18 22:39:17
4603
5
swiper-5.2.0.zip
2019-11-23
FontCreator 7.5汉化注册版
2016-01-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人