- 博客(21)
- 收藏
- 关注
RSS订阅原创 【CSS布局】详解display，position， float属性！
页面布局，或者是在页面上做些小效果的时候经常会用到 display,position和float 属性，如果对它们不是很了解的话，很容易出现一些莫名其妙的效果，痛定思痛读了《CSS Mastery》后总结一下。让我们从基础的CSS知识谈起，相信很多初学者和小弟一样不明白CSS原理，一味追求效果，结果页面漏洞百出，错误匪夷所思，关于盒模型我就不多说了，网上很多，注意一下IE和其他浏览器（W3C规范）的区别就好了。块级元素与行内元素首先谈谈人们经常提及的块级元素和行内(内联)元素p, ..
2020-08-14 16:53:10
554
原创 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
461
原创 【CSS布局！】
一些基本概念viewport: 展现网页的媒体，比如窗口或者某个区域，它的大小是有限制的，为了不被平台术语所束缚，我们给他起名viewport，中文意思就是视口。 canvas: 而我们在渲染网页的时候通常并不知道我们需要多大的空间，而且这些空间通常尺寸会超过viewport的大小，于是实际上我们需要设想一个无限大的画布来绘制我们的元素，我们把它称为canvas。 box: element（元素）和node(节点)是大家很熟悉的概念，当我们做布局计算的时候，通常会把节点变成box，一个节点可能产生多
2020-08-14 16:21:47
256
原创 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
320
原创 CSS的选择器!
最近在研究jQuery的选择器，大家知道jQuery的选择器和css的选择器非常相似，所以整理一下css选择器；css1-css3提供非常丰富的选择器，但是由于某些选择器被各个浏览器支持的情况不一样，所以很多选择器在实际css开发中很少用到。1.基础的选择器 选择器 含义 示例 * 通用元素选择器，匹配任何元素 * { margin:0; padding:0; } .
2020-08-14 16:11:28
207
原创 移动端二维码弹出框,自适应屏幕尺寸！
qrcode box，一个小小的二维码工具，通过调用它，可以在页面中间弹出一个二维码窗口，主要是面向移动设备的，对于PC端浏览器而言，百度分享和JiaThis已经做的很好了。 qrcode box有啥特点呢？它能够自动适应屏幕，并且不受移动设备横屏、竖屏切换的干扰。同时，无论是横屏的pad设备，还是竖屏的phone设备，qrcode box均有良好表现。 但是，qrcode box并不是完全响应式的，它的尺寸不会跟随屏幕可视区尺寸变化而变化，因为这貌似没什么用(...
2020-08-12 15:36:57
837
原创 原生JavaScript事件详解！！！
JQuery这种Write Less Do More的框架，用多了难免会对原生js眼高手低。 小菜其实不想写这篇博客，貌似很初级的样子，但是看到网络上连原生js事件绑定和解除都说不明白，还是决定科普一下了。 首先声明，小菜懂的也不是很多，只是把我的思路和大家分享一下。DOM0事件模型 事件模型在不断发展，早期的事件模型称为DOM0级别。 DOM0事件模型，所有的浏览器都支持。 直接在dom对象上注册事件名称，就是DOM0写法...
2020-08-12 15:03:52
446
原创 YprogressBar,html5进度条样式,js进度条插件！
简介 YprogressBar是一款基于HTML5的进度条插件。 YprogressBar是一款轻量级进度条插件，使用方便，资源占用少，模仿好压的解压界面，带有数字显示，同时支持在描述中增加参数，以动态显示更详细的执行信息，比如上传速度、剩余时间等等。 YprogressBar代码书写简洁，结构设计合理，不会给您的系统带来不良影响。界面预览使用说明文件引用 只需引用yprogressbar.css和yprogressbar.js文件即可...
2020-08-12 14:53:09
359
原创 谷歌(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
320
原创 CSS从大图中抠取小图完整教程(background-position应用)！
前言：相信很多喜欢研究网页界面的童鞋都遇到过一个奇妙的现象：网页中很多图片素材被合成在一张图片上。 起初小菜模仿网站的时候，经常遇到这个现象，那时候也不知道这时什么技术，人家的整张图片素材不会利用，只能用ps切图，切成单个的再用。。。 其实，这是一个非常简单的技术，就是因为想象的太难了，才一直找不到问题的关键。 要想实现CSS抠图，只需要用到一个属性：background-position。 按照字面理解，这个属性就是背景定位...
2020-08-11 22:21:28
465
原创 CSS浮动(float,clear)通俗讲解！
前言：很早以前就接触过CSS，但对于浮动始终非常迷惑，可能是自身理解能力差，也可能是没能遇到一篇通俗的教程。 前些天小菜终于搞懂了浮动的基本原理，迫不及待的分享给大家。写在前面的话： 由于CSS内容比较多，小菜没有精力从头到尾讲一遍，只能有针对性的讲解。 如果读者理解CSS盒子模型，但对于浮动不理解，那么这篇文章可以帮助你。 小菜水平有限，本文仅仅是入门教程，不当之处请谅解！ 本文以div元素布局为例。...
2020-08-11 22:04:15
390
原创 纯CSS的逼真的反射效果!!!
前言先赞再看，养成习惯~接下来主要更新面向初学者的基本编码教程。简明扼要，小编只挑选了所有教程在10分钟之内的精髓！大师们有更好的见解欢迎在评论区留言告知，谢谢大家的关注、点赞、收藏！在本教程中，我们将向您展示如何在短短几分钟内仅使用CSS创建任何元素的反射效果！在学习web前端的过程中，难免会遇到很多的问题，这些问题可能会困扰你许久，为此我有个web开发学习交流群（545667817 ），里面都是 CSDN 的小伙伴，并整理了一份最全面前端学习资料,从最基础的HTML+...
2020-08-10 17:21:01
1025
原创 这玩意儿叫H5编辑器??不应该叫H5全能王吗？
前言先赞再看，养成习惯~作为一名程序员，产品经理、设计师等身兼数职的我，推荐一款年度最佳的H5编辑器给大家，真心牛逼，业界良心，看的我热血沸腾，回家一脚踢飞正在熟睡的哈士奇！H5DS编辑器，软件截图：推荐理由1：时间轴支持动画时间轴，调试动画和音频给图层添加动画后可以通过时间轴设置动画，真的很直观和方便。效率提升N倍。其中紫色块表示进入动画，蓝色是离开动画，黄色块是强调动画，绿色块表示音频，另外时间轴开可以设置音乐播放的开始时间。推荐理由2：批量操作批量选..
2020-08-10 17:14:31
440
原创 能解决80%需求的 10个 CSS动画库!
前言点赞再看，养成习惯~1.Animista网站地址:http://animista.net/网站描述:在线生成 css 动画在学习web前端的过程中，难免会遇到很多的问题，这些问题可能会困扰你许久，为此我有个web开发学习交流群(545667817 )，里面都是 CSDN 的小伙伴，并整理了一份最全面前端学习资料,从最基础的HTML+CSS+JS 到移动端HTML5的项目实战的学习资料都有整理，想学习的都可以申请加入，大家互相学习，互相交流，共同进步，每日分享不同的学习资料！.
2020-08-10 17:01:17
524
原创 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
191
原创 JavaScript词法！
InputElement 输入元素输入元素是JS词法扫描程序拿到的最基本元素了，也就是JS程序源代码中表达特定意义的"单词"。输入元素共分为四种：InputElement :: WhiteSpace Comment Token LineTerminator值得注意的是，JS规范里面其实定义了两种InputElement ，如下所示InputElementDiv :: WhiteSpace Comment Token Li
2020-08-08 22:02:33
500
原创 【web前端】前端工程师成长必备好书！
1 引言乱七八糟的书看了很多，有一本讲JavaScript的印象特别深开篇说的是"JavaScript是Java的脚本语言"，但还是看完了，最后忘了书名。下面列的这些都是看过后至少记得起书名的，也有部分是经常看的书，一起列出来，推荐给爱学习的同学。2 前端技术2.1 综合·《现代前端技术解析》·《Web前端开发最佳实践》·《Web前端工程师修炼之道》·《编写高质量代码-Web前端开发修炼之道》·《响应式Web设计 HTML5和CSS3实战》 第二版·《响...
2020-08-03 21:21:53
251
原创 windows一键部署java项目
目录准备工作Inno Setup基础使用配置JDK环境变量Tomcat安装部署MySQL安装部署遇到的坑小技巧因为公司需求，要在windows的环境上做一键部署启动java项目，同时还要支持从安装界面动态修改配置文件的IP地址。就像安装软件一样将jdk，tomcat，mysql，influxdb，nginx安装并配置到系统上，顺便还要初始化一下数据。花了一周的时间，这里记录踩坑日志。在学习Java的过程中，难免会遇到很多的问题，这些问题可能会困扰你许久，为此我有个Java
2020-08-03 15:24:31
983
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
337
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
749
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
231
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人