ITPub博客

html文件中绝对路径与相对路径的引用一、..\的作用（上一级目录）在html中../表示上一级目录，也就是html文件所在目录的上一级目录，如果想引用上两级目录，可以..\..\  二、同级目录的引用如果引用文件和被引用文件在同一级目录下，那可以直接写，如果上面的在同一级目录下，那可以直接写\jquery-1.3.1.js html引用外部样式表后在样式表文件中定义

图片标签、绝对路径和相对路径，［］< img >标签 代表 图片，img标签的作用是向网页中插入一张图片，并不是将图片绘制到网页中。src 属性：“插入”图片到网页中去。alt 属性：值可以是一段文字，当图片由于各种原因无法显示时，alt属性的值就会被显示在网页上。width/height 属性：设置图片的宽度／高度；不适合用于图片，可用于纯色图的拉伸；单位可以是px，也可以是％，单位

如需正确地显示 HTML 页面，浏览器必须知道使用何种字符集。万维网早期使用的字符集是 ASCII。ASCII 支持 0-9 的数字，大写和小写英文字母表，以及一些特殊字符。由于很多国家使用的字符并不属于 ASCII，现代浏览器的默认字符集是 ISO-8859-1。如果网页使用不同于 ISO-8859-1 的字符集，就应该在 标签进行指定。ISO 字符集ISO 字符集是国

Responsive Web Design 响应式网页设计1、常见的布局方案固定布局：以像素作为页面的基本单位，不管设备屏幕及浏览器宽度，只设计一套尺寸；可切换的固定布局：同样以像素作为页面单位，参考主流设备尺寸，设计几套不同宽度的布局。通过识别的屏幕尺寸或浏览器宽度，选择最合适的那套宽度布局；弹性布局：以百分比作为页面的基本单位，可以适应一定范围内所有尺寸的设备屏幕及浏览器宽度，并能完美利用有效

　　互联网产业跨越式发展，带来了无限的商机和可能。越来越多的人将目光对准了编程。很多人想要掌握一技之长，想在IT圈子中崭露头角！于是，有朋友提问！大数据和java，这两种编程语言，哪个更好？好程序员做出了如下总结，欢迎来看！　　首先，兴趣是第一老师，喜欢什么样的技术，就此开发自己相应的技能！如果你对一门技术感到无趣，那么，在后续漫长的学习中，绝对有可能半途而废！更不用提找到适合自己，且能够长久发展

好程序员web前端带你了解JS的作用域链，我们都知道js是一个基于对象的语言，系统内置各种对象。 而window作为一个天然存在的全局对象，它承担了所有全局资源的存储。 我们使用的任何全局变量，都是window下的。也就是说，在js中，实际上没有任何对象、方法是可以独立的，它们必须依赖于某个对象才可以被访问或执行。 就像alert()，它的完整写法是window.al

好程序员web前端分享菜鸟Vue学习笔记（二），今天天气不错，心情也不错，最近学习Vue越来越顺利了，今天接着学习，接着记录。首先，来学习下常用的v-bind属性，它的作用是在属性中使用vue中定义的变量的值。<div id="div1"><a v-bind:href="href">百度一下</a><br />

好程序员web前端分享Vue学习笔记（一）Vue框架是JS的封装框架，使用了MVVM模式，即model—view—viewmodel模式, 简而言之，就是数据与视图的绑定。我准备开始学习一些最基础的Vue使用，以此入门。首先在网上下载了vue.min.js的文件。我选择了v-html这个标记作为入门，它的作用是能够将变量中字符串类型的html文本以html标记的形式显示在页面上。例如：<di

一、安装之前的准备1.1 修改主机名称进入 Linux 系统查看本机的主机名。通过 hostname 命令查看。[root@localhost ~]# hostnamelocalhost.localdomain如果此时需要修改主机名则可以按照如下的方式进行修改范例一：临时修改主机名称为Hadoop01 hostname hadoop01 重启之后失效范例二：永久修改主机名称为Hadoop01vi

好程序员web前端系列之动画，CSS3属性中有关于制作动画的三个属性：transform,transition,animationkeyframes@keyframes mymove{ from{初始状态属性}to{结束状态属性}}或@keyframes mymove{0%{初始状态属性}100%{结束状态属性}}（中间再可以添加关键帧）animation和transition的区别相同点：都是随

好程序员web前端系列之CSS3-3D，什么是3d的场景呢？ 2d场景，在屏幕上水平和垂直的交叉线x轴和y轴3d场景，在垂直于屏幕的方法，相对于3d多出个z轴 Z轴：靠近屏幕的方向是正向，远离屏幕的方向是反向 CSS3中的3D变换主要包括以下几种功能函数： 3D位移：CSS3中的3D位移主要包括translateZ()和translate3d()两个功能函数； &nb

好程序员web前端技术之CSS3过渡transitioncss3的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值transition-property：检索或设置对象中的参与过渡的属性transition-duration：检索或设置对象过渡的持续时间transition-de

好程序员web前端教程之CSS3渐变，CSS3渐变（gradient）可以让你在两个或多个指定的颜色，之间显示平稳的过渡。 以前，你必须使用图像来实现这些效果，现在通过使用 CSS3 的渐变（gradients）即可实现。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的。1、线性渐变语法：background: linear-gradient(directi

好程序员web前端分享CSS3弹性盒一、盒模型box-sizingbox-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。box-sizingbox-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。border-box为元素设定的宽度和高度决定了元素的边框盒。就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框

好程序员web前端技术分享媒体查询什么是媒体查询媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其设定CSS样式，媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width 、 height 和 color （等）。使用媒体查询，可以在不改变页面内容的情况下，为特定的一些输出设备定制显示效果。1、媒体查询操作方式实

好程序员web前端技术分享移动端页面布局一、弹性布局（100%布局）的特点顶部与底部的bar不管分辨率怎么变，它的⾼度和位置都不变；  中间每条招聘信息不管分辨率怎么变，招聘公司的图标等信息 都位于条目的左边，薪资都位于右边.特点：关键元素高宽和位置都不变，只有容器元素在做伸缩变换。对于这类app，记住一个开发原则就好：文字流式，控件弹性，图片等比缩放二、什么是屏幕尺寸？移动端屏幕尺寸:

好程序员web前端分享Css3的概念和优势,CSS3是css技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。css3的优点：CSS3将完全向后兼容，所以没有必要修改现在的设计来让它们继续运作。

　　好程序员Web前端中的js能运用到哪些方面，相信每一个想要学习前端的人对于前端中html+css+js都不会陌生，这些可以说是一个前端的标配，而在前端的世界里，没有什么是JavaScript实现不了的，那么js都能运用到哪些方面呢? 　　关于JS有一句话：凡是可以用JavaScript来写的应用，最终都会用JavaScript.究竟它的魔力在哪里?能运用在哪些方面呢?下面就和小编一起

好程序员web前端分享js实现实战案例，实际开发中有要求用户一些行为每天一次，次日开始重新回复功能，一般前端都是通过cookie来记住用户的操作，然后进行判断当日是否还有机会，这时候需要给存储的cookie值一个有效期，让次日自动失效，重新计数，代码如下： cookie = {     /**   &nbsp

好程序员web前端分享CSS元素类型目标1、元素类型分类依据和元素类型分类2、元素类型的转换3、inline-block元素类型的应用4、置换和非置换元素的概念和应用案例一、元素类型分类依据和元素类型分类根据css显示分类，XHTML元素被分为三种类型:块状元素，内联元素1.块状元素（block element） A）块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，常