- 博客(78)
- 收藏
- 关注
原创 vue 3中使用复制功能
vue3项目中使用复制功能说明方法 1: 使用 Clipboard API 是最简单的方法,直接通过 navigator.clipboard.writeText 方法进行复制。方法 2: 使用 vue-clipboard3 使得复制操作更简单和直观,也能提供处理成功和失败的回调。选择其中一种方式根据你的需求来实现复制功能。
2024-12-01 03:03:05
1746
2
原创 使用JS 判断数组对象 里面的每一个字段,字段为空,就返回true, 所有字段不为空,返回 false
使用JS 判断数组对象 里面的每一个字段,字段为空,就返回true, 所有字段不为空,返回 false
2023-11-15 10:58:37
1739
1
原创 uni-app开发壁纸图像小程序 瀑布流、懒加载展示
为了提高用户体验,我们可以使用uni-app框架来开发这样的小程序,并实现瀑布流和懒加载展示功能。本文将介绍如何使用uni-app框架来开发壁纸图像小程序,并详细讲解瀑布流和懒加载展示的实现方法。
2023-06-16 11:32:51
2574
2
原创 vue + element + select 获取下拉框的 label 和 value 值( 例如 绑定的是 id , 但后台要求即传 id ,又要传 id 对应的 name )
1、为什么要获取 Select(选择器) 选中的 label 的 id 和 name 等属性:从后台传过来的数据,想让它显示在 Select 选择器的栏中,并想动态获取所选中的 label 值的 id 与 name 等属性值,以备后用;
2022-12-14 17:26:42
4955
1
转载 CSS使用伪类控制边框长度的方法
需要实现一个边框长度比容器长度小一些的边框时,以往大多数都是使用div嵌套。现在只需要使用伪类就可以实现这个效果,并且使用起来很方便,下面通过本文给大家介绍CSS使用伪类控制边框长度的方法,感兴趣的朋友一起看看吧。我们需要实现一个边框长度比容器长度小一些的边框时,以往大多数都是使用div嵌套。现在只需要使用伪类就可以实现这个效果,并且使用起来很方便。上面都是页面的基础样式, 想要实现边框的长度控制, 就需要使用。这里使用的是微信小程序编写的, 所以标签会是。最后两句是控制边框居中的问题。
2022-10-11 17:51:20
1684
转载 git怎样恢复删除的分支 git delete branch误删除分支
git怎样恢复删除的分支 git delete branch误删除分支
2022-05-06 16:48:59
13970
1
转载 vue+elementui搭建后台管理界面(5递归生成侧栏路由) vue定义定义多级路由菜单
有一个菜单树,顶层菜单下面有多个子菜单,子菜单下还有子菜单。。。这时候就要用递归处理1 定义多级菜单修改src/router/index.js的 / 路由 { path: '/', redirect: '/dashboard', name: 'Container', component: Container, children: [ {path: 'dashboard', name: '首页', component: Dashboar..
2021-12-02 11:22:26
883
原创 1024程序员节 技术对抗赛 算法与安全答题 标准答案
请注意每次出题答案顺序都不一样,请仔细辨别快查看计算题、专业题答案:4根11,24对称加密算法426787题中选项皆有可能远程控制软件6次250025505932017年6月1日x正比于根号n增加15瓶药具体题目:关于钓鱼邮件的说法,下列错误的是:(B)A:即便邮箱有提供安全保护功能,所有送达邮箱的邮件也未必安全B:邮件中的任何网址链接可随意点击,不存在安全风险C:黑客可以将恶意程序写入附件,例如图片、excel表格、ex.
2021-10-24 15:19:55
1000
原创 1024程序员节Bilibili电脑8位密码谜底
游戏中有几个提示,解锁后可以点击屏幕输入密码参与游戏链接:1024程序员节1.计算机之父这一年诞生:公认的计算机之父是阿兰 图灵(1912.6.23—1954.6.7),因此该题答案为19122.计算所有小于等于13的非负整数中1出现的个数小于等于13非负整数中,只有1和大于等于10的数才有1,因此只有1,10,11,12,13因为11有两个1,因此此题答案为63.— * * * *该题为摩尔斯电码,通过查表可知,一长四短是指数字64.返回15!结果中尾随0的数.
2021-10-24 15:18:16
2193
原创 H5唤醒APP方法,H5唤醒不了App跳下载页
H5唤醒APP方法,H5唤醒不了App跳下载页 let ua = window.navigator.userAgent.toLowerCase(); let src = { iphone: /iphone/i.test(ua), android: /android/i.test(ua), windows: /windows/i.test(ua), weixin: /mi
2021-03-20 16:40:14
480
1
原创 Vue价格四舍五入保留两位和直接取两位
价格四舍五入保留两位filters:{ formatPrice:function(value){ let tempVal = parseFloat(value).toFixed(3) let realVal = tempVal.substring(0, tempVal.length - 1) return realVal } }直接取两位filters: { form
2020-09-16 17:51:52
1823
转载 Python pip升级及升级失败解决方案 pip 20.2.2升级20.2.3教程
Python pip升级及升级失败解决方案本教程用于Python pip升级及失败解决方案首先查看脚本pip show pip我已经升级到了最新的版本安装其他模块过程中出现下面提示,便说明你需要升级pipYou are using pip version 18.1.1, however version 19.0.1 is available.你的版本为18.1.1需要升级到19.0.1You should consider upgrading via the 'py.
2020-09-14 18:14:05
6802
转载 vue项目开启Gzip压缩配置方法及性能优化建议
原文地址:https://jingyan.baidu.com/album/454316ab29d0c0f7a7c03a1f.html?picindex=1vue项目开启gzip压缩和部署 nginx开启gzip优化性能第一步,在vue项目中安装依赖并将productionGzip改为true,开启Gzip压缩:npm install --save-dev compression-webpack-plugin第二步,运行 npm run build打包项目,这时可能...
2020-09-14 16:14:08
3495
4
原创 前端项目报错chunk-libs.e495f7a4.js:41 Failed to execute ‘postMessage‘ on ‘DOMWindow‘:
最近一次vue项目打包之后,在控制台出现了一个错误如下chunk-libs.e495f7a4.js:41 Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('file://') does not match the recipient window's origin ('null').使用postMessage实现跨域 解决'Failed to execute 'postMessage' on
2020-09-14 16:09:48
5674
4
原创 git 代码提交,出现403错误的问题
git 代码提交,出现403错误的问题git -c diff.mnemonicprefix=false -c core.quotepath=false --no-optional-locks commit -q -F C:\Users\Administrator\AppData\Local\Temp\oyjlj03h.rmtgit -c diff.mnemonicprefix=false -c core.quotepath=false --no-optional-locks push -v --ta
2020-07-13 17:22:13
15071
4
转载 神魔?居然还有人认为这些初中级VUE面试题简单!!?
前言❝上次写了一篇不会吧!都2020年了你还不会这些VUE面试题?我遇到的一面的面试题,有小伙伴觉得这些题太easy了❞我反思!! 今天总结了一些比较新的VUE面试题,适用于初中级的面试者,也是我在面试中遇到概率比较高的题目「面对疾风吧!!」1.keep-alive的作用是什么?<keep-alive>是Vue的内置组件,能够缓存组件,防止重复渲染页面,提高用户体验,同时可以很大程度上减少接口请求,减小服务器压力。比如: 有一个列表页面和一个 详情页面.
2020-07-07 18:33:20
451
转载 js实现列表向上无限滚动
本文实例为大家分享了js实现列表向上无限滚动的具体代码,供大家参考,具体内容如下先来一张效果图html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <di...
2020-04-17 15:02:06
4063
原创 vue组件之间传值方式 vue父子组件传值传参方法
https://www.cnblogs.com/lingdu87/p/9147555.htmlvue组件之间传值方式解析一.父组件传到子组件 1.父组件parent代码如下: <template> <div class="parent"> <h2>{{ msg }}</h2> <son p...
2019-10-26 01:54:00
719
原创 vue父组件可以监听到子组件的生命周期吗
vue父组件可以监听到子组件的生命周期吗?比如有父组件 Parent 和子组件 Child,如果父组件监听到子组件挂载 mounted 就做一些逻辑处理,可以通过以下写法实现:// Parent.vue<Child @mounted="doSomething"/>// Child.vuemounted() {this.$emit("mounted");}以上需...
2019-09-20 18:47:13
1699
原创 vuejs中html2canvas使用 背景图和二维码海报图片保存到一张图片上 生成一张海报并下载
不少的项目中都用到了二维码加背景图片生成海报的宣传图片,实现方法就是canvas绘制到一张上后进行下载。html2canvas的技巧在这里不在讲解。二维码和背景图片进行定位。在传统场合,这类功能往往依赖后台合成图片,或依赖端上实现,但web侧本身也有独立的解决方案。 Web中具有图片生成功能的是canvas标签,我们可以使用canvas中的toDataUrl() API,得到当前画布内...
2019-08-10 18:01:47
5381
2
转载 vue页面缓存的实现方以及与原生的部分效果对比
前言作为移动开发者,相信大家对于使用html开发的App和使用原生Api开发的App,或多或少都有所体验。他们有各自的优势与劣势,今天我们就参考原生App的效果,通过使用vue.js框架来实现一款类似原生效果的应用。项目简介联华会员线上退货流程的实现。主要功能点:选店、定位、上传图片、售后查询。实现方案:vue.js效果预览项目过程中遇到的难点与解决方案1、原生的...
2019-07-15 20:06:16
1139
转载 浅谈:前端之未来
Gartner 2018 年的一份报告中提到三项前端相关的战略技术:Digital Twin、Immersive technologies、Smart Spaces,但当下的前端技术远不足以胜任这些领域。站在 201X 的末尾、互联网下半场的开始,不妨一起看看前端的未来在哪里,有哪些值得投入的方向。目录01引02回顾过去03立足当下04一窥未来App Developm...
2019-07-05 23:16:19
826
2
转载 GitHub热榜第一,标星近万:这个用Python做交互式图形的项目火了
GitHub上,一份用Python做交互式图形的资源火了。这一工具名为Bokeh,官方介绍称,它能读取大型数据集或者流数据,以简单快速的方式为网页提供优美、高交互性能的图形。本文经AI新媒体量子位(公众号ID:QbitAI)授权转载,转载请联系出处。GitHub上,一份用Python做交互式图形的资源火了。这一工具名为Bokeh,官方介绍称,它能读取大型数据集或者流数据,以简单快速...
2019-07-05 23:14:15
637
转载 2019年值得推荐的11款JavaScript动画库
我在通过浏览网页寻找一个整洁好用的JavaScript动画库时,发现许多“推荐”的动画库都已经有一段时间没有维护了。经过一些研究,我已经收集了11个优秀的库可以在你的应用程序中使用。Three.js拥有超过43K stars,这个流行的库拥有一个强大的方式在浏览器中来创建三维动画,以WebGL作为更直观的方式。这个库提供了、、css3d和webgl渲染器,使我们能够在设备和浏览...
2019-07-05 23:12:33
4639
转载 vue中watch的详细用法 watch监听用法
在vue中,使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法:https://www.cnblogs.com/shiningly/p/9471067.html好了,如果有不懂的问题,可以关注我的个人微信公众号和我交流同时还可以领取到前端学习资料!欢迎大家关注。和我一起讨论学习交流H5前端开发。...
2019-06-10 22:06:52
7441
原创 VueConf 2019 尤雨溪上海演讲资料 vue3.0爆料
尤雨溪Vue.js 作者,前 Google Creative Lab 成员。日程安排日程安排将随时更新 09:30大会开始了 尤雨溪演讲主题:与Vue3相关的主题演讲 发展现状 ● Chrome DevTools: ~90万周活跃用户 ○ 对比:React ~160万 ● npm 下载量:~400 万次...
2019-06-10 22:06:19
1959
1
原创 [VueConf 2019]快手前端-天翔 - 分享探索Web编程的另一种形态
2019年6月8日来自全球各地的开发者齐聚上海交通大学文治堂,一起见证了VueConf 2019上海的成功举办。天翔快手前端架构师,游戏直播团队前端负责人。在大会上,快手前端架构师,游戏直播团队前端负责人天翔给大家带来了主题为“探索Web编程的另一种形态”的主题演讲。主题介绍:在去年各家如火如荼的小程序搭建过程中,快手内部也曾尝试过小程序平台的搭建,在这过...
2019-06-10 22:06:13
952
原创 [VueConf2019]蒋豪群 - Vue Beyond Vue Loader
蒋豪群Vue.js 官方团队成员,Vue CLI 维护者。曾在阿里巴巴、蘑菇街就职。2019年6月8日来自全球各地的开发者齐聚上海交通大学文治堂,一起见证了VueConf 2019上海的成功举办。在大会上,Vue.js官方团队成员,Vue CLI维护者蒋豪群给大家带来了主题为“Vue Beyond Vue Loader”的主题演讲。主题介绍:初学 Vue 的时候,大家可能...
2019-06-10 22:06:02
834
原创 VueConf 2019 尤雨溪Q&A 现场问答 PPT pdf 资料
VueConf 2019 尤雨溪演讲总结距离参加 VueConf 第一届大会已经很久了,yubo 的介绍一如既往地有意思 ❤️,是他的努力保持了大会热情的社区氛围!另一个彩蛋就是 Evan You 带了自己的亲人和孩子来到现场,真的是其乐融融!尤雨溪 @ State of Vue发展现状Chrome DevTools 有约 90 万的周活用户,React 相比有 16...
2019-06-10 22:05:45
837
原创 第三届VueConf将于2019年6月8日在上海举行 转发评论送门票
点击关注H5前端开发社区昨天演讲嘉宾日程安排日程安排将随时更新09:30 演讲者:尤雨溪 与Vue3相关的主题演讲 10:40 演讲者:卢俊杰 Vue单元测试之旅 您可能尝试过在代码的各种bug之间疲于奔命,堵上一个bug又冒出另一个,也可能尝试过在一个充斥着大量冗余单元测试的项目里举步维艰。这个主题会和你讲述单元测试的故事,讲述为什么我们...
2019-05-23 09:56:31
339
转载 不就是个短信登录API嘛,有这么复杂吗?
上联:这个需求很简单,下联:怎么实现我不管,横批:今晚上线。经ThoughtWorks洞见(ID:TW-Insights)公众号授权转载暴力破解早上开完站会,小李领了张新卡,要对登录功能做升级改造,在原来只支持用户名密码登录模式的基础上,新增手机号和短信验证码登录。业务分析师薇薇早就准备好了故事卡,并且也考虑到这个功能的特殊性,除了平常的业务性验收标准外,还专门添加了一些和...
2019-05-18 13:11:23
236
原创 vue项目中canvas两张图片生成合并成一张图片 canvas二维码放图片上
在项目中用户需要让我把二维码和背景图保存到一张图片上,其实大家都知道,这个可以用canvas来实现。简单上网搜了一下,调试了下,终于成功了,写篇日志记录下源码<template> <div class="content"> <div class="title font-16 font-bold" v-text="$t('lab...
2019-05-16 11:46:01
8612
原创 vue.js项目中时间戳转时间最简单方法
vue.js项目中时间戳转时间最简单方法【还需优化,后期改进了继续更新】timestampToTime(timestamp) { var date = new Date(timestamp * 1000);//时间戳为10位需*1000,时间戳为13位的话不需乘1000 // let Y = date.getFullYear() + '-'; ...
2019-05-07 14:28:36
4675
2
原创 react创建新项目 使用creat-react-app快速新建一个react项目
Facebook 官方推出Create-React-App脚手架,基本可以零配置搭建基于webpack的React开发环境,内置了热更新等功能。React 教程React 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。React 起源于 Facebook 的内部项目,用来架设 Instagr...
2019-02-14 18:32:21
25004
3
转载 Vue 签到日历组件demo 源码案例
vue-calendar 基于 vue 2.0 开发的轻量,高性能日历组件vue-calendar-component基于 vue 2.0 开发的轻量,高性能日历组件 占用内存小,性能好,样式好看,可扩展性强 原生 js 开发,没引入第三方库WhyGithub 上很多点击弹出日历选择某个时间的组件,却没有找到单纯展示日历并且能点击获取时间的组件 少部分日历组件的占用内存过于大,...
2018-12-24 16:50:44
12649
1
转载 Flutter在Windows平台下的安装配置
目录1. 安装 Flutter SDK2. 设置环境变量3. Flutter doctor4. 安装 Android Studio5. 启动 Android Studio, 安装 Android SDK6. 再次运行 Flutter doctor 查看依赖项7. 设置 Android emulator8. 配置编辑器8.1 Android Studio8.2 V...
2018-08-18 22:34:56
1026
转载 前端 H5 Canvas 实现了一下水波图 水波纹效果
编者按:本文由 止战之殇 发表于掘金,并已授权奇舞周刊转载在项目中自己使用 Canvas 实现了一下水波图,在这里给大家分享一下它的实现原理。 一开始看到波浪,可能不知道从何入手,我们来看看波浪的特征就会有灵感了。没错,有人肯定会想到,就是 正余弦曲线!对于波陡很小的波动,一般选择正弦或余弦的曲线来表示波形,这是最简单而又最接近实际波形的表述。这里我选择了正弦曲线来实现。在讲实...
2018-07-25 16:57:28
19809
1
原创 npm run dev运行报错 error in ./src/App.vue error in ./src/components/HelloWorld.vue问题
运行项目时候出现的问题Windows PowerShell版权所有 (C) Microsoft Corporation。保留所有权利。PS C:\Users\Administrator> cd E:\projectwork\vuework\sellPS E:\projectwork\vuework\sell> npm installnpm WARN optional SKIP...
2018-05-28 23:40:17
63555
2
原创 form表单提交,前端验证,dedecms表单提交验证
Form表单提交,js验证1, Onclick()2, Onsubmit()Button标签 input (属性 submit button )标签Input type=button 定义按钮,没有任何行为。多数情况下,用于通过javascript启动脚本Input type=submit 定义提交按钮,提交按钮会把表单数据发送到服务器 1, onclick 与 Input type=...
2018-05-24 00:04:59
5963
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人