自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

祈澈菇凉

90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。

  • 博客(38)
  • 论坛 (3)
  • 收藏
  • 关注

原创 jquery实现点击图片切换为另一图片,再次点击恢复到原图片

在项目里,有时候会写这样的开关效果,点击开关来回切换,也就是jquery实现点击图片切换为另一图片,再次点击恢复到原图片。下面是一个小的demo示例:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></...

2019-08-29 17:22:50 1485

原创 bootstrap-table选中checkbox改变行的背景颜色

在bootstrap-table表格里面,当点击列选中或者取消选中checkbox的时候背景色会发生改变,现在总体背景色非纯白,点击选中的灰色在蓝色背景里面显得尤为突出,需要改变一下颜色。解决办法:打开bootstrap-table.min.css修改代码.fixed-table-container tbody .selected td { ba...

2019-08-27 14:30:35 1363

原创 免费视频课程

1:flutter移动电商实战免费全套教程https://www.bilibili.com/video/av624191282:开课吧-web前端全栈架构师六期https://www.bilibili.com/video/av603494613:2019最新nodeJS从入门到大神【千锋Web前端】https://www.bilibili.com/video/av595...

2019-08-26 22:43:43 257

原创 设置输入框placeholder默认文字颜色

当背景色不为白色的时候,要给input输入框设置成为 白色,一般来说,设置color:#fff即可,但是placeholder默认的文字颜色还是灰色,这个时候需要写代码设置输入框placeholder文字颜色。找到全局css文件,添加伪类元素,因为直接修改input颜色只作用于输入的文字,并不能改变默认字体的颜色,同时主要是要兼容 火狐,IE 和 谷歌浏览器。代码...

2019-08-26 14:28:45 330

原创 vue项目部署到服务器上

在前面的文章里面,自己做了一个练手的小项目,买了服务器之后,也对linux的命令有了初步的认识和理解,现在开始把做好的项目部署到服务器上,通过域名来访问。Vue项目从搭建环境到打包上线https://www.jianshu.com/p/7791bf749f661:使用npm run build进行打包打包完成显示这个时候可以看到项目里面多了一个...

2019-08-25 22:32:50 4765 2

原创 vue踩坑-Error: Can't resolve 'sass-loader' in 'E:\Element-UI-master\src\components'

在Chrome浏览器中的错误:Failed to compile../src/components/Map.vueModule not found: Error: Can't resolve 'sass-loader' in 'E:\Element-UI-master\src\components' @ ./src/compone...

2019-08-23 13:05:00 7313

原创 vue踩坑-Error: listen EADDRNOTAVAIL 192.168.1.122:8081

每天上班,重启电脑,按照下面的步骤,打开vue的项目,开始编写代码,但是,今天一如往常一般操作:1:cd /项目名称下面就是运行项目了,cd /项目名称,我的文件放在D盘,所以先进入d盘,再进入项目。cd ShopAppimage2:npm run dev一切准备就绪,启动项目npm run dev但是,却出现了以下的报错,...

2019-08-22 20:48:00 300

原创 vue实现一个饼状图

1:在项目里面安装折线图cnpm install echarts --s2:在需要用图表的地方引入import echarts from 'echarts'3:写一个vue代码<template> <section class="chart-container"> <el-row...

2019-08-22 19:52:00 1887

原创 bootstrap table表格去掉排序箭头

在bootstrap table表格插件里面,会有这样的排序箭头,可以将表格的内容按照一定的顺序排列,无论是需要或者不需要,都可以通过一个属性来控制sortable 。当sortable : true的时候,则会出现排序箭头,当注释这行代码的时候,则表格不会出现排序箭头。{ title : '设备编号', field...

2019-08-22 11:12:02 2107 1

原创 bootstrap table表格外面的边框全部去掉

当背景色为非纯白背景的时候,bootstrap table表格的白色边框显得很突兀,所以要把bootstrap table表格外面的边框全部去掉1:去掉两侧线条,找到以下代码,注释边框代码.fixed-table-container { position: relative; clear: both; /*border: 1px solid #ddd;*...

2019-08-22 11:11:39 3825

原创 自媒体必备网站盘点

自媒体平台盘点1:趣头条:https://mp.qutoutiao.net/Login2:搜狗号:http://mp.sogou.com/login3:网易号:http://mp.163.com/login.html?url=http%3A%2F%2Fmp.163.com%2F4:简书:https://www.jianshu.com/5:一点资讯...

2019-08-21 19:25:00 537

原创 vscode用浏览器预览运行html文件

对于不会使用vscode小白来说,搜一搜教程,看一看文档,也就会操作了。1:安装插件view in browser2:安装完成之后回到你的html文件界面,找到要运行的html文件3:选中文件,右击鼠标 ,点击view in browser4:这个时候会运行html文件,会弹出默认浏览...

2019-08-20 15:43:00 582

原创 手机199开头的号码的正则验证

以前的正则验证里面,如果是199开头或者166开头的手机号码就没有办法通过验证,会给这些用户带来一定的麻烦 /* 手机号码验证 */ var $phone_num = $("#phone").val(); var reg01 = /^1[3|4|5|6|7|8|9]\d{9}$/; //手机号 ...

2019-08-20 15:16:00 4259 1

原创 Echarts图表中饼状图的指示线条

实现一个Echarts图表中饼状图的指示线条,更加直观明确地看到统计效果。写一个完整的demo:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>五分钟上手之饼状</title...

2019-08-19 22:07:00 3635

原创 CSS写一个缺角的div

今天用CSS写一个缺角的div,大致的效果是这样的,div的左上角和右上角缺掉了一块的效果,简称为缺角div<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title...

2019-08-19 13:36:00 3634

原创 Echarts饼状图标题位置的设置

Echarts饼状图标题位置一开始默认是在左上方,根据需要,echarts饼图标题如何显示在饼图右下方 ?只需要修改legend里面的xy属性即可:legend: { orient: 'vertical', x:'right', y...

2019-08-18 20:33:00 14603

原创 Echarts折线图的x和y轴坐标颜色修改

继续对Echarts的属性进行探索,关于如何修改Echarts的x和y轴坐标颜色的问题,继续看,主要修改代码的地方:/*改变xy轴颜色*/ axisLine: { lineStyle: { color: '#e3...

2019-08-17 19:38:00 13743

原创 Echarts饼状图修改图例legend文字颜色和字体大小

在默认的饼状图里面,图例legend颜色是黑色的,有时候根据ui需要,根据不同的背景色,需要将图例文字调成白色或者其他颜色,那么,修改这些的还是一句话,修改某个属性即可。主要改动的代码在这里:legend: { orient: 'vertical', ...

2019-08-16 22:20:00 57987 1

原创 CSS实现中间粗两头细的线条

如图:用CSS实现中间粗两头细的线条,项目需要,更多的时候,可以用一像素的背景图片来代替。demo如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title<...

2019-08-16 16:29:00 5201

原创 Echarts去掉中间的网格线

有些很炫酷的界面上,为了适应整体的风格,Echarts统计图上的很多属性都要做响应的修改,以更好的状态呈现数据,今天记录Echarts去掉中间的网格线的代码。xAxis : [  splitLine:{    show:false  }],yAxis : [  splitLine:{    show:false  }]具体代码的d...

2019-08-15 11:31:00 2245

原创 input输入框内阴影效果

作为一个合格的前端开发工程师,是能够将UI的设计图百分百还原的,不管设计图有多么的炫酷,都能够做到,当然也是从细节上一点点的实现的。今天继续记录简单的input输入框内阴影效果,效果如下:<!DOCTYPE html><html lang="en"> <head> <m...

2019-08-14 13:52:00 2038

原创 CSS去掉input框里面的默认字体颜色

写登录界面的时候,需要的效果是这样的:但是经过测试之后,发现浏览器记住密码之后,输入框字体颜色发生改变,变成了黑色,很影响美观。这是由于谷歌浏览器的自带样式的缘故:那么该怎么解决谷歌浏览器记住密码输入框字体颜色改变?input:-webkit-autofill, textarea:-webkit-autofill, s...

2019-08-13 14:07:00 1325 1

原创 Python第四个项目:爬取简书任意一篇文章里所有图片(通用)

前面写了一个爬虫程序,爬取了一个固定网站里面的所需要的图片,在这个基础上,改了一些代码,改成通用的程序,只需要把你所要爬取的链接放在上面,便可以爬取所需链接里面的图片(通用),今天Python第四个项目:爬取简书任意一篇文章所有图片(通用)。首先拿自己的一片游记做一下测试:江城武汉,一座离开后会怀念的城市:https://www.jianshu.com/...

2019-08-12 14:37:00 138

原创 网页一键加群组件

在很多网站或者博客上面都可以看到这个功能,点击qq图标,可以在线咨询,也可以一键加入群聊。其实是使用了一个加群组件https://qun.qq.com/join.html登录网站之后,只需要选择自己的群聊,然后自动生成一段代码,把这一段代码复制黏贴到网站的位置,就可以了。<!DOCTYPE html><...

2019-08-10 20:23:00 962

原创 Python第三个项目:爬取豆瓣《哪吒之魔童降世》 短评

前面爬完网站信息图片之后,今天的又有了个小目标,最近的电影哪吒很火,去豆瓣上看了一下 影评,决定了今天主要是实现Python第三个项目:爬取豆瓣《哪吒之魔童降世》 短评,然后下载在excel表格里面查看。目标链接:https://movie.douban.com/subject/26794435/comments在网上找了一个开源的小例子,但是豆瓣的网...

2019-08-09 17:07:00 1421

原创 Python报错: No module named 'requests'

运行.py的文件的时候,有时候会遇到这样的报错。不要慌,如果你掌握了面向百度编程的话,能够解决百分之90的bug,专治各种疑难杂症。E:\python_pycharm\venv\Scripts\python.exe E:/python_pycharm/test.pyTraceback (most recent call last): File "E...

2019-08-09 14:08:00 751 3

原创 Python第二个项目:爬取一个网站的所有图片

前面搭建爬虫环境完成第一个实例爬取信息,今天继续,Python第二个项目:爬取一个网站的所有图片,看到一个网站的图片,想要弄到本地,一张张保存太过于麻烦,于是,往下看:爬取目标网站:https://www.yangqq.com/skin/jxhx/1:确保已经安装 requests模块如果没有安装,可以使用命令安装,安装命令如下:pip instal...

2019-08-08 17:32:00 2472

原创 bootstrap-fileinput踩坑-选择文件类型

在使用插件上传图片的 时候会遇到这样 的一个bug,进入一个文件夹选择图片的时候,会自动选择png格式的图片,同一目录底下的,其他格式jpg,gif等类型会被自动屏蔽,这个时候就会造成用户操作的不便。图一那么,该如何修改让上传图片,图片选择的时候自动选择所有图片?图二注意到这样的一个属性accept 属性accept 属...

2019-08-08 13:16:00 3793

原创 Python报错: No module named 'lxml'

在网上找了一段代码,放在.py的文件夹里面,点击运行,但是出现这样的报错。No module named 'lxml'。C:\Users\lenovo\AppData\Local\Programs\Python\Python37\python.exe E:/python_pycharm/1.pyTraceback (most recent call l...

2019-08-07 16:52:00 17341 2

原创 Python第一个项目:爬取个人简书主页文章信息

前面两篇安装完成了爬虫所需要的环境和工具,也踩了几个坑之后,今天开始写代码,开始写python第一个项目,把自己的简书简书主页文章信息爬取下来。目标链接:https://www.jianshu.com/u/05f416aefbe11:新建一个test.py 文件写代码在项目上右键,点击New,选择Python File2:给file取...

2019-08-07 16:52:00 281

原创 在windows下安装 PyCharm( PyCharm入门教程)

前面在windows下安装Python(Python入门教程):https://www.jianshu.com/p/065f1db8e0b3.完成之后,记下来就是安装一款编辑器了,PyCharm 是一款功能强大的 Python 编辑器,具有跨平台性,也是常常用到的。1:首先,老规矩,下载安装包http://www.jetbrains.com/pycha...

2019-08-07 13:57:00 523

原创 在windows下安装Python(Python入门教程)

在搭建自己博客的过程之中,对于一个零基础的小白来说,其实要做的东西非常多,我把这个过程之中遇到的一些东西都写在了这个专题里面。今天之所以安装Python,是打算把之前写的所有的文章都爬下来,之后封装成接口,直接调用数据,展示在自己搭建的博客的界面里面。1:官网下载Python安装包下载exe后缀的可执行文件,根据自己系统选择32位还是64位。http...

2019-08-07 13:43:00 630

原创 div高度设置100%无效的问题

今天遇到一个问题,给div设置高度 height: 100%;却没有生效,在f12审查元素的时候可以看到高度字占据了半屏,并没有占据100%全屏,也就是说,div高度设置100%无效。这个问题该怎么解决?记录一下解决办法:找到div的父级元素,并且给父级元素手动设置一个高度,这个问题就解决了。错误原因,根本在于没有浏览器是计算元素高...

2019-08-06 15:13:00 3470 1

原创 jeDate可提供选择日期不超过当前日期

参考之前写的,jeDate日期控件的使用以及选中后点确定按钮关闭功能https://www.jianshu.com/p/393d9e992144。但是现在要在日历上增加一个小功能,可提供选择日期不超过当前日期,比如今天是8.5号,超出5号以后的日期都默认不可选。<!DOCTYPE html><html> <he...

2019-08-05 18:39:00 462

原创 提交表单时input字段非空验证

需求,当提交表单的时候,如果要验证的字段为空,则弹出提示框提示请完善表单信息,并且 return;不执行下一步。<!DOCTYPE HTML><html> <head> <title></title> <meta name="viewport" c...

2019-08-05 16:52:00 3004

原创 正则表达式同时验证手机和座机号码

JS同时验证固话和手机号正则表达式,验证规则:1:当input框没有填写号码的时候,input为空,可通过验证2:当手机号码填写正确的时候,可通过验证3:当座机号码填写正确的时候,可通过验证如果不通过,则出现提示信息,提示输入正确的手机号码座机号码。<!DOCTYPE HTML><html> <head&...

2019-08-05 15:55:00 1562

原创 用户名验证:限16个字符,支持中英文、数字、下划线

继续写一个用户名验证,验证规则,限16个字符,支持中英文、数字、下划线,当符合验证规则的时候,弹框提示正确,当出现特殊字符,不符合验证规则的时候,弹框提示错误,并且不执行下一步程序。<!DOCTYPE HTML><html> <head> <title></title&gt...

2019-08-05 14:46:00 1731

原创 提交表单的时候验证手机号码和身份证号码

需求:在提交表单的时候,验证手机号码和身份证号码,如果不填写手机号码和身份证号码,就无需验证,如果填写手机号码和身份证号码,必须要填写正确的格式,如果不正确,则没有办法通过验证,出现弹框提示。<!DOCTYPE HTML><html> <head> <title></titl...

2019-08-05 14:01:00 4826 1

空空如也

祈澈菇凉的留言板

发表于 2020-01-02 最后回复 2020-04-05

boostrap里面的tab页,如何每次打开的时候都默认为第一个按钮?

发表于 2017-07-19 最后回复 2019-05-30

如何去掉select中的搜索框?

发表于 2017-06-30 最后回复 2017-07-31

空空如也

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

TA关注的人 TA的粉丝

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