编程语言
关注
分享
扫一扫
Joy Weijiao
一个小前端
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端基础第一天
前端基础第一天一.五大浏览器以及对应的内核IE,Trident火狐,Geckeo谷歌,bliksafari,webkitOpera,blik二,Web标准,即组成部分html,结构css,样式js,行为三,html初识1.骨架结构(必须清楚)页面的显示名<br/>我们所写的内容全在这个里面2.开发工具,用sublime快捷键:- Ctrl + C...原创 2018-12-26 20:08:49 · 373 阅读 · 4 评论 -
webAPI 第五天 --- 延时器,定时器,offset系列
这节知识中最重要的是我们的延时器和定时器,但是还有我们的一些细小的知识点需要了解BOM : 浏览器对象模型,提供了一套操作浏览器的工具 BOM包含的内容很多,但是东西都不太常用,定时器是最重要的一.window对象window是个全局对象 顶端对象 全局变量或者函数都是window的属性 window一般都会省略1.window.onload窗体加载完...原创 2019-03-24 21:28:28 · 454 阅读 · 0 评论 -
webAP练习五 --- 电子表 短信验证码 定时跳转
在页面中显示 :电子表 实时更新事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...原创 2019-03-24 21:33:58 · 197 阅读 · 0 评论 -
前端学习js基础第六天---内置对象中的其他内置对象
我们在此之前已经对Math对象和Date对象做出了一定的了解,下面就认识一下其他的对象一.Array对象,提供的是Array构造函数join, arr.join(' | ') 将数组的每一项元素根据分隔符拼接成一个字符串,默认分隔符,push, 往后加pop,往后面删shift,在前面删unshift,在前面加reverse,翻转sort,sort(fn...原创 2019-03-21 17:44:33 · 154 阅读 · 0 评论 -
js基础中的驼峰命名生成
在面试时,我们经常会遇见js基础的一些问题,不是很难,且不知道从哪下手知识就在里面,就是取不出来下面就是我们运用js基础来实现的驼峰命名<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="...原创 2019-03-21 17:48:04 · 1140 阅读 · 0 评论 -
webAPI 第一天
js基础已经了解结束,我们开始学习webapi一.webpi 了解web : 网页 api :预先定义的方法,帮我们实现某种特定的功能 特征:输入(参数) 输出(返回值)webapi就是浏览器提供给我们用来操作页面的方法js的组成: 1. ECMAScript : js基础课 ,js高级 , js的标准规范,规范了js的基本语法数据类型 ...原创 2019-03-21 21:28:06 · 375 阅读 · 0 评论 -
前端学习js基础第五天---内置对象中的Math对象和Date对象
今天就主要研究一下js中的Math对象和Date对象,在开发中也是经常使用的一.Math对象属性:Math.PI 固定的值max最大值min最小值ceil向上取整floor向下取整round四舍五入abs绝对值pow(2,,10) 2的10次方sqrt( 9 ) 对9开方random 随机数 :公式求0-N的随机整数,parseInt(Math.ran...原创 2019-03-18 21:26:36 · 281 阅读 · 0 评论 -
使用js内置对象Math生成随机颜色
随机一个颜色 rgb 颜色然后调用函数给body就可以改变浏览器中body的颜色其实就是把rgb的三个颜色值使用随机的数字来表示就达到了取一个随机颜色的目的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport...原创 2019-03-18 21:33:13 · 614 阅读 · 0 评论 -
实现时间倒计时
实现时间倒计时我们经常会看见一些网页或者其他地方的倒计时是怎么实现的呢?运用我们的时间戳来实现举例,现在到2019年3月19日0点0分0秒的倒计时<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" ...原创 2019-03-18 21:37:02 · 752 阅读 · 0 评论 -
webAPI 第二天 --- 操作属性和常见的事件,this,阻止默认跳转
在开始学习之前,我们需要了解一下相关的信息1.this口诀,谁调用this所在的函数,this就指向谁 1 .函数调用方式: this => window 2.方法调用方式: this => 对象 3.构造函数调用: this =>实例对象事件中的this : this => 注册事件的对象2.阻止默认跳转...原创 2019-03-22 21:41:46 · 258 阅读 · 0 评论 -
webapi练习二--重点全选案例和排他思想,还有阻止a跳转
总结一波第二天的练习题1.给多个按钮注册点击事件，当点击按钮，显示对应的图片 -- title属性记录图片src<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w...原创 2019-03-22 21:47:47 · 210 阅读 · 0 评论 -
webAPI 第三天 --- 获取元素的方法,style属性,节点操作
一.获取元素的方法1.getElementById 根据id值获取元素2.getElementByTagName 根据标签名获取元素3.getElementByClassName 根据类名获取元素4.getElementsByName 根据name属性来获取5.querySelector() 根据选择器来获取元素(一个)6.querySele...原创 2019-03-23 10:24:00 · 471 阅读 · 0 评论 -
webAPI 第四天 --- 节点操作,上下节点,添加节点,复制节点,删除节点,替换节点
节点操作(很重要)一.节点属性1.childNodes 所有的子节点2.nodeType 节点类型3.nodeName 节点名称4.nodeValue 节点值二.节点查找1.找儿子 1.children 所有的子元素 2.firstElementChild 最后一个子元素 3.lastEl...原创 2019-03-24 17:17:31 · 304 阅读 · 0 评论 -
AJAX技术第一节 ---- XMLHttpRequest 和 数据交互
AJAX技术即Asynchronous Javascript And XML ,AJAX不是一门新的语言,而是对现有技术的综合利用本质:是在HTTP协议的基础上通过js的XMLHttpRequest对象与服务器进行通讯作用:可以在页面不刷新的情况下,请求服务器局部更新页面的数据同步与异步(了解)指某段程序执行时不会阻塞其他程序执行,其变现形式为程序的执行顺序不依赖程序本身的书写...原创 2019-03-27 20:41:52 · 458 阅读 · 0 评论 -
前端学习js基础第五天---对象的认识
简单数据类型:number string Boolean null undefined复杂数据类型:数组 函数 对象我们现在学习了前面的所有,就差最后的一个对象了,今天我们就学习一下对象一.对象的基本知识1.生活中的对象可以通过特征和行为描述出来的2.js中的对象概念:无序的键值对的几个作用:存储数据,存储一个对象的属性和方法3.创建对象的两种方式1...原创 2019-03-17 18:20:54 · 172 阅读 · 0 评论 -
前端学习js基础第四天---函数以及函数的作用域详解
学习函数之前我们应该明确为什么要学习函数?函数可以进重复冗余的代码进行封装将来函数还可以多次调用一.函数的基本知识1.函数的声明和调用声明:function 函数名(){函数体}调用:函数名()注意点:函数在声明后不会立即执行,徐亚调用之后才能使用,,而且函数还可以多次调用2.函数的参数(形参和实参)形参:形式参数,本身没有具体的值或者类型,只在将来函数调用的时候才...原创 2019-03-17 11:28:49 · 237 阅读 · 0 评论 -
前端学习js基础第二天-运算符的优先级和数据类型之间的转换
js是前端的核心,知识虽然很碎,但是却很重要今天的主要内容在于循环结构,其中for循环最重要,一定要掌握!前端学习js基础第二天一.运算符也称操作符1.算术运算符+加,有拼串和算术的功能-减*乘/除%取余如果遇到其他的字符串,自动转成数字进行运算2.赋值运算符=,赋值+=,例如:age+=10,就是age=age+10;-=,类比+=*=...原创 2019-01-22 18:07:13 · 250 阅读 · 0 评论 -
前端学习第二天
**一,a标签(超链接)**很重要1.基本作用,从一个页面跳转到另一个页面```代码格式:点击之后找到目标文件2.属性:href:告诉浏览器跳转到哪个页面,后面写路径targrt:跳转方式,_self,在当前页面跳转,_blink在另一个页面跳转base,设置所有a标签的跳转方式,一般写在title下代码格式:点击之后找到目标文件3.a标签的其他用法1.点击之后不跳转在href...原创 2018-12-27 20:30:53 · 228 阅读 · 1 评论 -
前端学习第三天
一.表单系列标签1.input通过type的属性值表现出不同的形态1.文本框:text(默认值)属性:value,用户输入的信息name,告诉后台发送数据的含义maxlength,用户输入的最大字数2.密码框,password,密文输入属性,和文本框一样3.单选框,radio属性:出了文本框的属性外,一组只能选择一个name,属性还可以将相同name属性的单选框为一组chec...原创 2018-12-28 21:54:54 · 147 阅读 · 0 评论 -
前端基础第七天,盒子模型
刚开始写博客,排版不是很好被吐槽,看来我需要好好整理学习一下排版了今天主要学习盒子模型(一种思维方式,万物皆盒子) 盒子模型由四部分组成,内容content,边框,borter,内边距,padding,外边距,margin下面我们就依次来介绍一下一.内容:content内容自然就是我们的文本,理解性记忆就好二.边框:borter1.属性边框的宽度border...原创 2019-01-03 19:14:07 · 249 阅读 · 2 评论 -
前端基础第四天
经过几天的html的学习,已经有点开始慢慢的进入一个程序员的世界从今天开始,我们就开始一起学习css的内容一起来看看今天的重点吧,一,css的初体验css的相关设置放在style里,style放在title下,是一个双标签1.css的相关属性color:设置字体的颜色font-size:设置字体的大小background:设置字体的背景width:设置字体的宽度height:设...原创 2018-12-30 20:57:04 · 236 阅读 · 0 评论 -
前端基础---margin，padding，和浮动的影响
一.line-height的补充1.行高的单位1.数字+px;2.数字+em;假如字体大小是16px,n那么2em=2*16px;3.数字+%,假如字体大小是16px,n那么200%=2*16px;4.数字,直接是字节的倍数2.与font-连写1.写在font下面, 当行高写在font下面的时候,会被覆盖2.写在font里面,font:style weight s...原创 2019-01-05 18:49:32 · 7591 阅读 · 1 评论 -
前端基础第九天,综合
这已经是我们学习前端的第九天了,到底掌握了多少东西呢?做练习才是提升自己最快的方式,下面就让我们用自己所学的基础知识,将一下页面完整的展示出来吧(注意哦,有一些小的图片的给的文档中的,可不要傻不拉几的自己做起了UI的工作)文档会上传资源,可以下载试一试,看看究竟自己掌握了多少 ...原创 2019-01-06 21:54:26 · 210 阅读 · 0 评论 -
前端基础第十一天和十二天
前端学习所需要的一些html和css的基础基本已经了解完了 ,现在就应该着手做自己的静态页面增加熟练度,便于之后学习js的时候更加顺畅这几天会陆陆续续的增加一点小的细节,实际开发中会用的很少,但是如果用到也得会 这些都是会遇到,但是用的少,大家理解即可,知道些样式如何实现 一.双伪元素清除浮动伪元素清除浮动升级版,即解决了清除浮动,有解决了塌陷两个伪元素合并如下:...原创 2019-01-11 21:37:39 · 217 阅读 · 0 评论 -
前端基础第六天
2019年.依旧是变得更优秀的一年,继续好好学习一,背景相关属性1.background-color:背景颜色取值:关键字,red:rgb;rgba;#;2.background-image:背景图片取值url(路径)默认是平铺的3.background-repeat:背景平铺取值:repeat平铺,默认的no-repeat;不平铺repeat-x;水平平铺repeat-y,...原创 2019-01-02 17:41:16 · 162 阅读 · 0 评论 -
前端基础总结之html系列
html总结HTML总结 网页的认识 网页的基本组成部分 文字 图片 超链接 视频 音频 浏览器的认识 ie trident 火狐 gecko c...原创 2019-01-13 16:33:28 · 197 阅读 · 0 评论 -
前端基础总结之css系列
很多,一定要掌握css总结 CSS总结 css相关的属性 color 文字的颜色 取值 关键字：red、pink rgb 每一项 0~255 rgba ...原创 2019-01-13 16:35:21 · 285 阅读 · 0 评论 -
前端学习js基础第三天--数组
JavaScript基础的学习已经慢慢开始进入到数组,函数,对象的学习了,所有要加油哦!今天主要学习数组前端学习js基础第三天--数组1.为什么要学习数组数组就是一个有序的组合作用:可以存储大量数据2.数组的定义1.构造函数的方式var arr=new Array();一个空的字符串,Array表示字符串var arr = new Array(1,2,3);有数...原创 2019-01-23 18:13:26 · 241 阅读 · 0 评论 -
前端基础第十天
基础已经学习一半多了,简单的静态页面也可以做了虽然一个页面需要写好几个小时,但是熟练了就会好一点,一起加油今天主要学习了定位,但是其他的知识也要了解,便于以后yunyong一.四种定位1.静态定位static 标准流中默认都是静态定位2.相对定位relative 特点:1.配合方位属性使用 2.相对于自己原来的位...原创 2019-01-08 22:37:52 · 201 阅读 · 0 评论 -
前端学习js基础第一天--变量和数据类型的认识
我们已经学过了html和css,也可以用这些做一些简单的静态页面了但是我们的重点就是如何让页面"活",这就要运用到我们js了接下来的一段时间,将会不断更新js的知识,基础很重要,也很零碎,理解性记忆即可前端学习js基础第一天一.什么是jsjs是一种运行在浏览器的脚本语言js的历史:作者: 布莱登-艾奇 开发了 LiveScript (表单校验)...原创 2019-01-19 18:07:12 · 227 阅读 · 0 评论 -
H5C3 学习(三) ---- 过渡,2d转换,3d转换各种属性
一.过渡transition:过渡是css3中具有颠覆性的特征之一,可以实现元素不同状态间的平滑过渡(补间动画).必须有两个不同的状态1.补间动画和帧动画帧动画:通过一帧一帧的画面按照固定顺序和速度播放补间动画:补间动画只需要起始状态和终止状态,浏览器自动完成中间的过渡2.过渡的属性1. transtion-property:设置过渡属性; 如: transition-...原创 2019-04-16 16:21:05 · 909 阅读 · 0 评论