- 博客(58)
- 收藏
- 关注
RSS订阅原创 前端修改浏览器滚动条样式
::-webkit-scrollbar {width:5px;height:5px;position:absolute;}::-webkit-scrollbar-thumb {background-color:#1890ff}::-webkit-scrollbar-track {background-color:#ddd}
2021-09-22 19:59:48
298
原创 前端项目中(Vue)表单校验规则总结
1.手机号验证export var phoneValidate = (rule, value, callback) => { var phone = value.replace(/\s/g, "");//去除空格 //校验手机号，号段主要有(不包括上网卡)：130~139、150~153，155~159，180~189、170~171、176~178。14号段为上网卡专属号段 let regs = /^((13[0-9])|(17[0-1,6-8])|(15[^4,\\D
2021-08-06 16:07:08
518
原创 前端项目中遇到的坑 总结
1.区分数组的indexOf/findIndex/find 的使用场景findIndex() 方法传入某个条件,返回符合条件的数组第一个元素位置 ,如果没有找到返回 -1indexOf() 方法传入的是指定元素 , 返回数组中某个指定的元素位置。如果在数组中没找到指定元素则返回 -1。find() 方法传入某个条件,返回符合条件的数组第一个元素 ,如果没有找到返回undefined (注:这个undefined,经常会带来一些报错,可以换用findIndex方法)// var num =
2021-08-06 13:51:03
380
原创 Swiper插件在Vue项目中使用时遇到的坑
1.按照官方文档给的步骤,在vue项目中下载依赖使用出错 答:因为swiper官方给的是最新版本的,直接引入的也是ts文件和less文件,vue2不支持,所以想vue2支持需要下载低版本的swiper2.在含有swiper轮播图页面使用定时器的时候,swiper轮播图播放出现混乱 答:swiper和定时器冲突,解决方法:把轮播图单独封装起来或者是把含有定时器的功能封装起来,反正就是两个不能在一个页面上3.swiper对象初始化问题,第一张占满了盒子 如...
2021-08-05 16:43:06
622
原创 ECharts图的适配
ECharts图的适配一、如果页面没有侧边栏的展开和折叠mounted钩子函数中,对窗口大小变化的事件进行监听destroyed钩子函数中,组件销毁取消事件监听调用echarts提供的API resize方法mounted() { ... window.addEventListener('resize', this.screenAdapter)},destroyed() { ... window.removeEventListener('resize', this
2021-05-20 14:46:51
1930
原创 移动端---媒体查询
1.响应式布局介绍:一个html页面适配多个不同的设备 优点:全适配(一个html文件就可以适配所有的屏幕) 缺点:不便于维护(响应式布局其实把多个页面的css写在了一个html中,造成css代码冗余)2.核心原理:使用媒体查询技术,根据不同的设备尺寸加载不同的样式3.媒体查询语法标准语法 @media screen and(设备尺寸) {css样式} 简写: @media(设备尺寸) {css样式} 注意:括号里不需要添加分号 区间查询 设备尺...
2020-11-24 22:10:21
1650
原创 移动端布局--flex弹性盒子
flex弹性盒子布局介绍 什么是伸缩布局(弹性布局) 是CSS3中一种新的盒子模型-伸缩盒子模型.是block,inline-block,line的基础上延伸出来的新一代布局模式特点:a.伸缩盒子最大的特点就是把控件可以最合理高效的方式分配给每一个子盒子b.当伸缩盒子中所有的子元素总宽 大于flex伸缩盒子宽高是,子元素并不会超出,flex盒子会自动按照每一个子元素的宽高比例合理分配注意:1.弹性盒子控制子元素布局,只对亲儿子有效2.弹性盒子的子元素...
2020-11-24 21:55:09
335
原创 盒子阴影生成盒子边框的巧妙应用
盒子阴影生成盒子边框的巧妙应用在平时使用CSS3 盒子模型时,需要添加边框,添加了边框后可能会影响盒子里图片内容的宽高比例,导致边框连接的地方会出现小缝隙.在不考虑兼容性的情况下,可以使用阴影来完成左右的边框可以使用:box-shadow:1px 0 0 0 red; 上下边框可以使用:box-shadow:0 1px 0 0 red; 左和上为负数在使用:hover给盒子添加边框的时候会出现抖动,在不考虑兼容性的情况下,也可以使用阴影来完成.box-shado...
2020-11-24 21:46:22
215
原创 移动端顶部和底部做法
用户的的设备太宽会导致图片失真的做法:max-width 最大宽度 :当屏幕宽度大于等于750px的时候,body的宽度是750px,当屏幕宽度小于750px的时候,body的宽度和屏幕一样body {width:100%;max-width:750px;margin:0 auto}移动端顶部和底部固定定位的做法:.head {position:fixed;/*一般情况下,绝对定位和固定定位如果没有加便宜,还在原来的位置*/width:100%;..
2020-11-24 21:28:27
784
原创 CSS3---背景尺寸,线性渐变
CSS3背景尺寸大小语法:background-size:cover/contain;background-size:180px auto;background-size:50%;cover 背景图片等比例缩放,铺满盒子,图片有可能显示不完整 contain 背景图片等比例缩放,图片显示完整,有可能铺不满盒子 写一个数值, 代表是宽高等比例缩放,高默认值是auto 写两个数值 第一个代表宽,第二个代表高 写百分比 参考是盒子的宽高 写一个百分比的值,参考是盒子的宽,不...
2020-11-22 15:58:54
477
原创 CSS----高级技巧(三角,用户界面样式,图片表单语文本对齐,文本省略号,)
CSS三角 div { width: 0; height: 0; border: 50px solid transparent; border-color: red green blue black; line-height:0; font-size: 0; }1.我们用css边框可以模拟三角效果2.宽度高度为03.我们4个边框都要写,只保留需要的边框颜色,其余的不能省略,都改为transparent透明就好4.为了照顾兼容性低版本的浏览器,加上
2020-11-11 21:59:52
293
原创 爬虫(cookie,代理IP)
1.先登录得到url 和cookieimport urllib.requesturl="https:***"headers={ "Host ":"blog.csdn.net" , "Connection ":"keep-alive" , # "Cache-Control ":"max-age=0" ,
2018-09-07 23:38:27
768
原创 Python 爬虫 (翻页爬取,腾讯社招网)
1.创建项目tencentSpiderscrapy startproject tencentSpider2.进入项目下创建爬虫scrapy genspider -t crawl tencent hr.tencent.com3.编辑items.py 写入提取字段模块类# -*- coding: utf-8 -*-# Define here the models fo...
2018-09-04 16:38:05
1231
原创 Django小项目--理财产品信息管理系统
一、具体要求建立数据表FinancingProduct,创建主键,添加测试数据(至少4条) 使用Django命令创建web项目FinancingProductSys,生成相应的项目文件目录 3.在models.py文件上面创建实体类FinancingProduct a.参考FinancingProduct表编写属性 b...
2018-09-02 18:16:47
4375
1
原创 Python爬虫02(urllib自带模块编写)
Python 3.x版本后的urllib和urllib2现在的Python已经出到了3.5.2在Python 3以后的版本中，urllib2这个模块已经不单独存在（也就是说当你import urllib2时，系统提示你没这个模块），urllib2被合并到了urllib中，叫做urllib.request 和 urllib.error 。urllib整个模块分为urllib.reques...
2018-08-23 21:42:00
450
原创 Hive SQL(分区和分桶)
1.HIVE 分区表在 hive select 查询中一般会扫描整个内容,消耗很多时间组没必要的工作.有时候只需要扫描表中的一部分关心的数据,因此建表时引入了partition 概念.分区表指的是在创建表时指定的partition的分区空间,Hive可以对数据按照某列或者某些列进行分区管理\举个例子:当前互联网应用每天都要存储大量的日志文件，几G、几十G甚至更大都是有可能。存储日志，其...
2018-08-19 15:14:29
3266
原创 Python爬虫(概念基础01)
爬虫怎么抓取网页数据:网页的三大特征网也有自己唯一的URL(统一资源定位符)来进行定位 网页都使用HTML(超文本标记语言)来描述页面信息 网页都使用HTTP/HTTPS(超文本传输协议)协议来传输HTML数据爬虫的设计思路首先确定需要爬取的网页URL地址 通过HTTP/HTTPS协议来获取对应的HTML页面 提取HTML页面里有用的数据 a.如果是需要的数据,保存起来 b....
2018-08-17 23:04:12
363
原创 Hive
什么是HIVE1.数据仓库解决方案建立在Hadoop之上2.提供了sql查询语言命名蜂巢HQL查询语言,最小的学习曲线3.HIVE早期开发工作从2007年开始在Facebook4.HIVE使越来越多的人开始使用5.HIVE是一个Apache Hadoop项目hive.apache.orgHIVE的优点提供了一个简单,优化模型与编码 HQL和SQL有相似的语法和高生产率...
2018-08-16 15:22:41
274
原创 Spark
一 为什么用SPARK先进的大数据分布式编程和计算框架 试图代替HADOOP(SPARK可以独立于HADOOP) 内存分布式计算:运行速度快 可以用不同语言编程(JAVA,SCALA,R,PYTHON) 可以从不同的数据源取数据(HDFS,Cassandra,HBase) 实现不同的大数据功能:Spark Core,Spark SQL,Spark Streaming,Spark M...
2018-08-09 22:16:08
508
原创 Django--模板语言
一.变量变量看起来就像这样{{variable}}当模板引擎遇到一个变量,它将从上下文context中获取这个变量的值,然后用值替换掉它本身变量的命名包括任何字母数字以及下划线('_')的组合.点('.')也有可能会在变量名中出现,不过它有特殊的含义.最重要的是变量名中不能有空格或标点符号当模板系统遇到('.')它将以这样的顺序查询这个圆点具体代表的功能:字典查询 属性或方法...
2018-07-31 22:46:22
331
原创 SPARK CORE(python编程)
一、SPARK CORE的使用1.在JUPYTER网页上创建新的ipynb文件2.环境准备代码import osimport sys spark_home = os.environ.get('SPARK_HOME',None)if not spark_home: raise ValueError('SPARK_HOME enviroment variabl...
2018-07-31 17:25:51
442
原创 Django--(后台管理 小说书籍项目)
基本流程(MTV)V:视图views:接受请求,逻辑处理,调用数据,输出响应 配置url:在自己的应用中配置path()M:模型model:负责与数据库交互 面向对象:模型对象,列表 定义模型类:指定属性及类型,以确定表的结构,迁移 后台管理:创建管理员,启动服务器,admin,注册admin.pyT:模板Template 加载:读取文件的内容代内存 渲染1.创建...
2018-07-31 00:41:27
2697
原创 Python--大数据03
一、修改主机名和映射1.切换root用户,修改需要权限2.修改主机名 vi /etc/hostname保存退出3.修改主机映射 vi /etc/hosts保存退出4.重启5.修改window下的映射在桌面打开这个文件(记事本),输入以下内容,记住一定输入你配置的静态ip,保存关闭将桌面的文件拖到原来的文件夹中选择替换以管理...
2018-07-28 18:22:30
563
原创 Python--大数据02
一、Xshell创建用户和文件目录Xshell里连接虚拟机1.创建一个新的用户 hadoop命令 useradd hadoop -m-m 是为hadoop创建一个主体目录2.为hadoop用户设置密码命令:passwd hadoop3.理解[root@bogon ~]#root 表示系统用户@表示在bogon 主机名称~ 标识主体目录二、解压缩文件和...
2018-07-26 22:43:11
210
原创 Python--大数据
一、虚拟机1.安装完成之后,进入虚拟机,进行编辑虚拟机配置2.登录系统管理员,输入密码时是不会显示的,直接输完按回车进入对虚拟机的IP进行修改获取虚拟机的ip[centos7版本下可以使用ip a;低版本需使用ifconfig]注:我是在VirtualBox上装的CentOS 7 Minimal，网上搜了一下原因，可能是CentOS 7的最小化安装少了一些工具，比如 i...
2018-07-25 22:19:34
2058
原创 Django--X-admin (产品管理后台项目)
X-admin - 经典前端后台模板框架使用1.设置环境下载x-admin安装包 找到python解释器路径 将安装包放入与pip所在的script文件下 使用DOS命令进行安装安装成功 pip list 显示x_admin在项目中创建新的文件夹 将解压的x-admin放入文件夹中然后将所粘贴进来的的x-admin文件右键设置可直接引用引用文件Mark Director...
2018-07-22 21:23:11
2611
原创 Django--jQuery easyUI
一、jQuery easyUIjQuery easyUI是建立在jQuery javaScript库上的一组用户界面交互、特效、小部件及主题.无论您是在创建高度交互的Web应用程序还是仅仅想窗口控制添加一个日期选择器,jQuery easyUI 都是一个完美的选择1创建新的项目,导入静态资源,更改setting设置下载下来的jQuery easyUI包找到所选文件导入静态资源stat...
2018-07-18 00:36:57
1630
3
原创 Django 02 项目内容的编辑02
1.将富文本添加到saveblog.html中打开b.html页面,将方框内的代码写入saveblog.html中,同时textarea起id为myEditorsaveblog.html其他代码不变运行浏览器效果为2.自定义富文本 Django分页要实现分页首先在views中导入模块 然后写入函数...
2018-07-11 21:01:33
209
原创 Django 02 项目内容的编辑
一、创建一个新的模块1.在新的模块中添加新的models.py,用来在数据库创建新的表来记录博客的基本信息#usr/bin/python#-*-coding:utf-8-*-from django.db import modelsfrom blog_user.models import BlogUserclass Blog(models.Model): title=model...
2018-07-10 17:31:19
238
原创 Django 02 简单注册页面的创建3
一、Session和Cookies1.session在计算机中,尤其是在网络应用中,称为"会话控制".session对象存储特定用户会话所需要的属性及配置信息.这样,当用户在应用程序的web页之间请求跳转时,储存在session对象中的变量将不会丢失,而是在整个用户会话中一直存在下去.当用户请求来自应用程序的web页时,如果该用户还没有会话,则web服务器将自动创建一个session对象.当会话过...
2018-07-08 23:51:11
297
原创 Django 02 简单注册页面的创建2
一、AJAX有的时候我们必须点击提交页面才告诉我们用户名重复,这样很影响用户体验,所以我们应当在输入密码的时候就要告诉我们用户名已存在我们需要使用ajax(ajax:jquery 是一种静态资源),不需要我们提交当我们输入密码的时候就可以告诉我们用户名存在1.什么是AJAX?AJAX=异步JavaScript 和XMLAJAX是一种用于创建快速动态网页的技术.通过在后台与服务器进行少量数据交接,A...
2018-07-07 15:06:14
307
原创 Django 02 简单注册页面的创建1
当在网页运行时候报错:200-300代表成功300-400位置发生改变400-500资源不可用,比如资源地址写的不对,或者资源地址写的对但权限不够,500 服务器页面错误
2018-07-02 21:52:58
601
原创 Django01 (介绍)
一、框架介绍Django项目是一个python定制框架,它源自一个在线新闻web站点,于2005年以开源的形式被释放出来.Django框架的核心组件有: 1.用于创建模型的对象关系映射 2.一流的URL设计 3.为最终用户设计的完美管理界面 4.设计者友好的模板语言 5.缓存系统二、框架MVC大部分开发语言中都有MVC框架MVC框架的核心思想是:解耦降低各功能模块之间...
2018-06-30 23:21:05
328
原创 MySQL数据库07(Python3 MySQL 数据库连接)
本文是Python3 使用PyMySQL连接数据库,并实现简单的增删改查一、什么是PyMySQL?PyMySQL是在python3版本中用于连接MySQL服务器的一个库,Python2中则使用mysqldb二、PyMySQL安装再使用PyMySQL之前 需要确保PyMySQL已安装如果还未安装,我们可以使用以下命令安装最新版的PyMySQL: pip install PyMySQL三、数据库连接...
2018-06-28 00:32:22
300
原创 MySQL数据库06(事务、视图、索引、备份和恢复)
MySQL 事务主要用于处理操作量大，复杂度高的数据。比如说，在人员管理系统中，你删除一个人员，你即需要删除人员的基本资料，也要删除和该人员相关的信息，如信箱，文章等等，这样，这些数据库操作语句就构成一个事务！...
2018-06-22 21:55:15
948
原创 MySQL数据库05(高级查询练习)
一、高级查询练习(添加一些练习数据)我的租房网客户信息表 CREATE TABLE `sys_user` ( `UID` INT(4) NOT NULL AUTO_INCREMENT, `uName` VARCHAR(10) NOT NULL, `uPassWord` VARCHAR(20) DEFAULT NULL, PRIMARY KEY (`UID`)) ENGINE=I...
2018-06-22 21:26:16
8149
原创 MySQL数据库04(高级查询)
一、EXISTS子查询1.用SQL语句检测temp表是否已经创建语法:DROP TABLE IF EXISTS temp;CREATE TABLE temp( ...#省略建表语句 )2.EXISTS子查询语法:SELECT ......FROM 表名 WHERE EXISTS(子查询);子查询有返回结果:EXISTS子查询结果为TRUE子查询无返回结果:EXISTS子查询结果FALSE,外层查...
2018-06-19 23:00:34
4432
原创 MySQL数据库03(MySQL的存储引擎 DML语句 父子查询 )
一、MySQL的储存引擎储存引擎的类型:MyISAM、InnoDB、 Memory、CSV等九种MyiSAM和InnoDB类型主要区别名称InnoDBMyISAM事务处理支持不支持数据行锁定支持不支持外键约束支持不支持全文索引不支持支持表空间大小较大,约2倍较小适用场合<1>使用MyISAM:不需事务,空间小,以查询访问为主<2>使用InnoDB:多删除,更新操作, 安全性...
2018-06-15 21:18:48
990
原创 MySQL数据库02(数据类型 字段的约束及属性 表的DML语句 )
MySQL数据类型--数值类型类型说明取值范围存储需求TINYINT非常小的数据有符值:-2(7次方)~ 2(7次方)-1 无符号值：0 ~ 2(8次方)-11字节SMALLINT较小的数据有符值： -2(15次方) ~ 2(15次方)-1 无符号值： 0 ~ 2(16次方)-1 2字节MEDIUMINT中等大小的数据有符值： -2(23次方) ~ 2(23次方)-1 无符号值： 0...
2018-06-12 20:54:41
1298
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人