代码人生的小狗窝

一行行枯燥的代码,却描绘出人生的点点滴滴

推荐文章

【前端小小白的学习之路】程序猿惯用英语单词汇总

    【前端小小白的学习之路】程序猿常用英语单词汇总出自:http://www.cnblogs.com/best/p/6589908.html 第一节  void:[vɔid] 空的 main:[mein] 主要的 class:[klɑ:s] 类 system:[‘sistəm] 系统 out:[aut] 出,外,输出 print:[print ] 打印 public[‘pʌblik] 公共的,公用的 static[‘stætik] 静的;静态的;静止的 oracle: [ˈɔ:rəkl] 甲骨文公司 eclipse:[i’klips] java编程软件 第二节 int:[int] 整型 char:[tʃɑ:] 字符型

    阅读全文>>

作者:coody分类:【_HTML/CSS浏览(2084

2018-05-27

Java Crawler(一)HTMLUnit

    Java Crawler(1)HTMLUnit Java Crawler(1)HTMLUnitpom.xml Add Few Dependencies+              <dependency>+                  <groupId>net.sourceforge.htmlunit</groupId>+          &nb

    阅读全文>>

作者:coody分类:【_HTML/CSS浏览(1703

2018-05-25

HTML基础标签的综合应用案例(色彩、斜体、加粗、下划线、a标签、无序列表、有序列表)

    HTML基础标签的综合应用案例(颜色、斜体、加粗、下划线、a标签、无序列表、有序列表)什么是HTML l HTML(HyperText Mark-up Language)即超文本标记语言或超文本标签语言。 l 何为超文本:“超文本”可以实现页面内可以包含图片、链接,甚至音乐、程序等。 l 网页文件本身是一种文本文件,它通过标记符号来标记要显示的网页中的各个部分。 l 何为标记:当浏览器遇到对应的标签符号时 就实现对应的功能! l 网页文件扩展名:.html  或 .htm   书写规则   HTML标签是由一对尖括号包围的关键词,比如 <html> 标签名不区分大小写   但是建议使用小写   <font>  <FONT

    阅读全文>>

作者:coody分类:【_HTML/CSS浏览(1969

2018-05-25

打字成效动画实现方法

    打字效果动画实现方法方法一(纯css实现): html代码: <h1 class="typing typing-item">打字动画打字动画打字动画</h1> css样式: .typing{ font-size: 1rem; padding-top: 6%; margin-bottom: 5%; font-weight: normal; letter-spacing: .3rem; -webkit-animation: type 2s steps(50, end) forwards; animation: type 2s steps(50, end) forwards; } .typing-item{ text-align: center; color: black; width:

    阅读全文>>

作者:coody分类:【_HTML/CSS浏览(898

2018-05-25

css3动画片之圆形运动轨迹

    css3动画之圆形运动轨迹css3中通过@keyframes定义动画,animation设置动画属性,从而实现动画效果; 在animation属性当中,可以规定动画的名称、整个动画的运行时间、运动的速度曲线以及其延迟时间、播放次数等。 animation animation作为一个复合属性,包括了以下动画属性。 animation-name -------------------------------------规定动画名称 animation-duration ---------------------------------规定动画完成一次的时间 animation-timing-function  ----------------------规定动画的运动速度曲线 animation-delay  ---------

    阅读全文>>

作者:coody分类:【_HTML/CSS浏览(1495

2018-05-25

大家好,小弟我给大家介绍一下,这是CSS伪元素:before与:after

    大家好,我给大家介绍一下,这是CSS伪元素:before与:after 之前对于CSS伪元素的应用并不多,最近在用一款建站系统为客户做企业门户网站时,发现网页HTML代码中经常出现::before和::after。后经查资料才了解,这都是CSS的为元素。CSS 伪元素用于向某些选择器设置特殊效果。所以本文将和大家一起分享交流CSS的伪元素的使用知识。     基本语法 所谓的伪元素,顾名思义他们并不是真正的HTML元素。::before与::after用于向目标元素里内容的前面或后面添加内容。也许你已经注意到了,为什么before与after的前面一会单个冒号,一会又两个冒号,有什么区别么?其实也没什么区别,只是CSS3中为了区别他们在HTML代码与CSS代码里的表现形式,将html中的伪元素显示为双冒号。在书写CSS代码时,如果不考虑过旧的浏览器兼容问题,无论是用单冒号还是双冒

    阅读全文>>

作者:coody分类:【_HTML/CSS浏览(1328

2018-05-24

浅谈script标签中的async跟defer

    浅谈script标签中的async和defer  script标签用于加载脚本与执行脚本,在前端开发中可以说是非常重要的标签了。直接使用script脚本的话,html会按照顺序来加载并执行脚本,在脚本加载&执行的过程中,会阻塞后续的DOM渲染。 现在大家习惯于在页面中引用各种的第三方脚本,如果第三方服务商出现了一些小问题,比如延迟之类的,就会使得页面白屏。好在script提供了两种方式来解决上述问题,async和defer,这两个属性使得script都不会阻塞DOM的渲染。但既然会存在两个属性,那么就说明,这两个属性之间肯定是有差异的。 defer 如果script标签设置了该属性,则浏览器会异步的下载该文件并且不会影响到后续DOM的渲染;如果有多个设置了defer的script标签存在,则会按照顺序执行所有的script;defer脚本会在文档渲染完毕后,DOM

    阅读全文>>

作者:coody分类:【_HTML/CSS浏览(703

2018-05-24

纯CSS设立Checkout样式

    纯CSS设置Checkout样式 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CSS3自定义Checkbox特效</title> </head> <style type="text/css"> .tgl{display:none} .tgl,.tgl *,.tgl :after,.tgl :before,.tgl+.tgl-btn,.tgl:after,.tgl:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .tgl ::-moz-selecti

    阅读全文>>

作者:coody分类:【_HTML/CSS浏览(1075

2018-05-24

优秀的CSS预加工-Less

    优秀的CSS预处理----LessLess语法整理 本人邮箱:[email protected],欢迎交流讨论. 欢迎转载,转载请注明网址:http://www.cnblogs.com/kk-here/p/7601058.html 个人博客地址:http://www.cnblogs.com/kk-here/ 这是本人整理的一些语法,基本上全了,至于进阶就是看你怎么组合怎么使用了;网上一些文章还谈到有js表达式,但是亲测无效并且在官网中找不到相关的介绍,是他们随便拷贝的还是之前的版本存在过呢,这个问题我就不太清楚了.以下整理的内容都亲测有效,不放心的可以自己再测试一遍哈,有问题欢迎指正,谢谢查阅! 一,变量 基本使用 Less: [email protected]{selector} { width: 100px; height: 100px;

    阅读全文>>

作者:coody分类:【_HTML/CSS浏览(1971

2018-05-26

css容易动画

    css简单动画       这几天公司需要更新一个移动端web的页面,因为任务简单,就交给作为菜鸟新人的我来做。第一次接触css还是在14年刚上大一的时候跟着html一起学习的,之后就再也没有接触过。所以只好一边学习,一边完成任务(⊙﹏⊙)b       结构:java web项目中的WebContent目录下创建名为“main”的文件夹,再在文件夹里创建两个子文件夹,css(存放css文件),img(存放图片),至于html文件就放在main文件夹里。 在html文件中,不要忘记了在<head>...</head>中加入<link rel="stylesheet" href="main/css/test.css" type="text/css">,否则css样式加载不出来的。 &nb

    阅读全文>>

作者:coody分类:【_HTML/CSS浏览(2225

2018-05-26

微信小程序教授教养第二章:小程序中级实战教程之预备篇

    微信小程序教学第二章:小程序中级实战教程之预备篇 iKcamp官网:http://www.ikcamp.com 访问官网更快阅读全部免费分享课程:《iKcamp出品|全网最新|微信小程序|基于最新版1.0开发者工具之初中级培训教程分享》。 包含:文章、视频、源代码 第二章:小程序中级实战教程之预备篇    项目结构设计 教学视频地址:https://v.qq.com/x/page/q05544lzelw.html 开始前请把 ch2-1 分支中的 code/ 目录导入微信开发工具   前面的章节中,我们完成了小程序的准备工作,熟悉了小程序的基本配置。接下来的章节,我们就要着手开始一个真正的项目。有没有很激动?其实不难发现,小程序的门槛还是相对比较低的,基本掌握前端开发基础的同学,完成一个简单的小程序不费吹灰之力。   Step 1. 基

    阅读全文>>

作者:coody分类:【_HTML/CSS浏览(933

2018-05-24

【CSS可口可乐图 介绍】

    【CSS雪碧图 介绍】 CSS雪碧图 即CSS Sprite,也有人叫它CSS精灵,是一种CSS图像合并技术,该方法是将小图标和背景图像合并到一张图片上,然后利用css的背景定位来显示需要显示的图片部分。CSS Sprites技术被国内一些人称为CSS雪碧图,其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字精确的定位出背景图片的位置     CSS雪碧图的基本原理是把你的网站上用到的一些图片整合到一张单独的图片中,从而减少你的网站的HTTP请求数量。该图片使用CSS background和background-position属性渲染,这也就意味着你的标签变得更加复杂了,图片是

    阅读全文>>

作者:coody分类:【_HTML/CSS浏览(870

2018-05-24

详解HTML中的报表标签

    详解HTML中的表格标签详细代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>表格制作</title> </head> <body> <table bgcolor="black" width="500px"> <caption style="bold">学生信息</caption>              <thead>    <tr bgcolor="#a9a9a9" heig

    阅读全文>>

作者:coody分类:【_HTML/CSS浏览(1559

2018-05-27
上一页 1/564页 下一页