- 博客(101)
- 收藏
- 关注
RSS订阅原创 【CSS布局】详解display，position， float属性！
页面布局，或者是在页面上做些小效果的时候经常会用到 display,position和float 属性，如果对它们不是很了解的话，很容易出现一些莫名其妙的效果，痛定思痛读了《CSS Mastery》后总结一下。让我们从基础的CSS知识谈起，相信很多初学者和小弟一样不明白CSS原理，一味追求效果，结果页面漏洞百出，错误匪夷所思，关于盒模型我就不多说了，网上很多，注意一下IE和其他浏览器（W3C规范）的区别就好了。块级元素与行内元素首先谈谈人们经常提及的块级元素和行内(内联)元素p, ..
2020-08-14 16:53:10
484
原创 HTML内容知识详解！
HTML介绍Web服务本质import socketsk = socket.socket()sk.bind(("127.0.0.1", 8080))sk.listen(5)while True: conn, addr = sk.accept() data = conn.recv(8096) conn.send(b"HTTP/1.1 200 OK\r\n\r\n") conn.send(b"<h1>Hello world!<..
2020-08-14 16:32:51
424
原创 【CSS布局！】
一些基本概念viewport: 展现网页的媒体，比如窗口或者某个区域，它的大小是有限制的，为了不被平台术语所束缚，我们给他起名viewport，中文意思就是视口。 canvas: 而我们在渲染网页的时候通常并不知道我们需要多大的空间，而且这些空间通常尺寸会超过viewport的大小，于是实际上我们需要设想一个无限大的画布来绘制我们的元素，我们把它称为canvas。 box: element（元素）和node(节点)是大家很熟悉的概念，当我们做布局计算的时候，通常会把节点变成box，一个节点可能产生多
2020-08-14 16:21:47
214
原创 JavaScript中的类型详解！
一、关于类型什么叫做类型？简单地说，类型就是把内存中的一个二进制序列赋予某种意义。比如，二进制序列0100 0000 0111 0000 0001 0101 0100 1011 1100 0110 1010 0111 1110 1111 1001 1110如果看作是64位无符号整数类型就是4643234631018606494 而按照IEEE 754规定的浮点数二进制表示规则（见附1）双精度浮点类型则是257.331。变量类型大部分计算机语言使用变量来存储和表示数据,一些语言会给变量规定一个类型
2020-08-14 16:14:06
292
原创 CSS的选择器!
最近在研究jQuery的选择器，大家知道jQuery的选择器和css的选择器非常相似，所以整理一下css选择器；css1-css3提供非常丰富的选择器，但是由于某些选择器被各个浏览器支持的情况不一样，所以很多选择器在实际css开发中很少用到。1.基础的选择器 选择器 含义 示例 * 通用元素选择器，匹配任何元素 * { margin:0; padding:0; } .
2020-08-14 16:11:28
168
原创 移动端二维码弹出框,自适应屏幕尺寸！
qrcode box，一个小小的二维码工具，通过调用它，可以在页面中间弹出一个二维码窗口，主要是面向移动设备的，对于PC端浏览器而言，百度分享和JiaThis已经做的很好了。 qrcode box有啥特点呢？它能够自动适应屏幕，并且不受移动设备横屏、竖屏切换的干扰。同时，无论是横屏的pad设备，还是竖屏的phone设备，qrcode box均有良好表现。 但是，qrcode box并不是完全响应式的，它的尺寸不会跟随屏幕可视区尺寸变化而变化，因为这貌似没什么用(...
2020-08-12 15:36:57
769
原创 原生JavaScript事件详解！！！
JQuery这种Write Less Do More的框架，用多了难免会对原生js眼高手低。 小菜其实不想写这篇博客，貌似很初级的样子，但是看到网络上连原生js事件绑定和解除都说不明白，还是决定科普一下了。 首先声明，小菜懂的也不是很多，只是把我的思路和大家分享一下。DOM0事件模型 事件模型在不断发展，早期的事件模型称为DOM0级别。 DOM0事件模型，所有的浏览器都支持。 直接在dom对象上注册事件名称，就是DOM0写法...
2020-08-12 15:03:52
416
原创 YprogressBar,html5进度条样式,js进度条插件！
简介 YprogressBar是一款基于HTML5的进度条插件。 YprogressBar是一款轻量级进度条插件，使用方便，资源占用少，模仿好压的解压界面，带有数字显示，同时支持在描述中增加参数，以动态显示更详细的执行信息，比如上传速度、剩余时间等等。 YprogressBar代码书写简洁，结构设计合理，不会给您的系统带来不良影响。界面预览使用说明文件引用 只需引用yprogressbar.css和yprogressbar.js文件即可...
2020-08-12 14:53:09
333
原创 谷歌(Chrome)浏览器调试JavaScript小技巧！
谷歌浏览器不仅仅可以用来上网，对于开发人员来说，它更像是一款强大的开发辅助工具。 工欲善其事必先利其器，接下来笔者给大家分享一些Chrome的使用方法。 假如读者了解如何在Chrome中添加JavaScript断点，那请继续阅读；否则，自行脑补。 假如有这样一段代码： 1 var a = 1; 2 3 function test(){ 4 var a, b, c, d, e; 5 6 a = 2; 7 b ...
2020-08-12 14:43:03
263
原创 CSS从大图中抠取小图完整教程(background-position应用)！
前言：相信很多喜欢研究网页界面的童鞋都遇到过一个奇妙的现象：网页中很多图片素材被合成在一张图片上。 起初小菜模仿网站的时候，经常遇到这个现象，那时候也不知道这时什么技术，人家的整张图片素材不会利用，只能用ps切图，切成单个的再用。。。 其实，这是一个非常简单的技术，就是因为想象的太难了，才一直找不到问题的关键。 要想实现CSS抠图，只需要用到一个属性：background-position。 按照字面理解，这个属性就是背景定位...
2020-08-11 22:21:28
415
原创 CSS浮动(float,clear)通俗讲解！
前言：很早以前就接触过CSS，但对于浮动始终非常迷惑，可能是自身理解能力差，也可能是没能遇到一篇通俗的教程。 前些天小菜终于搞懂了浮动的基本原理，迫不及待的分享给大家。写在前面的话： 由于CSS内容比较多，小菜没有精力从头到尾讲一遍，只能有针对性的讲解。 如果读者理解CSS盒子模型，但对于浮动不理解，那么这篇文章可以帮助你。 小菜水平有限，本文仅仅是入门教程，不当之处请谅解！ 本文以div元素布局为例。...
2020-08-11 22:04:15
323
原创 纯CSS的逼真的反射效果!!!
前言先赞再看，养成习惯~接下来主要更新面向初学者的基本编码教程。简明扼要，小编只挑选了所有教程在10分钟之内的精髓！大师们有更好的见解欢迎在评论区留言告知，谢谢大家的关注、点赞、收藏！在本教程中，我们将向您展示如何在短短几分钟内仅使用CSS创建任何元素的反射效果！在学习web前端的过程中，难免会遇到很多的问题，这些问题可能会困扰你许久，为此我有个web开发学习交流群（545667817 ），里面都是 CSDN 的小伙伴，并整理了一份最全面前端学习资料,从最基础的HTML+...
2020-08-10 17:21:01
952
原创 这玩意儿叫H5编辑器??不应该叫H5全能王吗？
前言先赞再看，养成习惯~作为一名程序员，产品经理、设计师等身兼数职的我，推荐一款年度最佳的H5编辑器给大家，真心牛逼，业界良心，看的我热血沸腾，回家一脚踢飞正在熟睡的哈士奇！H5DS编辑器，软件截图：推荐理由1：时间轴支持动画时间轴，调试动画和音频给图层添加动画后可以通过时间轴设置动画，真的很直观和方便。效率提升N倍。其中紫色块表示进入动画，蓝色是离开动画，黄色块是强调动画，绿色块表示音频，另外时间轴开可以设置音乐播放的开始时间。推荐理由2：批量操作批量选..
2020-08-10 17:14:31
395
原创 能解决80%需求的 10个 CSS动画库!
前言点赞再看，养成习惯~1.Animista网站地址:http://animista.net/网站描述:在线生成 css 动画在学习web前端的过程中，难免会遇到很多的问题，这些问题可能会困扰你许久，为此我有个web开发学习交流群(545667817 )，里面都是 CSDN 的小伙伴，并整理了一份最全面前端学习资料,从最基础的HTML+CSS+JS 到移动端HTML5的项目实战的学习资料都有整理，想学习的都可以申请加入，大家互相学习，互相交流，共同进步，每日分享不同的学习资料！.
2020-08-10 17:01:17
451
原创 Web前端基础知识整理（一）
1. typeof返回的数据类型typeof返回的数据类型包括undefined、string、number、boolean、symbol、Object、Function类型。2. 检查数组的方式isArray()方法、toString.call()、instanceof Array3. js中的call、apply、bind方法的区别js中的call apply bind都是用来改变方法上下文（context），就是可以使函数可以被其他对象调用。let hxy = {...
2020-08-08 22:08:32
169
原创 JavaScript词法！
InputElement 输入元素输入元素是JS词法扫描程序拿到的最基本元素了，也就是JS程序源代码中表达特定意义的"单词"。输入元素共分为四种：InputElement :: WhiteSpace Comment Token LineTerminator值得注意的是，JS规范里面其实定义了两种InputElement ，如下所示InputElementDiv :: WhiteSpace Comment Token Li
2020-08-08 22:02:33
447
原创 【web前端】前端工程师成长必备好书！
1 引言乱七八糟的书看了很多，有一本讲JavaScript的印象特别深开篇说的是"JavaScript是Java的脚本语言"，但还是看完了，最后忘了书名。下面列的这些都是看过后至少记得起书名的，也有部分是经常看的书，一起列出来，推荐给爱学习的同学。2 前端技术2.1 综合·《现代前端技术解析》·《Web前端开发最佳实践》·《Web前端工程师修炼之道》·《编写高质量代码-Web前端开发修炼之道》·《响应式Web设计 HTML5和CSS3实战》 第二版·《响...
2020-08-03 21:21:53
205
原创 windows一键部署java项目
目录准备工作Inno Setup基础使用配置JDK环境变量Tomcat安装部署MySQL安装部署遇到的坑小技巧因为公司需求，要在windows的环境上做一键部署启动java项目，同时还要支持从安装界面动态修改配置文件的IP地址。就像安装软件一样将jdk，tomcat，mysql，influxdb，nginx安装并配置到系统上，顺便还要初始化一下数据。花了一周的时间，这里记录踩坑日志。在学习Java的过程中，难免会遇到很多的问题，这些问题可能会困扰你许久，为此我有个Java
2020-08-03 15:24:31
937
3
原创 Idea开发环境中搭建Maven并且使用Maven打包部署程序
阅读目录1.配置Maven的环境变量 2.Idea开发环境中搭建Maven 3.使用Maven开发JavaWeb项目(Idea14) 4.使用Maven打包JavaWeb项目在学习Java的过程中，难免会遇到很多的问题，这些问题可能会困扰你许久，为此我有个Java学习交流群（925050116），里面都是来自知乎的小伙伴，大家互相学习互相交流共同进步，每日分享不同的学习资料。1.配置Maven的环境变量 a.首先我们去maven官网下载Maven程序，解压到安...
2020-08-01 21:43:05
306
2
原创 【java项目命名规范】
一、命名规范1、 项目名全部小写2、 包名全部小写3、 类名首字母大写，如果类名由多个单词组成，每个单词的首字母都要大写。如：public class MyFirstClass{}4、 变量名、方法名首字母小写，如果名称由多个单词组成，每个单词的首字母都要大写。如：int index=0;public void toString(){}5、 常量名全部大写如：public static final String GAME_COLOR...
2020-08-01 21:38:10
699
2
原创 【Java爬虫】
一、代码爬虫的实质就是打开网页源代码进行匹配查找，然后获取查找到的结果。打开网页：URL url = new URL("http://www.cnblogs.com/Renyi-Fan/p/6896901.html");读取网页内容：BufferedReader bufr = new BufferedReader(new InputStreamReader(url.openStream()));正则表达式进行匹配：tring mail_regex = "\\...
2020-08-01 21:33:53
204
2
原创 【Java web】tomcat服务器安装！
在学习Java的过程中，难免会遇到很多的问题，这些问题可能会困扰你许久，为此我有个Java学习交流群（925050116），里面都是CSDN的小伙伴，大家互相学习互相交流共同进步，每日分享不同的学习资料。一、官网下载二、解压（安装）下载好之后直接解压即可，三、配置环境变量（非常重要）为什么要配置这个环境变量呢，因为启动的startup.bat里面要用到四、访问tomcat服务器注意：1、配置环境变量非常...
2020-07-31 20:33:20
178
2
原创 【Java】手工编写JavaWeb项目！
一、打开Tomcat服务器在学习Java的过程中，难免会遇到很多的问题，这些问题可能会困扰你许久，为此我有个Java学习交流群（925050116），里面都是CSDN的小伙伴，大家互相学习互相交流共同进步，每日分享不同的学习资料。二、编写简单的web项目三、访问项目并且，tomcat服务器也是可以直接访问.txt的，其实就和其它的web服务器一样，什么都可以访问，和之前用的windows的IIS一样...
2020-07-31 20:27:22
241
1
原创 【Java游戏】java俄罗斯方块！
目录一、心得二、游戏实例三、代码一、心得 在学习Java的过程中，难免会遇到很多的问题，这些问题可能会困扰你许久，为此我有个Java学习交流群（925050116），里面都是CSDN的小伙伴，大家互相学习互相交流共同进步，每日分享不同的学习资料。点击获取更多素材游戏源码！！百度盘链接链接：http://pan.baidu.com/s/1mhQ9SYc 密码：9ujo二、游戏实例游戏截图目录结构三、代码1...
2020-07-31 20:10:34
3164
3
原创 【Java基础】：java之Spi 小实战！
背景Java 中区分 Api 和 Spi，通俗的讲：Api 和 Spi 都是相对的概念，他们的差别只在语义上，Api 直接被应用开发人员使用，Spi 被框架扩张人员使用，详细内容可以看： 【Java基础】java详解SPI和APIJava类库中的实例代码Class.forName("com.mysql.jdbc.Driver"); Connection conn = DriverManager.getConnection( "jdb..
2020-07-30 20:35:11
211
1
原创 【Java基础】java详解SPI和API
背景第一次听说 SPI 是阅读《软件框架设计的艺术》，以后陆续在 Log4Net 和Quartz.Net中发现了以这种形式组织代码的方式，本文给出为什么要区分 SPI 和 API 的一个思考过程。从面向接口编程说起我们在“调用方”和“实现方”之间引入了“接口”，上图没有给出“接口”应该位于哪个“包”中，从纯粹的可能性上考虑，我们有三种选择：“接口”位于“调用方”所在的“包”中。 “接口”位于“实现方”所在的“包”中。 “接口”位于独立的“包”中。下面让我们依次分析这三种可能性，如.
2020-07-30 20:28:34
233
1
原创 【Java入门】Java快速入门—java基础代码知识汇总（下）
你好，欢迎打开Java世界！知识总结接：【Java入门】Java快速入门—java基础代码知识汇总（上）常量不废话了，直接看代码：public final class Program { static final String STATIC_CONSTANTS = "STATIC_CONSTANTS"; final String INSTANCE_CONSTANTS = "INSTANCE_CONSTANTS"; public static void main(.
2020-07-30 17:10:58
160
1
原创 【Java入门】Java快速入门—java基础代码知识汇总（上）
你好，欢迎打开Java世界！源代码组织方式Java程序由package+class组成，package对应目录的相对路径，class对应文件，如：E:\Workspaces\MyEclipse 10\JavaStudy\src\com\happyframework\javastudy\hello\Hello.javapackage com.happyframework.javastudy.hello; public final class Hello { public.
2020-07-30 16:52:45
277
1
原创 【Python实例】Python五分钟码出—女神颜值打分系统（人脸识别）！
目录一、引入#二、注册百度API#三、用Python调用百度API#四、用Tk做一个界面#任何有关Python、后端开发、爬虫、数据结构与算法、大数据分析、机器学习、深度学习的内容知识~~~欢迎加入我们的学习基地前来学习交流（学习基地点这里）(52G视频资料点这里)！！！一、引入杨幂和杨超越到底谁更美，用Python做了一个女神颜值打分系统101啊呀天气越来越热啦，校园里，地铁上的美女小姐姐越来越多，都说夏天是恋爱的季节，到时什么样的才算是美女呢？其实我还是觉得.
2020-07-29 15:50:46
1008
3
原创 【Python基础】详解Python-元组和列表序列类型！
目录一、概要#二、序列类型定义#2.1 序号的定义#三、序列处理函数及方法#3.1 序列类型操作实例#3.2 序列类型通用函数和方法#四、元组类型及操作#4.1 元组类型定义#4.2 元组类型操作#五、列表类型及操作#5.1 列表类型定义#5.2 列表类型操作函数和方法#5.3 列表功能默写#5.3.1 题目#5.3.2 答案#六、序列类型应用场景#6.1 元素遍历#6.2 数据保护#七、单元小结#任何有关Python、后.
2020-07-29 15:02:05
1223
1
原创 【Python小实例】五分钟码出Python-科赫雪花！
目录一、"科赫雪花小包裹"问题分析#1.1 科赫雪花#1.2 用Python绘制科赫曲线#二、"科赫雪花小包裹"实例讲解(上)#2.1 科赫曲线的绘制#2.2 科赫雪花的绘制#三、"科赫雪花小包裹"实例讲解(下)#四、"科赫雪花小包裹"举一反三#4.1 绘制条件的扩展#4.2 分形几何千千万#任何有关Python、后端开发、爬虫、数据结构与算法、大数据分析、机器学习、深度学习的内容知识~~~欢迎加入我们的学习基地前来学习交流（学习基地点这里）(52G视频.
2020-07-29 14:52:23
1119
1
原创 【Python实例】Python三分钟码出七段数码管！
目录一、"七段数码管绘制"问题分析#1.1 问题分析#1.2 七段数码管绘制时间#二、"七段数码管绘制"实例讲解(上)#2.1 基本思路#2.2 步骤1#2.3 步骤2#三、"七段数码管绘制"实例讲解(下)#3.1 绘制漂亮的七段数码管#3.2 步骤3#四、"七段数码管绘制"举一反#4.1 理解方法思维#4.2 应用问题的扩展#任何有关Python、后端开发、爬虫、数据结构与算法、大数据分析、机器学习、深度学习的内容知识~~~欢迎加入我们的学.
2020-07-29 14:36:07
930
1
原创 【Python基础】Python函数的定义与使用详解！
目录一、概述#二、函数的理解与定义#2.1 函数的定义#三、函数的使用及调用过程#3.1 函数的调用#3.2 函数的调用过程#四、函数的参数传递#4.1 可选参数传递#4.2 可变参数传递#4.3 参数传递的两种方式#五、函数的返回值#六、局部变量和全局变量#6.1 规则1#6.2 规则2#6.3 使用规则#七、lambda函数#7.1 lambda函数的应用#八、小结#任何有关Python、后端开发、爬虫、数据结构与算法、大数据分
2020-07-29 14:25:09
1072
1
原创 【Python基础】3分钟理清楚Python程序的分支控制和异常处理！
目录一、概述#二、单分支结构#2.1 单分支示例#三、二分支结构#3.1 二分支示例#3.2 紧凑形式#四、多分支结构#五、条件判断及组合#5.1 条件判断#5.2 条件组合#5.3 条件判断及组合#六、程序的异常处理#6.1 异常处理#6.2 异常处理的基本使用#6.2.1 示例1#6.2.2 示例2#6.3 异常处理的高级使用#七、单元小结#一、概述单分支结构 二分支结构 多分支结构 条件判断及组合 程序的异常处理
2020-07-28 22:25:40
160
1
原创 【Python基础】五分钟搞定Python—Time库的使用！
目录一、概述#二、time库基本介绍#2.1 time库概述#三、时间获取#四、时间格式化#4.1 格式化控制符#4.2 时间格式化-代码#五、程序计时应用#5.1 程序计时#六、单元小结#一、概述time库基本介绍 时间获取 时间格式化 程序计时应用任何有关Python、后端开发、爬虫、数据结构与算法、大数据分析、机器学习、深度学习的内容~~~欢迎加入我们的学习基地前来学习交流（学习基地点这里）(52G视频资料点这里)！！！二、time.
2020-07-28 22:10:59
194
1
原创 【Java基础】详解Java反射机制！
一个困扰大多数小伙伴的问题：在运行时，对一个JAVA类，能否知道属性和方法；能否调用它的任意方法？答案是可以的，JAVA提供一种反射机制可以实现。目录：什么是JAVA的反射机制 JDK中提供的Reflection API JAVA反射机制提供了什么功能 获取类的Class对象 获取类的Fields 获取类的Method 获取类的Constructor 新建类的实例 Class<T>的函数newInstance ...
2020-07-25 15:48:47
152
1
原创 【Python基础】turtle库语法简析！
目录一、概述二、库引用与import2.1 库引用2.2 使用from和import保留字共同完成库引用2.3 两种库引用方法比较2.4 使用import和as保留字共同完成库引用三、turtle画笔控制函数四、turtle运动控制函数五、turtle方向控制函数六、循环语句与range()函数6.1 循环语句6.2 range()函数七、"Python蟒蛇绘制"代码分析7.1 初始化turtle框7.2 构造蛇身7.3 构造蛇头7.4 完
2020-07-25 15:13:27
1855
1
原创 Python海龟库来了—turtle库的使用！
目录一、概述二、turtle库基本介绍2.1 turtle库概述2.2 标准库2.3 turtle的原（wan）理（fa）2.4 turtle的魅力三、turtle绘图窗体布局3.1 turtle的绘图窗体四、turtle空间坐标体系4.1 turtle空间坐标体系五、turtle角度坐标体系六、RGB色彩体系6.1 RGB色彩模式6.2 常用RGB色彩6.3 turtle的RGB色彩模式七、小结一、概述turtle库基本介..
2020-07-25 14:57:09
3657
原创 2分钟学会Python绘制蟒蛇！
目录一、"Python蟒蛇绘制"问题分析1.1 Python蟒蛇绘制二、"Python蟒蛇绘制"实例编写三、运行效果3.1 程序关键四、"Python蟒蛇绘制"举一反三4.1 Python语法元素理解4.2 程序参数的改变4.3 计算问题的扩展一、"Python蟒蛇绘制"问题分析1.1 Python蟒蛇绘制用程序绘制一条蟒蛇貌似很有趣，可以来试试 先学会蟒蛇绘制，再绘朵玫瑰花送给TA设计蟒蛇的基本形状：问题1: 计算机绘图是什么原理？ 一段程
2020-07-25 14:34:02
1390
1
原创 Python： 唯一的“超级语言“！
目录一、概述 二、计算机技术的演进 2.1 计算机技术的演进过程 三、编程语言的多样初心 3.1 编程语言有哪些？ 3.2 不同编程语言的初心和适用对象 3.3 2018年以后的计算环境… 四、Python语言的特点 五、Python特点与优势 六、如何看待Python语言？ 七、"超级语言"的诞生 7.1 机器语言 7.2 汇编语言 7.3 高级语言 7.4 编程语言种类的发展 7.5 超级语言 八、小结一、概述计算机技术的演进 编.
2020-07-25 14:13:21
684
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人