- 博客(62)
- 收藏
- 关注
RSS订阅转载 js-string对象
** 创建string对象 *** var str ="acb"; ** 方法和属性 ** 属性 length：字符串的长度 ** 方法 （1）与HTML相关的方法 - bold()：加粗 - fontcolor()：设置字体的颜色 - fontsize()：设置字体的大小(1-7) ...
2018-11-06 12:38:00
170
转载 js-js的不重载
* 什么是重载？方法名相同，参数列表不同 - Java里面有重载 * js里面不存在重载！<html> <head> <title>World</title> <style type="text/css"> </style> &l...
2018-11-01 15:18:00
160
转载 js-script标签放在的位置
* 建议把script标签放到</body>后面 * 如果现在有这样一个需求 在js里面需要获取到input里面的值，如果把script标签放到head里面，会出现问题。HTML解析是从上到下解析的，script标签放到head里面，直接在里面取input里面的值，因为页面 还没有解析到input那一行，肯定取不到！<html> &l...
2018-11-01 15:15:00
324
转载 js-js的全局变量和局部变量
*** 全局变量：在script标签里面定义一个变量，这个变量在页面中js部分都可以使用 - 在方法外部使用，在方法内部使用，在另外一个script标签中使用 *** 局部变量：在方法内部定义一个变量，只能在方法内部调用 - 如果在方法的外部调用这个变量，提示出错<html> <head> <title&...
2018-11-01 15:13:00
113
转载 js-函数
** 在Java里面定义方法 public int add(int a, int b) { return a+b; } ** 在js里面定义函数（方法）有三种方式 **** 函数的参数列表里面，不需要写var，直接写参数名称 第一种： **** 使用一个关键字 function 语法：function 方法名(参...
2018-11-01 15:10:00
68
转载 js-数组
* 什么是数组？ - 使用变量： var a = 10; - java里面数组的定义： int[] a = {1, 2, 3}; *js的数组三种定义方式 第一种：var arr = [1, 3, "string", true]; 第二种：使用内置对象 Array对象 var arr2 = new Array(2); arr2[0] ...
2018-11-01 15:01:00
70
转载 js-99乘法表的练习
<html> <head> <title>World</title> <style type="text/css"> </style> </head> <body> <script ...
2018-11-01 14:58:00
137
转载 js-js的运算
** js里面不区分整数和小数 var j = 123; alert(j/1000*1000); //在Java里面结果是0 //在js里面不区分整数和小数 123/1000 = 0.123 *1000= 123; ** 字符串的相加和相减的操作 var str = "456"; alert(str+1); //在Java里面操作的结...
2018-11-01 14:56:00
60
转载 js-js的语句
- Java里面的语句： ** if判断 *** =:表示赋值 *** ==:表示判断 ** switch语句 ** 循环 for while do-while - js里面的也是这些语句 ** if判断 ** switch语句 - Java里面数据类型string吗？ 在jdk1.7开始支持 -...
2018-11-01 14:50:00
124
转载 js-原始类型和声明变量
** Java的基本数据类型：byte、short、int、long、float、double、char、boolean** 定义变量 都是用关键字 var(ES6中可以使用const和let来定义变量，后面会有ES6的语法介绍)** js的原始类型（5个） - string：字符串 *** var str = "abc"; - number：数字 ...
2018-11-01 14:45:00
107
转载 js-js和HTML的两种结合方式
第一种： - 使用一个标签 <script type="text/javascript"> js代码; </script> 第二种： - 使用script标签，引入一个外部js文件 *** 创建一个js文件，写js代码 - <script type="text/javascript" src="js文件路径">...
2018-11-01 14:40:00
148
转载 js-JavaScript的简介
JavaScript的简介 * 是基于对象和事件驱动的语言，应用于客户端 - 基于对象： ** 提供好了很多对象，可以直接拿过来使用 - 事件驱动： ** HTML做网站静态效果，JavaScript动态效果 - 客户端：专门指的是浏览器 * JavaScript的特点 （1）交互性 -...
2018-11-01 14:36:00
79
转载 css-图文案例
效果如下： 附上代码：<html> <head> <title>World</title> <style type="text/css"> #imgtest { border:1px dashed or...
2018-11-01 13:42:00
83
转载 css-布局定位
position: ** 属性值 - absolute： *** 将对象从文档流中拖出 *** 可以是top、bottom等属性进行定位 - relative： *** 不会将对象从文档流中拖出 *** 可以是top、bottom等属性进行定位<html> <head...
2018-11-01 13:36:00
90
转载 css-布局的漂浮
float ** 属性值 left: 文本流向对象的右边 right:文本流向对象的左边<html> <head> <title>World</title> <style type="text/css"> div {...
2018-11-01 13:31:00
85
转载 css-盒子模型
css的盒子模型 ** 在进行布局前需要把数据封装到一块一块的区域内（div） （1）边框 border:2px solid blue; border：统一设置 上：border-top 下：border-bottom 左：border-left 右：border-right<html> <head&g...
2018-11-01 13:28:00
82
转载 css-扩展选择器
（1）关联选择器 <div><p>aaaaaaaaaaaa</p></div> * 设置div标签里面p标签的样式，嵌套标签里面的样式div p{ background-color:blue;} （2） 组合选择器 <div>aaaaaaaaaaaa</div> ...
2018-11-01 13:20:00
91
转载 css-css的基本选择器（三种）
** 要对哪个标签里面的数据进行操作 （1）标签选择器div { background-color:red; color:blue;} （2）class选择器 * 每个HTML标签中都有一个属性 class<div class="haha">愿有岁月可回首，且以深情共白头！</div>.ha...
2018-10-31 13:50:00
288
转载 css-css和html的结合方式（四种结合方式）
（1）在每个HTML标签上面都有一个属性 style，把css和HTML结合在一起 <div style="background-color:red;color:blue;">我是一只小小鸟</div> （2）使用HTML的一个标签实现，<style>标签：写在head里面 <style type="text/c...
2018-10-31 13:44:00
235
转载 css-css简介
CSS：层叠样式表 ** 层叠：一层一层的 ** 样式表：很多的属性和属性值 * 使页面显示效果更好 * CSS将网页内容和显示样式进行分离，提高了显示功能。转载于:https://www.cnblogs.com/ibabyli/p/9882515.html...
2018-10-31 13:35:00
48
转载 html-框架标签的使用
<frameset> - rows：按照行进行划分 ** <frameset rows="80,*"> - cols：按照列进行划分 ** <frameset cols="80,*"> <frame> - 具体显示的页面（name的值自己写的） ...
2018-10-31 13:22:00
137
转载 html-其他常见标签的使用
b：加粗 s：删除线 u：下划线 i：斜体 per：原样输出 sup:上标 sub:下标 p：段落标签 比br多一行 （CSS） div：自动换行 span：在一行显示 完整代码：<html> <head> <title>World<...
2018-10-31 13:13:00
102
转载 html-使用表单标签实现注册页面
案例说明： -使用表格实现页面效果 - 超链接不想要有效果，使用href="#" - 如果表格里面的单元格没有内容，使用空格作为占位符 - 使用图片标签提交表单 <input type="image" src="图片的路径"/>完整代码：<html> <head&...
2018-10-31 13:08:00
784
转载 html-表单标签
表单标签 * 可以提交数据到**网站上的服务器，这个过程可以使用表单标签实现 * <form></form>：定义一个表单的范围 - 属性 ** action：提交到地址，默认提交到当前页面 ** method: 表单提交方式 - 常用的有两种：get和post，默认是get请...
2018-10-31 13:03:00
38
转载 html-表格标签
表格标签可以对数据进行格式化，使数据显示更加清晰 <table></table>：表示表格的范围 - border：表格线 - bordercolor：表格线的颜色 - cellspacing：单元格之间的距离 - width：表格的宽度 - height：表格的高度 ...
2018-10-31 12:51:00
54
转载 html-超链接标签
链接资源 - <a href="01-hello.html">只是一个超链接1</a> ** href：链接的资源的地址 ** target：设置打开的方式，默认是在当前页打开 -- _blank： 在一个新窗口打开 -- _self： 在当前页面打开 默认 ...
2018-10-31 12:41:00
77
转载 html-路径的介绍
一、绝对路径 绝对路径是指文件在硬盘上真正存在的路径 - D:\Java\JavaWeb\day01\a.jpg - http://www.baidu.com/b.jpg 二、相对路径 一个文件相对于另外一个文件的位置 分为三种： ** html文件和图片在一个路径下（当层目录），可以直接...
2018-10-31 12:37:00
117
转载 html-图像标签
图像标签 <img src="图片的路径"/> -src：图片的路径 -width：图片的宽度 -height：图片的高度 -alt：图片上显示的文字，把鼠标移动到图片上，停留片刻显示内容 ** 有些浏览器下不显示（没有效果），一般不用这个。 代码实例：<htm...
2018-10-31 12:28:00
65
转载 html-列表标签
列表标签 比如现在显示这样的效果 山水集团 财务部 学工部 人事部 <dl></dl> ： 表示列表的范围 在dl里面 <dt></dt>：上层内容（没有缩进） 在dl里面 <dd></dd>: 下层内容（有缩进） 代码：&l...
2018-10-31 09:31:00
65
转载 html-标题标签、水平线标签和特殊字符
标题标签 <h1></h1> <h2></h2> ...... <h6></h6> 从h1到h6，大小是依次变小，同时会自动换行 水平线标签 <hr/> 属性 size：水平线的粗细 color：颜色 代码 <hr ...
2018-10-31 09:12:00
307
转载 htm-文字标签和注释标签
文字标签：修改文字的样式 <font></font> 属性： size：文字的大小 取值范围 1-7，超出了7，默认还是7 color：文字颜色 两种表示方法 英文单词：red、green、blue、black、white、yellow、gray 使用十六进制数表示 #ffffff ： GRB...
2018-10-31 09:07:00
110
转载 html-html简介
一、什么是HTML？ HypeText Markup Language：超文本标记语言，网页语言 超文本：超出文本的范畴，使用HTML可以轻松实现这样的操作 标记：HTML所有的操作都是通过标记实现的，标记就是标签，<标签名称> 二、HTML的规范（遵循） 1、一个HTML文件开始标签和结束标签<html>...
2018-10-31 09:01:00
99
转载 scss-函数
在scss中除了可以定义变量，具有@extend和@mixins等特性之外，还自备了一系列的函数功能。 scss本身带有大量的内置函数，具体可以参阅官网函数模块。 一、字符串函数unquote($string)：只能删除字符串最前和最后的引号（双引号或单引号），而无法删除字符串中间的引号。如果字符没有带引号，返回的将是字符串本身。quote($strin...
2018-10-30 09:43:00
1208
转载 scss-!optional
optional翻译成汉语具有"可选的"的意思。顾名思义，!optional标记前面的扩展不必须生成一个新的选择器。看一段SCSS代码片段：p{ color:red; @extend .notice } 由于并不存在一个名为notice的样式类，所以上述代码会报错。代码修改如下：p{ color:red; @extend ....
2018-10-30 09:07:00
204
转载 scss-@extend
@extend指令用于共享规则和选择器之间的关系。它可以扩展所有其他类的样式在一个类中，也可应用于自己特定的样式。 查看如下scss@extend示例：.style{ font-size: 30px; font-style: italic;}h2{ color: #787878; @extend .style}...
2018-10-30 09:00:00
240
转载 scss-null在@mixin传参中的应用
可以给混合器声明参数，以便灵活的配置相关属性值，看如下scss代码:@mixin antzone-div($color, $font-size) { color:$color; font-size:$font-size;}div{ @include antzone-div(blue,16px);} 上面的混合器具有两个参数，在调用混合器...
2018-10-30 08:56:00
209
转载 scss-传递内容块到@mixin
样式块被传递给混入用于放置内的样式。在@content指令的位置，样式被包含进mixin。 内容块被传递到块被定义一个混合的范围进行计算。 下面的例子演示了mixin使用内容块的SCSS代码：@mixin element{ @content;}@include element{ .block{ color: green; ...
2018-10-30 08:51:00
166
转载 scss-@mixin传参
混合器一个很重要特性就是可以传递参数，可以根据不同场景来定制css代码的复用。极大提高了混合器的适用性，看如下scss代码实例：@mixin makeradius($radius) { border-radius: $radius;}antTest{ background-color: blue; border: 4px solid #ccc; ...
2018-10-30 08:48:00
1984
转载 scss-@mixin
@mixin指令用于定义混入，它包括任选的变量和参数中的mixin名称后。 scss简单示例：@mixin style {.cont{ color: #77C1EF; }}@include style; 编译后的css代码如下：.cont { color: #77C1EF; } @include指令...
2018-10-30 08:42:00
1699
转载 scss-@at-root
@at-root指令可以使一个或多个规则被限定输出在文档的根层级上，而不是被嵌套在其父选择器下。 下面就通过scss代码实例介绍一下它的作用: 没有使用@at-root命令的默认情况。.parent{ color:red; .child { width:200px; height:50px; }} 编译成css...
2018-10-29 16:55:00
247
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人