2019年08月_sofency

原创原生js- 页面状态事件 -04

页面的加载状态有loading interactive completed 三种状态,但我们先来说说js的入口函数，话说之前我写的js代码都没有写入口函数，因为js可以省略不写，但是写与不写有区别吗，答案当然有。不写js的入口函数，script的代码最好写在文件的末尾，因为在代码进行创建dom树的时候，如果在最开始就检测到script的代码，此时下面的代码还没有加载到dom树上，因此在scr...

2019-08-30 09:12:02 305

原创网页时钟

clock.html代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="clock.css"/> </head&...

2019-08-25 20:27:43 622

原创原生js ---选择器的使用,键盘事件 --03

选择器的使用我们想给一些元素动态添加样式的时候，我们要做的首先是选中目标元素，再对目标元素进行响应的操作，因此如何选择元素就成了至关重要的一步。给button按钮添加事件的几种方法 <button class="click" id ="text">click</button> //根据标签名选取当你的网页中有多个按钮时它选中的是元素的集合也就是数组，因此当你给特定...

2019-08-25 11:41:51 520

原创原生js--对象，原型链 --02

对象 javascript对象书写样式 var obj = { 属性：属性值函数名：函数数组名：数组 } var obj ={ name:"sofency", sayHello:function(){ alert("hello sofency") }, interest:["basketball","football","table"] } 对象如何进行调用其中的成员哪通过....

2019-08-23 22:39:02 191

原创 css--选择器的选取,盒模型,常见的属性---01

css作为前端学习中不可缺少的工具，它为页面带来了美感，使用户获得更好的体验感。选择器的选取 <div class="container"> <div id="test"></div> </div> 对于class属性，使用 .选择器 .container{}; 对于id属性，使用#选择器 #test{}; 对于上述的代码 css是基...

2019-08-23 09:18:22 201

原创装饰者模式（菜鸟进阶大神装饰过程）

练习代码数系装饰器 /** * @Auther :sofency * @Date: ${DATA} * @Description: 装饰器 * 1.抽象组件 * 2.具体组件 * 3.抽象装饰类要包含抽象组件的引用 * 4.具体装饰类 * @Version: 1.0 */ public class decorate { public static void main...

2019-08-22 18:05:28 582 4

原创原生js--js介绍,数据类型,比较运算符,数组,引入js -01

js 简介：一门完备的动态编程语言。当应用于 HTML 文档时，可为网站提供动态交互特性。主要功能：在前端主要负责页面数据的交互，让页面动起来，必须点击按钮实现表单数据的提交,点击某个区域实现区域样式的变化，鼠标移入时实现鼠标样式的变化等等，这样用户的体验才会更好。应用场景：简单到幻灯片、照片库、浮动布局和响应按钮点击。复杂到游戏、2D 和 3D 动画、大型数据库驱动程序，等等传送门j...

2019-08-22 18:03:42 273

sofency'Blog