- 博客(148)
- 资源 (12)
- 收藏
- 关注
RSS订阅
原创 Vue实现audio播放音频【切换播放/拖动进度条播放】
//如图所示？功能//1--上一首下一首切换播放音乐//2--点击进度条播放音乐//3--拖动进度条播放音乐//4--模拟预加载进度条//5--播放倒计时<template> <!-- --> <div> <div id="page-body"> <!-- banner图文 --> ...
2019-08-21 13:04:29
20190
8
原创 小程序中子组件父/组件互相传值以及互相接收
//show_none 组件遮罩属性[true-false] //compontpass子组件传值父组件接收 //modal-d 父组件传值子组件接收//pract_moules_id 父组件页面中点击按钮传值给子组件//modal-msg内容//组件//A页面引入组件 A.WXML<pract modal-hidden="{{show_none}}" bind:co...
2018-11-13 10:56:30
14986
原创 html页面点击生成图片并可以下载图片
-----最近一位朋友的项目有个需求，是用户可以在项目中点击，让html页面生成图片，并且可以导出下载。我就做了一个简单的例子，有同样需求或者感兴趣的同行可以看看 //HtML<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name=
2018-09-03 09:57:51
13387
21
原创 vue.js实现购物车加减数量，计算金额数量,选中/未选中
<!doctype html><html lang="en"> <head> <meta charset="UTF-8" /> <title>老五购物车</title> <meta name="viewport" content="w
2018-08-20 10:41:10
19886
9
原创 小程序实现完整购物车[全选/反选计算金额/加减计算数量跟金额]
代码注释很容易理解 <!-- 最外层视图pages --><view class="pages"> <view wx:if="{{hasList}}"> <!-- 编辑 --> <view class='edit'> <label class='edit_btn' bindtap...
2018-07-20 13:59:13
22197
27
原创 h5前端车辆信息三级选择首字母检索-----------------[原理其实都一样]
.city { display: block;}.city .city-wrapper { position: fixed; top: 0; bottom: 0; width: 100%;}.city .city-wrapper .cities .title { height: 28px; padding-left: 16px; ...
2018-05-25 10:15:03
2073
21
原创 了解下Object.key object.value object.entries
【代码】了解下Object.key object.value object.entries。
2023-10-06 14:46:01
101
原创 对毕业季即将踏入职场的年轻人的一点建议
目前为止我毕业已经六年了，当初学习的互联网软件编程，依稀记得当年也是在这个夏日炎炎得夏天，突然间在前几天都还陪在身边互相欢闹，互相鼓励，一起上下课，一起上食堂，睡在你上下铺，你身边的同桌，一起偷偷溜出去打电玩的人儿，可就是这一张张的毕业照中熟悉的面孔，我们终将飘向五湖四海，告别对方之后，即将迈向新起点的开始，每个人都将会根据自己的专业爱好去追寻自己未来的工作，各自祝对方前程似锦，未来可期....吃水不忘挖井人，我始终记得曾经一个坐在最后一排的其中一位，只因为老师的鼓励跟认可，我才知道我究竟想要什么,玩归玩闹
2022-06-24 14:39:50
202
1
原创 Vue拖动元素动画优化封装
<template> <div id="apps" v-cloak> <!-- 整段视频 --> <div> <!-- 收集字/用户操作反馈动作组件 --> <LTool :pbShow="pbShow" :blessingShow="blessingShow" :KShow="KShow" :YhShow="YhShow" ...
2022-04-26 11:54:05
359
原创 我的创作纪念日
创作的最初其实学习不是简单地通过视频等一些去学习，而是一边记录一边实战的敲代码去理解，遇到一些难点多记录多注释，下一次遇到很自然的就知道怎么办。 日常跟同行交流学习，很多方法以及实现一个功能点可能有更简化的办法，记录自己的点滴。 好记性不如烂笔头，多去记录也可以分享自己的解决方法，何乐而不为。。我收获到了很多目前访问量几十万，粉丝的话五百多吧，继续加油! 获得了一些线上线下的一些机构以及活动考核的认可，以及一些粉丝的鼓励！目前创作记录以及分享已经成为了我的一部分好记性不如烂笔头，记录一
2022-04-20 11:24:51
113
4
原创 前端通用问卷题型源码
<template> <view> <!-- 消息 --> <view class=""> <u-top-tips ref="uTips"></u-top-tips> </view> <!-- --> <!-- 标签列表 --> <u-gap bgColo...
2022-04-15 10:09:57
1138
原创 一个C站6年的程序猿自述
目录你来自哪里？来CSDN想收获什么？ 你的昵称/头像有什么特殊意义吗？ 你用过哪些开源项目让你忍不住推荐给朋友？ 有什么事情想做很久了？还没去做的原因是什么？ 你在技术学习中遇到的最大的问题是什么？怎么解决的？你来自哪里？来CSDN想收获什么？我来自山西，年轻的时候总是向往大城市，想要去闯荡男儿志在四方。来到CSDN是2016年的时候，那时候是刚刚进修互联网专业来到北京，最早的时候是为了在这个平台学习一些接触一些自己不懂得东西，因为最初的社交平台C站是比较有影响力的...
2022-04-07 13:57:53
4146
2
原创 VSCODE中使用VUE插件生成快捷模板
VUE插件生成模板1>VSCODE安装VUE2 Snippets2>ctrl+shift+p 输入snippets选中首选项3>默认模板{ "Print to console": { "prefix": "lw", "body": [ "<template>", " <div></div>", "</template>", "", .
2022-04-07 13:04:50
3046
1
原创 Excel表格数据转为json格式数据
/****有时候因为部分业务需求，需要前端或者其他岗位同事来把Excel数据转换为json数据格式插入表或者转为静态json数据，网络上很多案例都是层次不齐，要吗就是转换乱码，要吗就是缺结尾符号啥的还得各种改，近期整理了一个demo，大家可以看看效果，有其他好的方式也可以一起分享一下*/vue项目中安装插件Excel转json插件#安装转化json文件插件npm install vue-xlsx-table --save# main.js 文件引入/注入插件import v.
2022-04-02 11:41:03
8059
原创 Table延伸多选关联关系状态
<template> <div class="app-container"> <el-form border :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="demo-ruleForm" > <el-form-item label="项目类型">...
2022-02-17 13:32:48
408
翻译 分享一个仿切西瓜的DEMO吧
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- <meta http-equiv="X-UA-Compatible" content="ie=edge"> --> <...
2021-12-31 15:47:16
178
原创 前端VUE图片预加载
前景：先来说一下图片预加载跟图片懒加载有什么区别：1.图片懒加载：相对于项目中的图片因为网络原因加载太慢，那么用户第一眼看到呢可能就是页面图片空白然后图片从上到下慢慢悠悠的加载出来，这个时候自定义化包括图片组件化会在加载的过程中先给出一个默认图进行显示，当我们项目中要显示的图片加载完成之后在替换掉默认显示的懒加载图片，这是一种情况，第二种情况呢就是图片加载异常显示一个默认图，处理逻辑一样，区分一下图片加载中还是图片加载完成异常的情况插入默认图就好了。2.图片预加载：相对于这种情况呢，就...
2021-09-10 14:29:01
4428
14
原创 第六章-二次封装ElementUI-Table组件
首先先说一下为甚me要二次封装，通常我们表格的话每个页面都会写很多el-table,统一集成封装成自定义组件之后，每一个需要table的页面只需要引入一小段组件标签代码就够了，然后通过传参以及事件去执行自己对应的需求业务，较少代码冗余便于维护，代码简洁干净首先封装统一的LTable组件<template> <div> <el-table :data="tableData" style="width: 100%" ref="multipleTab..
2021-09-03 16:36:18
305
原创 第五章-封装PC端官网卡片组件
<template> <div> <!-- 列表 --> <div class="lw-card-box"> <div class="lw-card-view"> <el-row :gutter="20"> <!-- 注意这里的if判断是指限制显示几个 --> <el-col :span="6" ...
2021-08-09 15:50:52
175
原创 第四章-封装PC端ElementUI-Form表单全局校验插件组件
闲来无事二次封装ElementUI-Form表单校验插件优点：减少冗余代码/提高开发效率/便于维护跟使用 缺点: 自己开发的没有缺点哈哈哈哈，各位同行使用过程中觉得哪里体验不好私信我 插件地址:https://www.npmjs.com/package/lform组件源代码、安装方式: npm i lform<template> <div style="min-width: 300px"> <!-- 编辑提示 --> &..
2021-07-01 14:59:44
309
原创 第三章-生成自定义海报组件
第一种方式：使用通用的html2canvas来实现安装插件 npminstallhtml2canvas-d canvas自定义插件 <template> <div> <div class="ejDocter" :style="{'opacity':show?'0':'0'}"> <div> <div id="posterHtml"> <div clas...
2021-06-23 17:43:14
221
原创 第二章-Tabar顶部切换自定义组件
1.封装Tabar顶部切换组件 <template lang=""> <div> <div class="tabview"> <div class="tab-lab" v-for="(item, index) in tabList" :key="index" @click="tabSwiper(item, index)" :...
2021-05-27 14:32:01
115
原创 第一章-上滑加载更多自定义组件
封装VUE上滑加载更多分页组件文章目录 一、loadmore上滑加载更多自定义组件 <template><!-- @Author 赵瑞峰 @DataTime 2021/5/21 @Desc 分页加载更多组件 --> <div class="loadmore-box" @touchstart="touchStart($event)" @touchend="touchEnd($event)"> <d.
2021-05-27 14:05:41
145
原创 微信小程序自定义card图文组件
//组件wxml<view class="home-party" style="padding-top:10px;"><view> <view class="home-party-title">{{name}}</view> <view class="home-party-subtitle">{{title}}</view> <span class="iconfont icon- jiant...
2021-05-20 11:42:13
2065
原创 面试总结
1.vue优点？答：轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；双向数据绑定：保留了angular的特点，在数据操作方面更为简单；组件化：保留了react的优点，实现了html的封装和重用，在构建单页面应用方面有着独特的优势；视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作；虚拟DOM：dom操作是非常耗费性能的， 不再使用原生的dom操作节点，极大解放.
2021-04-20 17:40:10
154
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人