09 2021 档案

摘要:vue2可以使用,vue3已经砍掉,因此会使用即可,非重点 p标签显示的是函数的返回值 阅读全文
posted @ 2021-09-25 16:57 阅读(33) 评论(0) 推荐(0)
摘要:v-bind页面数据变化,数据源不会同步变化,为单项数据变化;v-modele为双向数据绑定 input输入框,textarea,select, 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <m 阅读全文
posted @ 2021-09-25 11:33 阅读(71) 评论(0) 推荐(0)
摘要:1.vue 的特性 vue 框架的特性,主要体现在如下两方面: ①数据驱动视图(ajax从服务器请求回来的内容) ②双向数据绑定 1.1 数据驱动视图 在使用了vue 的页面中,vue 会监听数据的变化,从而自动重新渲染页面的结构。示意图如下: 数据变化会驱动视图的更新,驱动的过程由vue实现 好处 阅读全文
posted @ 2021-09-25 07:37 阅读(82) 评论(0) 推荐(0)
摘要:实际开发过程中,webpack默认只能打包js结尾模块,非js结尾模块处理不了,需要调用loader加载器才可以正常打包,否则会报错 案例:去除li小圆点 li{ list-style: none; } 实际开发中不建议在html中引入,webpack处理入口为index.js,因此可以在index 阅读全文
posted @ 2021-09-22 09:58 阅读(283) 评论(0) 推荐(0)
摘要:前端工程化解决方案: 目前主流:webpack webpack vue、react都是基于webpack 隔行变色案例 新建空白文件夹,运行npm init -y指令 文件夹里新建src文件夹 ul>li{这是第$个li}*9 <!DOCTYPE html> <html lang="en"> <he 阅读全文
posted @ 2021-09-16 14:02 阅读(302) 评论(0) 推荐(0)
摘要:矢量地图数据: https://gitee.com/liumuye666/front-end/tree/master/ 矢量地图的实现步骤 ECharts最基本的代码结构 引入js文件,DOM容器,初始化对象,设置option2. 准备中国地图的矢量数据,放到json/map的目录下 china.j 阅读全文
posted @ 2021-09-14 09:17 阅读(345) 评论(0) 推荐(0)
摘要:9. jQuery其他方法 9.1 jQuery对象拷贝 将某个对象拷贝给另一个对象使用,可以使用$.extend() 语法 $.extend([deep],target,Obj1,[Obj2...]) deep:当设为true时表示深拷贝,默认为false,表示浅拷贝。 target表示要拷贝到的 阅读全文
posted @ 2021-09-03 16:24 阅读(78) 评论(0) 推荐(0)
摘要:8.jQuery事件 8.1 jQuery事件注册 <body> <div></div> <script> $(function() { // 1. 单个事件注册 $("div").click(function() { $(this).css("background", "purple"); }); 阅读全文
posted @ 2021-09-03 14:21 阅读(84) 评论(0) 推荐(0)
摘要:7.jQuery尺寸、位置操作 7.1 jQuery尺寸 以上jQuery方法的参数如果为空,则是获取相对应的值,返回值是数字型。 如果参数里写上了数值,则是修改对应的值。 参数可以不必写单位。 7.2 jQuery位置 位置主要有三个:offset()、position()、scrollTop() 阅读全文
posted @ 2021-09-02 16:08 阅读(103) 评论(0) 推荐(0)
摘要:6.jQuery元素操作 主要是遍历、创建、添加、删除元素操作 6.1.遍历元素each() jQuery的隐式迭代是对同一类元素做了同样的操作,如果想给同一类元素做不同操作,就需要用到遍历。 $("div").css("color","red")是给所有获取到的div字体设置为红色。假设有三个di 阅读全文
posted @ 2021-09-02 13:59 阅读(83) 评论(0) 推荐(0)
摘要:5. jQuery内容文本值 主要针对元素内容还有表单值操作 5.1 普通元素内容html()(相当于原生innerHTML) html() //获取元素内容 html("内容") //设置元素内容 console.log($("div").html()); $("div").html("123") 阅读全文
posted @ 2021-09-02 11:25 阅读(86) 评论(0) 推荐(0)
摘要:4.jQuery属性操作 4.1 设置或获取元素固有属性值prop() 所谓元素固有属性就是元素本身自带的属性,比如<a>元素里面的href,比如<input>元素里面的type 1. 获取属性语法 prop("属性") 2. 设置属性语法 prop(n|p|k,v|f) prop("属性",“属性 阅读全文
posted @ 2021-09-02 09:12 阅读(74) 评论(0) 推荐(0)
摘要:3.1显示隐藏效果 1.显示语法规范 show([s,[e],[fn]]) hide([s,[e],[fn]]) toggle([s],[e],[fn]) 2.显示参数 (1)参数都可以省略,无动画直接显示 (2)speed:三种预订速度之一的字符串(“slow”,“normal”,or “fast 阅读全文
posted @ 2021-09-01 15:23 阅读(92) 评论(0) 推荐(0)