摘要: 1.canvas初体验 <!-- canvas画布:是html5中新增特性 --> <!-- 自带宽度高度 300*150 --> <!-- 浏览器认为canvas标签是一张图片 --> <!-- 给canvas画布添加文本内容没有意义,不会显示 --> <!-- 添加子节点也是没有意义 --> < 阅读全文
posted @ 2023-03-16 14:04 前端4u 阅读(53) 评论(0) 推荐(1)
摘要: 1.DOM 1.1DOM简介 文档对象模型,是W3C组织推荐的处理可扩展标记语言的标准编程接口,通过这些DOM接口可以改变网页的内容结构和样式 文档:一个页面就是一个文档,DOM中使用document表示 元素:页面中的所有标签都是元素,DOM中使用elemrnt表示 节点:网页中的所有内容都是节点 阅读全文
posted @ 2023-03-16 14:00 前端4u 阅读(31) 评论(0) 推荐(1)
摘要: 1.BOM BOM即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window window对象是浏览器的顶级对象,它具有双重角色 1.它是js访问浏览器窗口的一个接口 2.它是一个全局对象,定义在全局作用域中的变量,函数都会变成window对象的属性和方法。 1.1页 阅读全文
posted @ 2023-03-16 13:58 前端4u 阅读(103) 评论(0) 推荐(1)
摘要: JS高级 1.类和对象 1.通过class关键字创建类,类名还是习惯性首字母大写 2.类里面有个constructor函数,可以接受传递过来的参数,同时返回实例对象 3.constructor函数只要new生成实例,就会自动调用这个函数,入锅不写这个函数,类也会自动生成这个函数 4.生成实例 new 阅读全文
posted @ 2023-02-21 15:38 前端4u 阅读(79) 评论(1) 推荐(1)
摘要: 1.快速入门 快速入门 外部引入: 外部引入:<script src=“”></script> 注意script标签必须成对出现 <script type="text/javascript"> </script> 不用显示定义type,也默认定义javascript 内部标签: <script></ 阅读全文
posted @ 2023-02-21 15:37 前端4u 阅读(94) 评论(0) 推荐(0)
摘要: 1.CSS选择器 1.1基本选择器 标签选择器 类选择器 id选择器 1.2后代选择器:在某个元素的后面 body p{ /*color: green;*/ /*后代选择器*/​ background: red; } 1.3子选择器 儿子 一代: /*子代选择器*/ body>p{ backgrou 阅读全文
posted @ 2023-02-21 15:36 前端4u 阅读(127) 评论(0) 推荐(0)
摘要: 1.基础 1.HTML标题通过<h1>至<h6> 2.段落用标签<p></p>定义 3.链接通过<a>定义例如: <a href="http://www.runoob,com">这是一个链接</a> 4.图像标签 <img> eg:<img src="/images/logo.png" width= 阅读全文
posted @ 2023-02-21 15:35 前端4u 阅读(77) 评论(0) 推荐(0)
摘要: 31.父子组件通信 1.父亲给儿子通信 利用props 2.儿子给父亲通信,先利用props让父亲给儿子传个函数,再让儿子再调用函数 32.todolist案例总结 组件化编码流程: (1).拆分静态组件:组件要按照功能点拆分,命名不要与html元素冲突。 (2).实现动态组件:考虑好数据的存放位置 阅读全文
posted @ 2022-11-24 16:28 前端4u 阅读(67) 评论(1) 推荐(1)
摘要: 1.初识Vue <script src="./js/vue.js"></script> </head> <body> <!-- 1.想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象 2.root容器里的的代码依然符合html规范,只不过混入了一些特殊的Vue语法 3.root容器里的代 阅读全文
posted @ 2022-11-22 16:31 前端4u 阅读(63) 评论(0) 推荐(0)
摘要: 前端Vue核心 开发一个前端模块可以概括为以下几个步骤: (1)写静态页面、拆分为静态组件; (2)发请求(API); (3)vuex(actions、mutations、state三连操作); (4)组件获取仓库数据,动态展示; 1、vue文件目录分析 public文件夹:静态资源,webpack 阅读全文
posted @ 2022-11-22 16:11 前端4u 阅读(436) 评论(0) 推荐(1)