前端开发
关注
分享
扫一扫
不言尘世
全栈java学习
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端开发（表单标签二）
基本不用的表单首先是label表单，它的主要作用是为上述表单元素提供提示性说明，另外，他的for属性可以与某个表单元素进行绑定，一般用于单选框和复选框，作为了解，现在不常用。<input type="radio" name="zhangsheng" id="sjg" value="提交" />aa <label for="zhangsheng">张胜</lab...原创 2019-07-12 20:32:45 · 262 阅读 · 0 评论 -
英雄联盟皮肤主页设计（综合练习）
做了一天的英雄联盟的主页，分享一下代码直接上代码吧<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> {<style type="text/css"> *{ margin:0 auto; ...原创 2019-07-17 16:26:05 · 620 阅读 · 0 评论 -
JavaScript编写九九乘法表
最近做了一些简单的练习题，我也是一个小白，从基础开始，相信对一些和我一样从基础开始学的同学有用哈，直接上代码吧<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> ...原创 2019-07-19 20:35:20 · 905 阅读 · 0 评论 -
WEB标准与CSS实现网页布局
最近在学前端，今天整理一下web标准知识 ，不说了，下次继续整理，作业还没写完，要不然又要熬夜了。1web标准一般认为，网页主要有三个部分组成：结构，表现，㛑行为，他们都有各自的标准1.1结构结构是指一个网页有哪些内容以及这些内容如何被清晰的组织在一起，网页结构的标准主要有XML和XHTMl语言。XML即可扩展标记语言，由万维网（W3C）发布，目前推荐的版本是2000年发布的1.0版本，...原创 2019-07-17 21:39:19 · 656 阅读 · 0 评论 -
JavaScript中的冒泡排序
先做一个冒泡排序，后续会追加数组的基础知识冒泡排序<html> <head> <meta charset="UTF-8"> <title>冒泡排序</title> </head> <body> <script type="text/javascript"> var arr=[...原创 2019-07-21 17:28:15 · 216 阅读 · 0 评论 -
JavaScript中的数组对象基础知识
今天先简单的总结一下数组基础知识1什么是数组他是一种数据结构，将无序的数据做有序的排列，存储在一个变量中，原生js可以存储多种类型数据，这是由他的性质决定的，因为js是一种弱类型语言。2数组创建的两种方式var arr1=[1,2,3,4,5];//字面量创建var arr2=new([1,2,3,4,5]);//对象构造函数创建3判断是否是一个数组var arr=[1,2,3,4...原创 2019-07-21 18:32:49 · 308 阅读 · 1 评论 -
JavaScript中的时间对象
计算机的时间，从1970年1月1日0：0: 0,通过毫秒数来计算的。time：当前距离1970.1.1的毫秒数1时间对象var date=new Date();alert(date)一下显示就是当前时间。常用获取时间对象var date=new Date();document.write(date.getYear()+"<br />");document.writ...原创 2019-07-21 21:49:34 · 278 阅读 · 0 评论 -
BOM简单练习题（一）
今天分享一下一些简单的练习题1，当打开页面时，红色方块会自动向后移动<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> </scr...原创 2019-07-25 21:39:25 · 2287 阅读 · 0 评论 -
BOM简单练习题（轮播图）
1做一个如上图的图片播放器<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> img{ display: none; } .show{ ...原创 2019-07-25 21:45:14 · 590 阅读 · 0 评论 -
javascript中的Math对象
javascript中的math对象的简单使用以及常用方法<script type="text/javascript"> //绝对值 var a=Math.abs(-2);//参数最好使用isNan document.write(a+"<br />"); //随机数，范围是0-1，包含0吧不包含1 var b = Math.random();...原创 2019-07-22 10:11:19 · 267 阅读 · 0 评论 -
javascript中的字符串
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> //string:字符串对象 ...原创 2019-07-22 15:10:15 · 152 阅读 · 0 评论 -
JavaScript中的倒叙和排序
直接上代码<html> <head> <meta charset="UTF-8"> <title>倒叙和升序</title> </head> <body> <script type="text/javascript"> var arr=[2,5,14,6,9,8]; //...原创 2019-07-22 20:23:55 · 2547 阅读 · 0 评论 -
javascript中的函数基础知识
因为不是专业的前端学者，所以这些内容都是基础。注释都在代码里<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>函数</title> </head> <body> <script type="text/jav...原创 2019-07-23 09:56:55 · 135 阅读 · 0 评论 -
轮播图（一）
今天写一下一个比较通用的轮播图写法<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: auto; padding: 0; }...原创 2019-07-27 09:46:52 · 171 阅读 · 0 评论 -
javascript求1到100以内素数
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>求1到100之间所有的质数</title> </head> <body> <script type="text/javascript"> for (...原创 2019-07-19 16:30:56 · 19472 阅读 · 3 评论 -
求1到10阶乘之和
var num=1; var sum=0 for (j=1;j<=10;j++) { num*=j; sum+=num; } document.write(sum)原创 2019-07-19 15:34:37 · 2180 阅读 · 0 评论 -
javascript求水仙花数
<script type="text/javascript"> var count=0; var sum=0; for (var i=100;i<=999;i++) { var g=i%10; var s=parseInt((i%100)/10); var b=parseInt((i%1000)/100) if (i==g*g*g+s...原创 2019-07-19 15:00:31 · 540 阅读 · 0 评论 -
CSS样式的三种写法以及优先级
1 CSS是什么层叠样式表（cascading style sheets）2 CSS的作用是一种网页渲染技术，对标签特征属性进行渲染3CSS的三种写法1内联样式<body> <!--写法一内联样式--> <p style="color: sienna; margin-left: 20px"> This is a paragraph ...原创 2019-07-13 21:25:51 · 2089 阅读 · 0 评论 -
CSS样式选择器的使用（一）
常用的选择器CSS选择器作用：就是指定CSS要作用的标签，那个标签的名称就是选择器。意为：选择哪个容器。分类：基本选择器和扩展选择器。基本选择器：标签选择器：针对一类标签ID选择器：针对某一特定的标签使用类选择器：针对i想要的所有标签使用通用选择器（通配符）：针对所有的标签都实用（不建议使用）下面就是详解代码：1标签选择器就是针对这个页面上的所有这类的标签。<htm...翻译 2019-07-14 21:47:03 · 364 阅读 · 0 评论 -
hbuilder的常用快捷键
https://blog.youkuaiyun.com/qq_39702981/article/details/81537483HBuilder常用快捷键大概共9类（文件、编辑、插入；选择、跳转、查找；运行、工具、视图）1.文件(4)新建 Ctrl + N关闭 Ctrl + F4全部关闭 Ctrl + Shift + F4属性 Alt + Enter2.编辑(13)激活代码助手 Alt + /...转载 2019-07-14 22:23:09 · 1378 阅读 · 0 评论 -
CSS选择器二（高级选择器）
今天来整理一下剩下的四个高级选择器高级选择器后代选择器：用空格隔开伪类选择器父子选择器组合选择器（分组选择器）：用逗号隔开1后代选择器，规定用空格隔开后代选择器，描述的是祖先结构直接看例子吧<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>后...原创 2019-07-15 21:47:51 · 336 阅读 · 1 评论 -
前端盒子模型
CSS 盒子模型(Box Model)所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型(Box Model）CSS box-model不同部分的说明：Margin...原创 2019-07-15 22:15:46 · 613 阅读 · 0 评论 -
html（一）
HTML简介1.超文本标记语言【HypeText Markup Languge 】Html 纯文本 =》 文本、图片、列表2.浏览器：五种： IE Chrome Firefox Opera Safari内核：Trident Chromiue Gecko Presto WebKit(Blink)兼容性问题【放一...原创 2019-07-11 21:29:17 · 211 阅读 · 4 评论 -
前端开发（表单标签）
前端开发（表单标签）表单标签今天就以代码为主吧，主要是表单的一些属性和用法。作用：收集数据，用于与服务器交互<form> <input type=。。。。。。/><from>对于input标签中的type属性：|text | --------------------------------- |文本框|p...原创 2019-07-12 12:53:35 · 323 阅读 · 0 评论 -
JavaScripD的组成和写法
一，JavaScrip的组成一个完整的JavaScript由三个部分组成：核心：ECMAScrip,描述了语言的语法和基础对象文档对象模型（DOM）：DOM描述了访问网页元素的方法和接口。浏览对象模型（BOM）：描述了与浏览器进行交互的方法和接口。二，把JavaScript放在何处在head头部里或者body内容里都可以写js代码，为了告知浏览器这些代码是js语言的代码而非html...原创 2019-07-18 20:27:11 · 196 阅读 · 0 评论 -
JavaScript的数据类型和基础语法
1 Javascript 基础语法Js 注释：// =>单行注释/**/ =>多行注释调试工具：代码中debugger;结合浏览器的调试工具【F12】1.1JavaScript的数据类型Boolean:布尔类型，表示真假两种状态，只有true和falsenumber：数值类型，表示32位整数或者64位浮点数。string：字符串null：空值，表示不存在的对象类...原创 2019-07-18 20:51:12 · 208 阅读 · 0 评论 -
导航栏
今天做一个百度首页的导航栏<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>导航栏</title> <style> *{ margin: auto; padding: 0px; } .div1{...原创 2019-07-16 20:06:09 · 229 阅读 · 0 评论 -
DOM（一）
DOM==》Document Object Model【文档对象模型】什么是DOM：他是一种文档对象模型，是一个可以让程序和脚本动态访问和更新文档内容，结构和样式的语言平台，提供了一个标准的HTML和xml对象集，并有一个标准的接口来访问并操作他们，最后，web开发人员可以很快捷的安全的创建各种多样化也功能强大的web应用程序文档对象 的方法getElementById----------...原创 2019-07-23 20:05:03 · 150 阅读 · 0 评论 -
javascrip用零星写三角形
for(var i = 0;i<8;i ++){ for(var j=0;j<8; j++){// document.write("*   "); if (j<i) { document.write("   &nb...原创 2019-07-19 10:57:54 · 131 阅读 · 0 评论 -
javascript判断闰年
<script type="text/javascript"> var sum=0; var num=0 for (var i=0;i<=2019;i++) { if (i%4==0 && i%100!=0 ) { sum+=1; document.write(i+" "); }else if(...原创 2019-07-19 14:57:47 · 494 阅读 · 0 评论 -
求一个四位数字各个位之和
求一个四位数字之和：如2546： 2+5+4+6<script type="text/javascript"> var a var b var c var d var i=5232; if(a=parseInt(i/1000)){ //document.write(a) }if (b=parseInt((i%1000)/100)){...原创 2019-07-19 14:59:38 · 2346 阅读 · 0 评论 -
轮播图（二）
在上一个轮播图的基础上，做了一些改进，当点击下方的小标题时，上方的图片会跟着一起改变。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin...原创 2019-07-27 10:54:36 · 114 阅读 · 0 评论