- 博客(83)
- 收藏
- 关注
RSS订阅原创 高亮显示手风琴案例
为了保证页面不溢出效果好不多次动画同时展现需要使用stop（）方法。1.当前li宽度变为224px同时小图片淡出大图片淡入。2.其余兄弟li宽度变为69px小图片淡入大图片淡出。鼠标经过某个li有两步操作。利用淡出淡入实现风琴案例。
2022-10-30 22:20:48
217
1
原创 新浪下拉菜单案例淘宝服饰精品案例
遇到的问题依然是jQuery文件不存在，我重新导入，检查路径是否正确，最后发现每次导入文件必须在同一个目录下导入才能成功。原因：jQuery文件导入不成功。遇到的问题：下拉框不显示。
2022-10-30 15:30:19
266
原创 jQuery5
目录1.1. jQuery 事件注册1.2. jQuery 事件处理1.2.1 事件处理 on() 绑定事件1.2.2. 案例：发布微博案例1.2.3. 事件处理 off() 解绑事件1.2.4. 事件处理 trigger() 自动触发事件1.3. jQuery 事件对象1.1. jQuery 事件注册 jQuery 为我们提供了方便的事件注册机制，是开发人员抑郁操作优缺点如下：- 优点: 操作简单，且不用担心事件覆盖等问题。- 缺点: 普
2022-10-24 09:45:26
248
原创 jQuery6
目录 1.4. jQuery 拷贝对象 1.4.1. 瀑布流插件（重点讲解）1.4.2. 图片懒加载插件1.4.3. 全屏滚动插件 1.4.4. bootstrap组件1.5. jQuery 多库共存1.6. jQuery 插件1.7. 今日总结 jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API，方便易用，内容如下。语法 演示代码 1.4.1. 瀑布流插件（重点讲解） 我们学习的第一个插件是jQuery之家的开源插件，瀑布流。我们将重点详细讲解，从找
2022-10-23 23:16:02
205
原创 jQuery4
2.当我们页面滚动到内容区域某个模块， 左侧电梯导航，相对应的小li模块，也会添加current类， 兄弟移除current类。注意：此方法用于遍历 jQuery 对象中的每一项，回调函数中元素为 DOM 对象，想要使用 jQuery 方法需要转换。 jQuery 元素操作主要讲的是用jQuery方法，操作标签的遍历、创建、添加、删除等操作。> 4.需要用到each，遍历内容区域大模块。> 4.删除选中的商品： 先判断小的复选框按钮是否选中状态，如果是选中，则删除对应的商品。
2022-10-17 00:09:39
185
原创 jQuery3
用户自己给元素添加的属性，我们称为自定义属性。比如给 div 添加 index =“1”。 注意：attr() 除了普通属性操作，更适合操作自定义属性。（该方法也可以获取 H5 自定义属性）
2022-10-17 00:09:34
61
原创 jQuery1
JavaScript库：即library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。> 简单理解： 就是一个JS 文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。> 比如 jQuery，就是为了快速方便的操作DOM，里面基本都是函数（方法）。常见的JavaScript 库。
2022-10-07 20:36:42
113
原创 饼形图热销排行
需求2：鼠标经过无需变大，修改第一段颜色渐变#00c9e0->#005fc1，修改第二段颜色#12274d。**定时器里面不加mousenter 事件**，而是直接重新渲染数据就可以(执行鼠标经过事件里面的代码)- 利用数据渲染各省热销模块 sup 模块 (拼接html格式字符串，进行渲染)- 渲染各省热销 sub 模块 (拼接html格式字符串，进行渲染)- 激活当前的tab样式，删除其他tab的样式。- 激活当前的tab样式，删除其他tab的样式。- 拼接html格式字符串，进行渲染。
2022-10-06 00:04:22
333
原创 线形图雷达图
需求2： 修改图例组件中的文字颜色 #4c9bfd， 距离右侧 right 为 10%区域填充的背景颜色设置为： rgba(238, 197, 102, 0.6)需求1： 修改折线图大小，显示边框设置颜色：#012f4a，并且显示刻度标签。需求4： 雷达图 坐标轴轴线相关设置(竖线) axisLine。需求1： 去掉背景颜色，调整雷达图大小 65%需求2： 指示器轴的分割段数为4条（4个圆圈）需求5： 修饰雷达图文字颜色为 #4c9bfd。需求3： 雷达图分割线设为白色半透明 0.5。
2022-10-05 16:45:11
562
原创 可视化项目区域设计1
3.鼠标经过marquee就停止动画：animation-play-state：paused。1.先克隆marquee里面所有的行（row）2.通过css3动画滚动marquee。
2022-09-25 16:37:42
108
1
原创 数据可视化项目1
图像边框是否应平铺(repeat)、铺满(round)或拉伸(stretch)子元素采用绝对定位，父元素采用相对定位，通过padding值设置覆盖边框。2.标签直接调用图标对应的类名即可。（类名在css文件中标注）PC端适配： 宽度在 1024~1920之间页面元素宽高自适应。（裁剪的尺寸，一定不加单位， 上右下左顺序）column列容器，分三列，占比3 : 4: 3。要把屏幕宽度约束在1024~1920之间有适配。用在边框的图片的路径。图片边框的宽度（需要加单位）面板类： .panel。
2022-09-18 14:00:12
1103
1
原创 数据可视化项目
数据可视化主要目的：借助于图形化手段，清晰有效地传达与沟通信息。数据可视化可以把数据从冰冷的数字转换成图形，揭示蕴含在数据中的规律和道理。完成该项目需要具备以下知识：- div + css 布局- flex 布局- css3动画- css3渐变- css3边框图片- 原生js + jquery 使用- rem适配- **echarts基础**粗略代码统计：- css 580行- html 450行- js 400行 (有效)
2022-09-11 23:16:29
470
原创 HTTP协议加强
通信，就是信息的传递和交换。通信三要素：通信的主体通信的内容通信的方式通信协议（Communication Protocol）是指通信的双方完成通信所必须遵守的规则和约定。通俗的理解：通信双方采用约定好的格式来发送和接收消息，这种事先约定好的通信格式，就叫做通信协议。HTTP 协议即超文本传送协议 (HyperTextTransferProtocol) ，它规定了客户端与服务器之间进行网页内容传输时，所必须遵守的传输格式。
2022-09-11 22:40:53
66
原创 淘宝案例、防抖和节流
!-- tab 栏区域 -->{{/each}}// 渲染建议列表// 如果没有需要渲染的数据，则直接 return}// 渲染模板结构}// 缓存对象节流策略（throttle），顾名思义，可以减少一段时间内事件的触发频率。防抖：如果事件被频繁触发，防抖能保证只有最有一次触发生效！前面 N 多次的触发都会被忽略！
2022-09-04 17:07:09
140
原创 同源策略、跨域和jsonp
如果两个页面的协议，域名和端口都相同，则两个页面具有相同的源。例如，下表给出了相对于 http://www.test.com/index.html 页面的同源检测：URL是否同源原因是同源（协议、域名、端口相同）否协议不同（http 与 https）否域名不同（www.test.com 与 blog.test.com）否端口不同（默认的 80 端口与 7001 端口）是同源（协议、域名、端口相同）同源策略。
2022-09-04 17:06:47
104
原创 封装Ajax函数和XMLHttpRequest Level2
目录3. 封装自己的Ajax函数3.1 要实现的效果3.2 定义options参数选项3.3 处理data参数3.4 定义itheima函数3.5 判断请求的类型4. XMLHttpRequest Level2的新特性4.1 认识XMLHttpRequest Level21. 旧版XMLHttpRequest的缺点2. XMLHttpRequest Level2的新功能4.2 设置HTTP请求时限4.3 FormData对象管理表单数据4.4 ...
2022-08-28 14:57:28
92
原创 xhr和数据交换格式
定义：查询字符串（URL 参数）是指在 URL 的末尾加上用于向服务器发送信息的字符串（变量）。格式：将英文的?放在URL 的末尾，然后再加上参数＝值，想加上多个参数的话，使用 & 符号进行分隔。以这个形式，可以将想要发送给服务器的数据添加到 URL 中。// 不带参数的 URL 地址// 带一个参数的 URL 地址id=1// 带两个参数的 URL 地址id=1&bookname=西游记URL 地址中，只允许出现英文相关的字母、标点符号、数字，因此，在 URL 地址中不允许出现中文字符。...
2022-08-28 14:57:14
418
原创 Ajax4
模板引擎，顾名思义，它可以根据程序员指定的模板结构和数据，自动生成一个完整的HTML页面。art-template 是一个简约、超快的模板引擎。中文官网首页为 http://aui.github.io/art-template/zh-cn/index.htmlart-template 提供了 {{ }} 这种语法格式，在 {{ }} 内可以进行变量输出，或循环数组等操作，这种 {{ }} 语法在 art-template 中被称为标准语法。...
2022-08-21 19:57:03
78
原创 ajax2
为了验证接口能否被正常被访问，我们常常需要使用接口测试工具，来对数据接口进行检测。好处：接口测试工具能让我们在不写任何代码的情况下，对接口进行调用和测试。
2022-08-14 17:53:46
92
原创 ajax1
Ajax 的全称是 Asynchronous Javascript And XML（异步 JavaScript 和 XML）。通俗的理解：在网页中利用 XMLHttpRequest 对象和服务器进行数据交互的方式，就是Ajax。
2022-08-13 22:54:13
45
原创 MySQL6
当页中删除的记录达到MERGE_THRESHOLD(默认为页的50%)，InnoDB会开始寻找最靠近的页（前或后）看看是否可以将两个页合并以优化空间使用。按照效率排序的话，count(字段)
2022-08-07 19:08:13
80
原创 vue3笔记1
2020年9月18日，Vue.js发布3.0版本，代号:One Piece(海贼王)。耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址: https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%,更新渲染快133%。内存减少54%2源码的升级使用Proxy代替defineProperty实现响应式。...
2022-08-07 13:12:06
89
原创 MySQL5
存储引擎就是存储数据、建立索引、更新/查询数据等技术的实现方式。存储引擎是基于表的，而不是基于库的，所以存储引擎也可被称为表类型。1.在创建表时，指定存储引擎CREATE TABLE表名(字段1字段1类型[ COMMENT字段1注释]，字段n字段n类型[COMMENT字段n注释])ENGINE = INNODB [ COMMENT 表注释];2.查看当前数据库支持的存储引擎介绍索引(index)是帮助MysQL高效获取数据的数据结构(有序）。...
2022-08-05 15:34:46
845
原创 MySQL4
事务是一组操作的集合，它是一个不可分割的工作单位，事务会把所有的操作作为一个整体一起向系统提交或撤销操作请求，即这些操作要么同时成功，要么同时失败。
2022-07-31 11:13:48
1921
原创 MySQL3
在多表查询时，需要消除无效的笛卡尔积)子查询返回的结果是单个值（数字、字符串、日期等），最简单的形式，这种子查询成为标量子查询。对于union查询，就是把多次查询的结果合并起来，形成一个新的查询结果集。概念SQL语句中嵌套SELECT语句，称为嵌套查询，又称子查询。对于联合查询的多张表的列数必须保持一致，字段类型也需要保持一致。相当于查询表1(左表)的所有数据包含表1和表2交集部分的数据。自连接当前表与自身的连接查询，自连接必须使用表别名。自连接查询，可以是内连接查询，也可以是外连接查询。...
2022-07-30 20:26:19
264
原创 vue16
/进入守卫通过路由规则，进入该组件时被调用beforeRouteEnter(to，from，next){},//离开守卫通过路由规则，离开该组件时被调用beforeRouteLeave(to，from,next){}特别注意路由携带params参数时，若使用to的对象写法，则不能使用path配置项，必须使用name配置!1.作用路由组件所独有的两个钩子，用于捕获路由组件的激活状态。2.前端路由key是路径，value是组件。1.作用让不展示的路由组件保持排载，不被销毁。......
2022-07-29 16:25:00
77
原创 MySQL2
1.软件的研发步骤2.数据库设计概念数据库设计就是根据业务系统的具体需求，结合我们所选用的DBMS，为这个业务系统构造出最优的数据存储模型。建立数据库中的表结构以及表与表之间的关联关系的过程。有哪些表?表里有哪些字段?表和表之间有什么关系?3．数据库设计的步骤①需求分析（数据是什么?数据具有哪些属性?数据与属性的特点是什么)②逻辑分析（通过ER图对数据库进行逻辑建模，不需要考虑我们所选用的数据库管理系统③物理设计(根据数据库自身的特点把逻辑设计转换为物理设计)...
2022-07-24 20:04:36
261
1
原创 vue15
3)组件中修改vuex中的数据$store.dispatch('action中的方法名'，数据)或$store.commit('mutation中的方法'，数据)在Vue中实现集中式状态(数据)管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理(读写)，也是一种组件间通信的方式，且适用于任意组件间通信。4.mapMutations方法用于帮助我们生成与mutations对话的方法，即包含($store.commit(xx)的函数。5.开启命名空间后，组件中调用dispatch。...
2022-07-24 17:05:20
170
原创 MySQL1
英文StructuredQueryLanguage，简称SQL结构化查询语言，一门操作关系型数据库的编程语言定义操作所有关系型数据库的统一标准对于同一个需求，每一种数据库操作的方式可能会存在一些不一样的地方，我们称为“方言"...
2022-07-23 16:26:00
321
原创 vue14
1.理解数据在组件的自身，但根据数据生成的结构需要组件的使用者来决定。(games数据在Category组件中，但使用数据所遍历出来的结构由App组件决定)1.作用让父组件可以向子组件指定位置插入htm结构，也是一种组件间通信的方式，适用于父组件===>子组件。2.分类默认插槽、具名插槽、作用域插槽。...
2022-07-16 16:31:17
279
原创 vue13
h1v-show="isShow">你好啊!1.作用在插入、更新或移除DOM元素时|在合适的时候给元素添加样式类名。2.v-enter-active进入过程中。2.v-leave-active离开过程中。编写vue.config.js配置具体代理规则。3.v-enter-to进入的终点。3.v-leave-to离开的终点。1.v-enter进入的起点。1.v-leave离开的起点。...
2022-07-16 10:11:05
99
原创 vue12
5.最好在beforeDestroy钩子中，用PubSub.unsubscribe(pid)去取消订阅。this.pid=pubsub.subscribe('xxx',this.demo)//订阅消息}1.接收数据A组件想接收数据，则在A组件中给$bus绑定自定义事件，事件的回调留在A组件自身。3.接收数据A组件想接收数据，则在A组件中订阅消息，订阅的回调留在A组件自身。4.提供数据pubsub.publish('xxx',数据)...
2022-07-15 15:56:05
224
原创 算法题11（无重复字符的最长子串）
判断重复字符在上面的流程中，我们还需要使用一种数据结构来判断是否有重复的字符，常用的数据结构为哈希集合（即C++中的std: : unordered_set , Java中的HashSet, Python中的set ,JavaScript中的Set)。在左指针向右移动的时候，我们从哈希集合中移除一个字符，在右指针向右移动的时候，我们往哈希集合中添加一个字符。 JavaJavaScript......
2022-07-10 15:35:07
71
原创 vue11
目录webStorage组件的自定义事件1.存储内容大小一般支技5MB左右(不同浏览器可能还不一样)2.浏览器端通过Window.sessionStorage和Window.localStorage属性来实现本地存此机制3.相关API:4.备注: 1.—种组件间通信的方式，适用于:子组件===>父组件2.使用场景:A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中)。3.绑定自定义事件:3.若想让自定义事件只能触发一次，可以使用once修饰符，或$once方法。
2022-07-10 14:51:44
151
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人