![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 52
泡椒猪肝
这个作者很懒,什么都没留下…
展开
-
[转载]vue打包后遇到的坑
今天使用vue打包(npm run build)遇到了几个坑,在这里分享给大家打包之后打开dist的页面显示空白:这个问题以前就处理过,是打包过程中出现错误频率较高的一种,可能有3处地方会出现这种情况1、记得改一下config下面的index.js中bulid模块导出的路径。因为打包后的index.html里边的内容都是通过script标签引入的,默认显示的路径不对,打开肯定是空白的。build: { index: path.resolve(__dirname, '../dist/index转载 2021-03-16 13:48:32 · 582 阅读 · 0 评论 -
烟花晚霞星空特效-vue
效果图:晚霞星空效果图-vue:源代码:<template> <div class="body"> <div class="stars" ref="starsRef"> <div class="star" v-for="(item, index) in starsCount" :key="index"></div> </div> </div></template><scri原创 2021-01-29 13:04:29 · 4372 阅读 · 4 评论 -
自定义选择框
效果图展示:需求场景及描述:需求:1.在车长选择时,可以选择多个,但限制3个以内2.在选择不限时,取消其他车长的选择3.在单个选择时,默认车长范围为0到所选项,需从小到大排序4.在两个选择时,车长范围为当前两个值的范围,需从小到大排序5.在三个选择时,车长范围为以最小和最大的值,作为范围取值,需从小到大排序数据格式要求:1.最小车长 carLengthMin2.最大车长 carLengthMax3.页面展示车长 carLength4.后台传参车长 vehicleLength原创 2021-01-27 13:00:52 · 219 阅读 · 0 评论 -
自定义联级时间选择器-web端
最终效果:项目场景及需求:自定义联级选择器,选取时间!需求:1.日期选择:近七天的日期2.时间选择:自定义时间选择,有单个整点时间,也有时间范围3.当天的时间选择上不能选择已经过去的时间及时间范围4.两个时间都为单个时间时,前一个时间(装货时间)必须小于后一个时间(送达时间)5.选择时间范围时,只要其中有一个是选择的时间范围,那么前一个时间(时间范围)的最晚时间必须小于或等于后一个时间(时间范围)的最早时间逻辑分析及步骤:1. 通过elementUI框架的Cascader 级联选原创 2021-01-26 19:35:08 · 629 阅读 · 0 评论 -
vue下载/导出文件不会?手把手教学,一看就会!(以下载excel为例)
vue下载文件及进度条函数的封装详解(以下载excel为例)本文主体内容:vue封装下载blob格式文件,post方式,函数封装详解!话不多说!上干货!一、api.js 文件内的exportExcel函数的封装vue项目中,一般的函数封装都在api.js文件中。参数说明: 1. action---自定义,调用时传过来的url后缀; 2. options = {}---调用时,传过来筛选条件的参数; 3. nameVal---调用时传过来的文件名称; 4. config = {}---原创 2020-11-13 14:30:31 · 549 阅读 · 0 评论 -
http状态码及常见报错分析(持续更新ing)
# http报错(持续更新)http报错记不住?保存收藏随时访问,本文将持续更新!文章目录# http报错(持续更新)一、HTTP状态码二、HTTP常见错误一、HTTP状态码100 - Continue101 - Switching ProtocolsTopSuccess Codes200 - OK201 - Created202 - Accepted203 - Non-Authoritative Information (for DNS)204 - No Content20原创 2020-11-05 11:13:20 · 1526 阅读 · 0 评论 -
【每日一算】删除排序数组中的重复项-JavaScript
【每日一题】删除排序数组中的重复项【题目2】删除排序数组中的重复项【代码】【解析】【总结】【题目2】删除排序数组中的重复项 给定一个排序数组,你需要在 原地 删除重复出现的元素,使得每个元素只出现一次,返回移除后数组的新长度。 不要使用额外的数组空间,你必须在 原地 修改输入数组 并在使用 O(1) 额外空间的条件下完成。示例 1:给定数组 nums = [1,1,2],函数应该返回新的长度 2, 并且原数组 nums 的前两个元素被修改为 1, 2。你不需要考虑数组中超出新长度后原创 2020-08-16 21:09:31 · 194 阅读 · 0 评论 -
【每日一算】水仙花数-JavaScript
【每日一算】水仙花数-JavaScript水仙花数定义:1.给定一个数,计算当前数字是否属于水仙花数(基础版)2.计算n位数中,所有的水仙花数(升级版)水仙花数定义:水仙花数(Narcissistic number)也被称为超完全数字不变数(pluperfect digital invariant, PPDI)、自恋数、自幂数、阿姆斯壮数或阿姆斯特朗数(Armstrong number),水仙花数是指一个 3 位数,它的每个位上的数字的 3次幂之和等于它本身(例如:1^3 + 5^3+ 3^3 = 15原创 2020-08-15 17:59:43 · 263 阅读 · 0 评论 -
安装VS Code必备超好用的插件合集
安装VS Code必备超好用的插件合集!1.基础插件1. Chinese(Simplified) Language Pack for Visual Stidio Code 适用于 VS Code 的中文(简体)语言包2. open-in-browser 在浏览器中查看3. Live Server 实时预览2.辅助插件1. Auto Close Tag 自动闭合标签2. Bracket Pair Colorizer 用不同颜色高亮显示匹配的括号3. Highlight Matching Tag 高亮显示匹配原创 2020-08-15 17:17:01 · 634 阅读 · 0 评论 -
城市三级联动vue+elementUI详解(对象数组类)
城市三级联动vue+elementUI详解效果图一.基础数据引入二.template内的代码三.methods内的代码四.代码解析:五.备注:效果图一.基础数据引入1.在<script>里提前引入area.js文件area.js文件下载链接(待资源通过后,更新下载链接)import area from "../api/area.js";2.同时在data()里定义一个变量cityDataStart接收所有城市的对象数组,并建立两个空数组来对应接收市级数组cityArrStart原创 2020-08-06 22:20:34 · 708 阅读 · 0 评论 -
项目开发:Vue+elementUI中el-select不对应展示问题的详细解答
项目开发:elementUI中el-select不对应展示问题一.问题:elementUI中el-select不对应展示问题二.问题产生原因:三.具体解决方案一.问题:elementUI中el-select不对应展示问题图中代码<el-select v-model="scope.row.goodsType" placeholder="请选择"> <el-option label="普货" value="0"></el-op原创 2020-08-06 21:14:13 · 1926 阅读 · 0 评论 -
两天带你学完HTML(思维导图版)--第一天
两天带你学完HTML【思维导图版】--第一天HTML--day1【思维导图版】附:导图内链接及表格1、浏览器内核学习参考链接2、基本骨架解析3、常见的 DOCTYPE 声明4、排版标签总结5、图像标签的标签属性总结6、锚点定位总结7、HTML5的发展之路HTML–day1【思维导图版】附:导图内链接及表格1、浏览器内核学习参考链接[HTML入门----泡脚猪肝的博客]2、基本骨架解析3、常见的 DOCTYPE 声明4、排版标签总结5、图像标签的标签属性总结6、锚点定位总结原创 2020-05-08 18:21:00 · 346 阅读 · 0 评论 -
浏览器事件汇总
浏览器事件汇总1、一般事件2、页面相关事件3、表单相关事件4、滚动字幕事件5、编辑事件6、外部事件小结:常用事件1、一般事件事件名称事件解释onclick鼠标单击时触发此事件ondblclick鼠标双击时触发此事件onmousedown按下鼠标时触发此事件onmouseup鼠标按下后松开鼠标时触发此事件onmouseover当鼠标指针移动到...原创 2020-04-16 09:32:50 · 304 阅读 · 0 评论 -
浏览器及浏览器内核的基本介绍
[DAY1] HTML入门一、浏览器二、 编译器三、HTML四、标记一、浏览器五大主流浏览器1.IE浏览器,2.Chrome浏览(谷歌浏览器),3.FirFox(火狐浏览器)4.Safari浏览器(苹果浏览器),5.Opera浏览器(欧朋浏览器)。浏览器内核IEtridentChromewebkit/blinkfirefoxGeckoOpe...原创 2020-04-08 22:01:25 · 822 阅读 · 0 评论 -
jQuery复习(一)-----jQuery基础十五问
jQuery复习(一)-----jQuery基础十五问及jQuery插件的编写1.jQuery是什么框架?2.jQuery框架的优点3.jQuery的选择器4.jq的事件有哪些5.jq的动画有哪些6.jq操作dom的函数方法有哪些7.jq调用后台接口的函数有哪些8.jq ajax请求方式有哪几种,分别是什么,不同点是什么9.jq获取设置删除元素属性的方法分别是什么10.jq添加 删除 元素类名的方...原创 2020-02-15 11:32:11 · 436 阅读 · 0 评论 -
HTML复习(一)
HTML复习(一)一、基础1、超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。2、对于中文网页需要使用 声明编码,否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为 。3、HTML...原创 2020-02-10 10:39:05 · 362 阅读 · 0 评论 -
【转载】微信小程序获取用户信息的两种方法wx.getUserInfo&open-data
【转载】微信小程序获取用户信息的两种方法wx.getUserInfo&open-data原博客地址:转载地址在此之前,小程序获取微信的头像,昵称之类的用户信息,我用的都是wx.getUserInfo,例如:onLoad: function (options) { var that = this; //获取用户信息 wx.getUserInfo({ ...转载 2019-12-20 11:21:32 · 1424 阅读 · 0 评论 -
函数多次调用只执行一次的小技巧(微信小程序)
函数多次调用只执行一次的小技巧(微信小程序)函数多次调用只执行一次的小技巧(微信小程序)问题所在:函数执行判断多次成功解决方案:增加新判断如有更好的方案,请留言探讨!!函数多次调用只执行一次的小技巧(微信小程序)问题由来:案例一:当视频播放至3分之2后,记录该用户为有效用户。问题所在:函数执行判断多次成功video.wxml文件代码如下:<video bindtimeupdate=...原创 2019-12-19 12:00:04 · 4919 阅读 · 0 评论 -
图片点击上传和拖拽上传案例
图片点击上传和拖拽上传案例css样式<style type="text/css"> .box { width: 300px; height: 300px; margin: auto; box-sizing: border-box; position: relative; border: 3px dashed gainsboro;...原创 2019-11-19 11:30:36 · 934 阅读 · 2 评论 -
小技巧--table表格td内容垂直居中方法
小技巧–table表格td内容垂直居中方法前端页面编写时,table表格排版时最容易遇到的,就是单元格内的内容无法居中,又不能写行高时,可以使用以下方法:table td { vertical-align: middle!important;}vertical-align 属性设置元素的垂直对齐方式。!important 提升指定样式规则的应用优先权。IE6及以下浏览器不兼容...原创 2019-11-19 10:17:54 · 11980 阅读 · 2 评论