自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(40)
  • 资源 (4)
  • 收藏
  • 关注

原创 烟花晚霞星空特效-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 4326 4

原创 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 1414

原创 mysql-8.0.19-winx64.zip安装教程

mysql64位.msi安装教程一、下载一、下载官网下载:https://dev.mysql.com/downloads/windows/installer/8.0.html

2020-03-04 15:08:25 10760 29

原创 php.ini中设置mysql数据库模块

php.ini中设置mysql数据库模块一、mysql测试代码二、具体步骤一、mysql测试代码1、在G:\php\wamp\Apache24\htdocs的文件夹中,建立hello.php文件,内容如下:代码:<!DOCTYPE html><html lang="en"><head> <title></title>&l...

2020-03-03 17:38:58 2060

原创 php的下载安装

php的下载安装一、下载二、安装三、测试一、下载官网:https://windows.php.net/download推荐:关于PHP线程安全和非线程安全的区别下载结果如下:二、安装1、解压文件到指定位置:G:/php/wamp/phpApache的安装教程–见本博主博客: Aapache的下载安装2、配置php到apache中在文件夹G:\php\wamp\Apache...

2020-03-03 16:12:03 19344 17

原创 函数多次调用只执行一次的小技巧(微信小程序)

函数多次调用只执行一次的小技巧(微信小程序)函数多次调用只执行一次的小技巧(微信小程序)问题所在:函数执行判断多次成功解决方案:增加新判断如有更好的方案,请留言探讨!!函数多次调用只执行一次的小技巧(微信小程序)问题由来:案例一:当视频播放至3分之2后,记录该用户为有效用户。问题所在:函数执行判断多次成功video.wxml文件代码如下:<video bindtimeupdate=...

2019-12-19 12:00:04 4825

原创 小技巧--table表格td内容垂直居中方法

小技巧–table表格td内容垂直居中方法前端页面编写时,table表格排版时最容易遇到的,就是单元格内的内容无法居中,又不能写行高时,可以使用以下方法:table td { vertical-align: middle!important;}vertical-align 属性设置元素的垂直对齐方式。!important 提升指定样式规则的应用优先权。IE6及以下浏览器不兼容...

2019-11-19 10:17:54 11610 2

原创 向数据库上传图片FormData遇到的坑-创建的FormData打印为空

如下创建FormData let file=$(".classImg")[0].files[0]; let formdata=new FormData; formdata.append("classImg",file); formdata.append("classname",$(".className").val()) cons...

2019-11-18 11:55:41 3051 4

转载 [转载]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 527

转载 mac下idea快捷键大全(转载)

Mac 键盘符号和修饰键说明⌘ ——> Command⇧ ——> Shift⌥ ——> Option⌃ ——> Control↩︎ ——> Return/Enter⌫ ——> Delete⌦ ——> 向前删除键(Fn + Delete)↑ ——> 上箭头↓ ——> 下箭头← ——> 左箭头→ ——> 右箭头⇞ ——> Page Up(Fn + ↑)⇟ ——> Page Down(Fn + ↓)⇥ ——&

2021-03-08 11:50:50 804

原创 自定义选择框

效果图展示:需求场景及描述:需求:1.在车长选择时,可以选择多个,但限制3个以内2.在选择不限时,取消其他车长的选择3.在单个选择时,默认车长范围为0到所选项,需从小到大排序4.在两个选择时,车长范围为当前两个值的范围,需从小到大排序5.在三个选择时,车长范围为以最小和最大的值,作为范围取值,需从小到大排序数据格式要求:1.最小车长 carLengthMin2.最大车长 carLengthMax3.页面展示车长 carLength4.后台传参车长 vehicleLength

2021-01-27 13:00:52 194

原创 自定义联级时间选择器-web端

最终效果:项目场景及需求:自定义联级选择器,选取时间!需求:1.日期选择:近七天的日期2.时间选择:自定义时间选择,有单个整点时间,也有时间范围3.当天的时间选择上不能选择已经过去的时间及时间范围4.两个时间都为单个时间时,前一个时间(装货时间)必须小于后一个时间(送达时间)5.选择时间范围时,只要其中有一个是选择的时间范围,那么前一个时间(时间范围)的最晚时间必须小于或等于后一个时间(时间范围)的最早时间逻辑分析及步骤:1. 通过elementUI框架的Cascader 级联选

2021-01-26 19:35:08 599

原创 vue 回车实现验证码和密码登录

vue 回车实现验证码和密码登录一、需求及场景二、实现总结一、需求及场景场景:前端登录界面-vue开发需求:回车实现登录,验证码界面使用验证码登录,密码界面使用密码登录,根据在对应界面一个回车操作,对应的方式登录的功能.二、实现实现逻辑(开发逻辑):1.整个页面进行回车监听2.加入界面状态interfaceState,0代表密码登录,1代表验证码登录3.根据界面状态调取对应的方法,方法调用前,通过界面状态去检验提交信息的完整度及合理性,实现登录4.登录完成后,务必记得移..

2021-01-11 11:52:42 408 2

原创 如何快速以管理员身份运行cmd的小技巧(图解)

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档如何快速以管理员身份运行cmd的小技巧-图解前言一、正确并快速找到cmd.exe二、以管理员身份快速运行cmd的小技巧1.方式一:任意文件夹路径下,打开cmd2. 方式二:在任务栏搜索cmd,打开cmd3. 以管理员身份运行小结前言作为一个程序员很多时候,都需要以管理员运行项目,特别是对于cmd的使用,更是如此,这次给出了如何正确找到并打开cmd,以及快速打开cmd并通过管理员身份运行!话不多说,上图!本文以图解为主!一、正

2020-12-16 10:09:23 8941 1

原创 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 527

原创 echarts的百度地图-地图坐标系组件geo的配置

echarts的百度地图-地图坐标系组件geo的配置听说你echarts的地图属性不会配置?参数含义知道,又不知道格式怎么写?例如:来看我这篇文章你就知道了!其中对于地图组件使用的watch监听数据变化this.options,以保证数据的更新文章目录echarts的百度地图-地图坐标系组件geo的配置前言具体代码及配置参数说明总结前言echarts是数据图表展示中目前最强大的利器,自定义开发程度高,同时,各个参数配置也会更多,所以本文这里也针对实际开发中,仅仅对geo地图坐标系组件的参数进

2020-11-10 13:23:16 6995

原创 info There appears to be trouble with your network connection. Retrying...

项目场景:最近大家在使用yarn的时候出现下面这种提示的频率越来越高了:例如:info There appears to be trouble with your network connection. Retrying…问题描述:话不多说,有图有真相,没代码靠边站:原因分析:info There appears to be trouble with your network connection. Retrying...信息:网络连接似乎出了点问题,请重试...但你仔细检查下来,

2020-11-06 10:39:41 32948 11

原创 【每日一算】删除排序数组中的重复项-JavaScript

【每日一题】删除排序数组中的重复项【题目2】删除排序数组中的重复项【代码】【解析】【总结】【题目2】删除排序数组中的重复项    给定一个排序数组,你需要在 原地 删除重复出现的元素,使得每个元素只出现一次,返回移除后数组的新长度。    不要使用额外的数组空间,你必须在 原地 修改输入数组 并在使用 O(1) 额外空间的条件下完成。示例 1:给定数组 nums = [1,1,2],函数应该返回新的长度 2, 并且原数组 nums 的前两个元素被修改为 1, 2。你不需要考虑数组中超出新长度后

2020-08-16 21:09:31 185

原创 【每日一算】水仙花数-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 247

原创 安装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 621

原创 城市三级联动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 678

原创 项目开发: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 1826

原创 小技巧专题--立即注册(跳转按钮)

注释:如果 type 属性设置为 image,当用户单击图像时,浏览器将以像素为单位,将鼠标相对于图像边界的偏移量发送到服务器,其中包括从图像左边界开始的水平偏移量,以及从图像上边界开始的垂直偏移量。

2020-05-14 05:28:42 1078

原创 两天带你学完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 338

原创 浏览器事件汇总

浏览器事件汇总1、一般事件2、页面相关事件3、表单相关事件4、滚动字幕事件5、编辑事件6、外部事件小结:常用事件1、一般事件事件名称事件解释onclick鼠标单击时触发此事件ondblclick鼠标双击时触发此事件onmousedown按下鼠标时触发此事件onmouseup鼠标按下后松开鼠标时触发此事件onmouseover当鼠标指针移动到...

2020-04-16 09:32:50 296

原创 浏览器及浏览器内核的基本介绍

[DAY1] HTML入门一、浏览器二、 编译器三、HTML四、标记一、浏览器五大主流浏览器1.IE浏览器,2.Chrome浏览(谷歌浏览器),3.FirFox(火狐浏览器)4.Safari浏览器(苹果浏览器),5.Opera浏览器(欧朋浏览器)。浏览器内核IEtridentChromewebkit/blinkfirefoxGeckoOpe...

2020-04-08 22:01:25 794

转载 [转载]超实用的网站分享

[转载]超实用的网站分享一、学习二、冷知识 / 黑科技三、代码四、小工具五、视频六、设计一、学习CSDN: https://www.csdn.net/TED(最优质的演讲):https://www.ted.com/谷粉学术: https://gfsoso.99lb.net/scholar.html大学资源网:http://www.dxzy163.com/简答题:http://www.j...

2020-03-06 09:57:46 1820

原创 php的基本配置(当前时间配置和执行环境测试)

php的基本配置(配置一次即可)一、当前时间配置一、当前时间配置1、在文件中输出当前时间,代码如下:<!DOCTYPE html><html lang="en"><head> <title></title></head><body> <?php echo "<h1>Hello ...

2020-03-03 16:56:37 341

原创 Aapache的下载安装

Aapache的下载安装一、下载一、下载官网地址:http://httpd.apache.org/download.cgi

2020-03-03 11:04:44 4630 8

原创 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 416

原创 HTML复习(一)

HTML复习(一)一、基础1、超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。2、对于中文网页需要使用 声明编码,否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为 。3、HTML...

2020-02-10 10:39:05 315

转载 【转载】微信小程序获取用户信息的两种方法wx.getUserInfo&open-data

【转载】微信小程序获取用户信息的两种方法wx.getUserInfo&open-data原博客地址:转载地址在此之前,小程序获取微信的头像,昵称之类的用户信息,我用的都是wx.getUserInfo,例如:onLoad: function (options) { var that = this; //获取用户信息 wx.getUserInfo({ ...

2019-12-20 11:21:32 1405

原创 事件event-记录(持续更新)

事件event-记录(持续更新)1、 e.preventDefault()2、e.stopPropagation()1、 e.preventDefault()prevent:阻止;阻碍;阻挠Default:违约(尤指未偿付债务);默认;系统设定值;预置值preventDefault:阻止默认事件2、e.stopPropagation()stop:(使)停止,停下;(使)中断,停止;(使...

2019-11-26 19:42:18 400 2

原创 vue.js-class属性绑定与细节

vue.js-class属性绑定与细节案例一:class属性绑定(1)目标:可以设置v-bind:class设置一个对象,从而动态的切换class为了效果明显,可以给html元素绑定一个点击事件,达到切换isActive的布尔值的效果css部分:<style type="text/css"> .active{ color: red; } </...

2019-11-26 17:44:19 287

原创 vue.js-简述methods和computed的区别

vue.js-简述methods和computed的区别摘要:主要描述methods和computed的区别一. methods:1、在模板中,使用一次,此函数就会调用一次;二.computed :computed 计算属性1、不会每次调用2、当模板变化时才会调用3、调用时,会将函数执行的结果放入一个和方法(函数)同名的属性中4、以供模板使用,所以模板中不能加();...

2019-11-26 13:56:08 156

原创 vue.js-表格数据的加载和操作

一、要求:制作如下表格数据渲染并实现点击删除事件代码如下:body部分:<table border="1" cellspacing="1" cellpadding="1" id="tab" > <tr v-for="cl in classs"> <th>{{cl.id}}</th> <th>{{c...

2019-11-26 11:48:07 1276

原创 图片点击上传和拖拽上传案例

图片点击上传和拖拽上传案例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 916 2

原创 bootstrap点击事件遇到的坑

bootstrap点击事件遇到的坑bootstrap模态生成的框架,遇到点击事件加不上,例如:在正常写法中如下:你会发现写出的点击事件不生效,或者是单个生效 $("body").on("click",".eidt_btn",function(){ alert(1) })正确写法:效果:每个class为edit_btn的按钮都加上了alert事件 ...

2019-11-18 11:13:36 1211

原创 express创建ejs模块

自写版–express创建ejs模块准备工作1、安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org淘宝npm镜像链接1、安装express环境cnpm install express-generator -g可通过以下代码查看所有可用的命令行参数express -h2、创建名称为 stua...

2019-11-14 11:21:57 439

原创 jQuery wrap&wrapAll&wrapInner方法【蛋白·蛋黄】【创意写法】

jQuery wrap&wrapAll&wrapInner方法【蛋白·蛋黄】【创意写法】欢迎来到泡脚猪肝的个人创意博客空间jQuery wrap&wrapAll&wrapInner方法的区别蛋黄与蛋白的创意效果截图展示欢迎来到泡脚猪肝的个人创意博客空间这是我第一次使用博客发文,把我个人的创意和想法分享给大家,希望能帮助到大家,也希望大家能多多指教,相互交流学习!...

2019-08-18 09:33:53 158

html烟花特效.js

烟花特效,供本人晚霞星空特效一文中,附加的烟花特效,提供下载链接

2021-01-29

城市三级联动(area).js

本资源为城市三级联动的js文件,为对象数组类,非城市编码类,上传为本人博客"城市三级联动vue+elementUI详解"一文提供文件下载,具体可查看本人博客

2020-08-06

Dragupload-img.rar

web前端,图片的点击上传和拖拽上传源代码!

2019-11-19

wrap&wrapAll;&wrapInner;.html

[蛋白·蛋黄】创意写法wrap&wrapAll;&wrapInner;方法应用

2019-08-18

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除