0 Liuxin_研鑫

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 8w+

【CSS布局】详解display,position, float属性!

页面布局,或者是在页面上做些小效果的时候经常会用到 display,position和float 属性,如果对它们不是很了解的话,很容易出现一些莫名其妙的效果,痛定思痛读了《CSS Mastery》后总结一下。让我们从基础的CSS知识谈起,相信很多初学者和小弟一样不明白CSS原理,一味追求效果,结果页面漏洞百出,错误匪夷所思,关于盒模型我就不多说了,网上很多,注意一下IE和其他浏览器(W3C规范)的区别就好了。块级元素与行内元素首先谈谈人们经常提及的块级元素和行内(内联)元素p, ..

2020-08-14 16:53:10

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

【CSS布局!】

一些基本概念viewport: 展现网页的媒体,比如窗口或者某个区域,它的大小是有限制的,为了不被平台术语所束缚,我们给他起名viewport,中文意思就是视口。 canvas: 而我们在渲染网页的时候通常并不知道我们需要多大的空间,而且这些空间通常尺寸会超过viewport的大小,于是实际上我们需要设想一个无限大的画布来绘制我们的元素,我们把它称为canvas。 box: element(元素)和node(节点)是大家很熟悉的概念,当我们做布局计算的时候,通常会把节点变成box,一个节点可能产生多

2020-08-14 16:21:47

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

CSS的选择器!

最近在研究jQuery的选择器,大家知道jQuery的选择器和css的选择器非常相似,所以整理一下css选择器;css1-css3提供非常丰富的选择器,但是由于某些选择器被各个浏览器支持的情况不一样,所以很多选择器在实际css开发中很少用到。1.基础的选择器 选择器 含义 示例 * 通用元素选择器,匹配任何元素 * { margin:0; padding:0; } .

2020-08-14 16:11:28

移动端二维码弹出框,自适应屏幕尺寸!

qrcode box,一个小小的二维码工具,通过调用它,可以在页面中间弹出一个二维码窗口,主要是面向移动设备的,对于PC端浏览器而言,百度分享和JiaThis已经做的很好了。 qrcode box有啥特点呢?它能够自动适应屏幕,并且不受移动设备横屏、竖屏切换的干扰。同时,无论是横屏的pad设备,还是竖屏的phone设备,qrcode box均有良好表现。 但是,qrcode box并不是完全响应式的,它的尺寸不会跟随屏幕可视区尺寸变化而变化,因为这貌似没什么用(...

2020-08-12 15:36:57

原生JavaScript事件详解!!!

JQuery这种Write Less Do More的框架,用多了难免会对原生js眼高手低。 小菜其实不想写这篇博客,貌似很初级的样子,但是看到网络上连原生js事件绑定和解除都说不明白,还是决定科普一下了。 首先声明,小菜懂的也不是很多,只是把我的思路和大家分享一下。DOM0事件模型 事件模型在不断发展,早期的事件模型称为DOM0级别。 DOM0事件模型,所有的浏览器都支持。 直接在dom对象上注册事件名称,就是DOM0写法...

2020-08-12 15:03:52

YprogressBar,html5进度条样式,js进度条插件!

简介 YprogressBar是一款基于HTML5的进度条插件。 YprogressBar是一款轻量级进度条插件,使用方便,资源占用少,模仿好压的解压界面,带有数字显示,同时支持在描述中增加参数,以动态显示更详细的执行信息,比如上传速度、剩余时间等等。 YprogressBar代码书写简洁,结构设计合理,不会给您的系统带来不良影响。界面预览使用说明文件引用 只需引用yprogressbar.css和yprogressbar.js文件即可...

2020-08-12 14:53:09

谷歌(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

CSS从大图中抠取小图完整教程(background-position应用)!

前言:相信很多喜欢研究网页界面的童鞋都遇到过一个奇妙的现象:网页中很多图片素材被合成在一张图片上。 起初小菜模仿网站的时候,经常遇到这个现象,那时候也不知道这时什么技术,人家的整张图片素材不会利用,只能用ps切图,切成单个的再用。。。 其实,这是一个非常简单的技术,就是因为想象的太难了,才一直找不到问题的关键。 要想实现CSS抠图,只需要用到一个属性:background-position。 按照字面理解,这个属性就是背景定位...

2020-08-11 22:21:28

CSS浮动(float,clear)通俗讲解!

前言:很早以前就接触过CSS,但对于浮动始终非常迷惑,可能是自身理解能力差,也可能是没能遇到一篇通俗的教程。 前些天小菜终于搞懂了浮动的基本原理,迫不及待的分享给大家。写在前面的话: 由于CSS内容比较多,小菜没有精力从头到尾讲一遍,只能有针对性的讲解。 如果读者理解CSS盒子模型,但对于浮动不理解,那么这篇文章可以帮助你。 小菜水平有限,本文仅仅是入门教程,不当之处请谅解! 本文以div元素布局为例。...

2020-08-11 22:04:15

纯CSS的逼真的反射效果!!!

前言先赞再看,养成习惯~接下来主要更新面向初学者的基本编码教程。简明扼要,小编只挑选了所有教程在10分钟之内的精髓!大师们有更好的见解欢迎在评论区留言告知,谢谢大家的关注、点赞、收藏!在本教程中,我们将向您展示如何在短短几分钟内仅使用CSS创建任何元素的反射效果!在学习web前端的过程中,难免会遇到很多的问题,这些问题可能会困扰你许久,为此我有个web开发学习交流群(545667817 ),里面都是 CSDN 的小伙伴,并整理了一份最全面前端学习资料,从最基础的HTML+...

2020-08-10 17:21:01

这玩意儿叫H5编辑器??不应该叫H5全能王吗?

前言先赞再看,养成习惯~作为一名程序员,产品经理、设计师等身兼数职的我,推荐一款年度最佳的H5编辑器给大家,真心牛逼,业界良心,看的我热血沸腾,回家一脚踢飞正在熟睡的哈士奇!H5DS编辑器,软件截图:推荐理由1:时间轴支持动画时间轴,调试动画和音频给图层添加动画后可以通过时间轴设置动画,真的很直观和方便。效率提升N倍。其中紫色块表示进入动画,蓝色是离开动画,黄色块是强调动画,绿色块表示音频,另外时间轴开可以设置音乐播放的开始时间。推荐理由2:批量操作批量选..

2020-08-10 17:14:31

能解决80%需求的 10个 CSS动画库!

前言点赞再看,养成习惯~1.Animista网站地址:http://animista.net/网站描述:在线生成 css 动画在学习web前端的过程中,难免会遇到很多的问题,这些问题可能会困扰你许久,为此我有个web开发学习交流群(545667817 ),里面都是 CSDN 的小伙伴,并整理了一份最全面前端学习资料,从最基础的HTML+CSS+JS 到移动端HTML5的项目实战的学习资料都有整理,想学习的都可以申请加入,大家互相学习,互相交流,共同进步,每日分享不同的学习资料!.

2020-08-10 17:01:17

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

JavaScript词法!

InputElement 输入元素输入元素是JS词法扫描程序拿到的最基本元素了,也就是JS程序源代码中表达特定意义的"单词"。输入元素共分为四种:InputElement :: WhiteSpace Comment Token LineTerminator值得注意的是,JS规范里面其实定义了两种InputElement ,如下所示InputElementDiv :: WhiteSpace Comment Token Li

2020-08-08 22:02:33

【web前端】前端工程师成长必备好书!

1 引言乱七八糟的书看了很多,有一本讲JavaScript的印象特别深开篇说的是"JavaScript是Java的脚本语言",但还是看完了,最后忘了书名。下面列的这些都是看过后至少记得起书名的,也有部分是经常看的书,一起列出来,推荐给爱学习的同学。2 前端技术2.1 综合·《现代前端技术解析》·《Web前端开发最佳实践》·《Web前端工程师修炼之道》·《编写高质量代码-Web前端开发修炼之道》·《响应式Web设计 HTML5和CSS3实战》 第二版·《响...

2020-08-03 21:21:53

windows一键部署java项目

目录准备工作Inno Setup基础使用配置JDK环境变量Tomcat安装部署MySQL安装部署遇到的坑小技巧因为公司需求,要在windows的环境上做一键部署启动java项目,同时还要支持从安装界面动态修改配置文件的IP地址。就像安装软件一样将jdk,tomcat,mysql,influxdb,nginx安装并配置到系统上,顺便还要初始化一下数据。花了一周的时间,这里记录踩坑日志。在学习Java的过程中,难免会遇到很多的问题,这些问题可能会困扰你许久,为此我有个Java

2020-08-03 15:24:31

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

【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

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。