- 博客(198)
- 收藏
- 关注
RSS订阅原创 Transformer架构
Mask 机制的目的是确保模型在生成序列的每一步时只能依赖于当前位置之前的信息，而不能使用未来信息，从而保证生成的序列是自洽的。自注意力机制的基本思想是对于给定的输入序列，每个位置都可以与其他位置进行交互，通过计算它与其他位置的相关性来获取该位置的表示。是指在注意力机制中同时考虑两个不同序列之间的关系，通常用于序列到序列模型中的解码器部分，以便在生成输出序列时能够参考输入序列的信息。在解码器的自注意力机制中，每个位置只应该注意到该位置及之前的位置，而不应该注意到后面的位置，以避免信息泄露和未来信息的使用。
2024-05-23 18:11:10
168
原创 神经网络基础结构
全连接层的引入可以增加网络的灵活性和表达能力，使其能够适应各种复杂的任务，并进行准确的分类和预测。然而，随着网络层数的增加，全连接层的参数量也会大幅增加，导致计算量增加和过拟合的风险，因此需要适当的正则化和优化策略来处理。通过交替堆叠多个卷积层和池化层，CNN能够逐渐提取出抽象和高级的特征，并在全连接层中进行进一步的处理和分类。：全连接层也称为密集连接层或输出层，是神经网络中的一种常见层类型。参数共享：卷积层中的每个滤波器都使用相同的权重参数对输入数据进行卷积操作，从而减少了参数数量，降低了模型复杂度。
2024-05-20 23:06:56
455
原创 Vue复习
/ 注册全局指令(v-my-directive)})// 注册局部指令// 指令与元素成功绑定时（一上来）},// 指令所在元素被插入页面时},// 指令所在的模板被重新解析时},},},
2024-03-20 17:18:51
740
1
原创 Mockjs在vue中的使用
json文件中如果说存在注释文件和编辑器都会报错，我们采用json5格式来让json格式可以存在注释。在vue.config.js配置(不同版本配置写法不一样)在项目根路径新建.env.development文件。新建mock文件夹，新建testMock.js文件。在mock文件夹下，新建testJSON5.js。在mock文件夹下，新建index.js。引入JSON5库来解析JSON5格式。安装JSON5 syntax插件。...
2022-08-14 20:10:02
521
2
原创 Echarts页面开发
index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel
2022-05-03 10:46:47
1840
2
原创 移动端常见布局
移动端常见布局1. 流式布局（百分比布局）流式布局就是百分比布局，也称非固定像素布局。通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。流式布局方式是移动web开发使用的比较常见的布局方式。max-width 最大宽度（max-height最大宽度）min-width 最小宽度（min-height最小宽度）2. 案例：京东移动端首页index.html<!DOCTYPE html><html lang="en">
2022-04-30 11:30:35
2603
2
原创 Vue-router
1. vue-router的理解vue的一个插件库，专门用来实现SPA应用。对SPA应用的理解单页Web应用（single page web application，SPA）整个应用只有一个完整的页面点击页面中的导航链接不会刷新页面，只会做页面的局部更新数据需要通过Ajax请求获取2. 路由的理解什么是路由?一个路由就是一组映射关系（key - value）key 为路径, value 可能是 function 或 component路由分类后端路由理解：value
2022-04-23 09:51:14
973
1
原创 redux
1. redux理解学习文档：中文文档redux是一个专门用于做状态管理的JS库（不是react插件库）它可以用在react，angular，vue等项目中，但基本与react配合使用作用：集中式管理react应用中多个组件共享的状态2. 什么情况下需要使用redux某个组件的状态，需要让其他组件可以随时拿到（共享）一个组件需要改变另一个组件的状态（通信）总体原则：能不用就不用，如果不用比较吃力才考虑使用3. redux的动作流程4. redux的三个核心概念action
2022-04-15 18:05:03
983
2
原创 React路由
1. SPA的理解单页Web应用（single page web application，SPA）整个应用只有一个完整的页面点击页面的链接不会刷新页面，只会做页面的局部更新数据都需要通过ajax请求获取，并在前端异步展示2. 路由的理解1. 什么是路由？一个路由就是一个映射关系(key: value)key为路径，value可能是function或component2. 路由分类后端路由：理解：value是function，用来处理客户端提交的请求注册路由：router.
2022-04-12 21:43:36
900
1
原创 Vuex的使用
1. Vuex概念：专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对Vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间的通信。GitHub地址：Vuex...
2022-03-20 12:48:49
1644
1
原创 node.js中express框架的使用
1. Expressexpress官网Express是基于Node.js平台快速、开放、极简的web开发框架。Express的作用和Node.js内置的http模块类似，是专门用来创建web服务器的。Express本质就是一个npm上的第三方包，提供了快速创建web服务器的便捷方法。最常见的两种服务器：Web网站服务器：专门对外提供Web网页资源的服务器API接口服务器：专门对外提供API接口的服务器使用Express可以方便、快速的创建Web网站的服务器或API接口的服务器2. E
2022-03-18 21:46:27
4217
2
原创 BOM移动端
1.触屏事件概述移动端浏览器兼容性较好，不需要考虑以前的JS的兼容性问题。touch 对象代表一个触摸点，触摸点可能就是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。常见的触屏事件：触屏touch事件说明touchstart手指触摸到一个DOM元素时触发touchmove手指在一个DOM元素上滑动时触发touchend手指从一个DOM元素上移开时触发...
2022-02-22 20:57:01
145
原创 BOM本地存储
1. 本地存储特性数据存储在用户浏览器中设置、读取方便、甚至页面刷新不丢失数据容量较大，sessionStorage约5M、localStorage约20M只能存储字符串，可以将对象JSON.stringify()编码后存储2. window.sessionStorage生命周期为关闭浏览器窗口在同一个窗口（页面）下数据可以共享以键值对的形式存储使用存储数据：sessionStorage.setItem(key,value)获取数据：sessionStorage.getIt
2022-02-22 20:51:30
140
原创 BOM动画函数封装
1. 动画实现原理(加定位)核心原理：通过定时器 setInterval() 不断移动盒子位置。2. 动画函数简单封装注意函数需要传递2个参数，动画对象和移动到的距离。3.动画函数给不同元素记录不同定时器如果多个元素都使用这个动画函数，每次都需要var声明定时器。我们可以给不同的元素使用不同的定时器（自己专门用对自己的定时器）。核心原理：利用JS是一门动态语言，可以很方便的给当前对象添加属性。<!DOCTYPE html><html lang="en"><h
2022-02-22 20:50:43
328
1
原创 BOM元素三大系列
1. offset 概述可以使用offset系列相关属性得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）注意：返回的数值都不带单位offset系列常用属性：offset系列属性作用element.offsetParent返回作为该元素带有定位的父级元素 如果父级没有定位则返回bodyelement.offsetTop返回元素相对带有定位父元素上方的偏移element.offsetLeft返回元素相对带有定
2022-02-11 11:48:01
270
1
原创 BOM location对象、navigator对象、history对象
1. location对象URL统一资源定位符（Uniform Resource Locator,URL）是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。URL的一般语法格式为：protocol://host[:port]/path/[?query]#fragmenthttp://www.itcast.cn/index.html?name=andy&age=18#link组成说明protocol
2022-01-14 01:15:55
602
1
原创 BOM定时器
1. setTimeout() 定时器window.setTimeout(调用函数,[延迟的毫秒数]);setTimeout() 方法用于设置一个定时器，该定时器在定时器到期后执行调用函数一次。setTimeout() 这个调用函数称为回调函数 callback注意：window可以省略这个调用函数可以直接写函数，或者写函数名或者采取字符串 ‘函数名()’ 三种形式。第三种不推荐延迟的毫秒省略默认是0，如果写必须是毫秒因为定时器可能有很多，所以经常给定时器赋值一个标识符 &l
2022-01-13 17:24:44
312
1
原创 BOM window对象的常见事件
1. 窗口加载事件window.onload = function() {}或者window.addEventListener("load", funtion() {});window.onload 是窗口(页面)加载事件，当文档内容完全加载完成会触发该事件(包括图像、脚本文件、CSS文件等)，就调用的处理函数。注意：１. 有了window.load就可以把JS代码写到页面元素的上方，因为onload是 等页面内容全部加载完毕，再去执行处理函数。2. window.onload传统注册事件方
2022-01-13 15:27:11
80
原创 BOM概述
1. 什么是BOMBOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。2. BOM构成BOM 比 DOM 大，它包含 DOMwindow 对象是浏览器的顶级对象，它具有双重角色。它是JS访问浏览器窗口的一个接口。它是一个全局对象。定义在全局作用域中的变量、函数都会变成window 对象的属性和方法。（在调用的时候可以省略window）
2022-01-13 14:56:52
396
1
原创 DOM事件对象
1. 事件对象event 对象代表事件的状态，比如键盘按键的状态、鼠标的位置、鼠标按钮的状态。eventTarget.onclick = function() {event}eventTarget.addEventListener('click', function(event) {})// 这个event就是事件对象，可以写成 e 或 evt这个event 是个形参，系统帮我们设定为事件对象，不需要传递实参过去。当我们注册事件时，event对象就会被系统自动创建，并依次传递给事件监听器(事件
2022-01-13 13:11:52
347
原创 DOM事件流
事件流描述的是从页面中接收的顺序。事件发生时会在元素节点之间按照特定的是顺序传播，这个传播过程即DOM事件流。比如给一个 div 注册了点击事件：DOM事件分为3个阶段：捕获阶段当前目标阶段冒泡阶段事件冒泡：IE最早提出，事件开始时由最具体的元素接收，然后逐级向上传播到DOM最顶层节点的过程。事件捕获：网景最早提出，由DOM最顶层节点开始，然后逐级向下传播到最具体的元素接收的过程。注意：JS代码中只能执行捕获或者冒泡其中的一个阶段。onclick 和 att
2022-01-12 23:54:03
329
原创 DOM注册事件
1. 注册事件概述给元素添加事件，称为注册事件或者绑定事件。注册事件有两种方式：传统方式和方法监听注册方式传统注册方式利用on开头的事件onclick<button onclick= "alert(hi~)"></button>btn.οnclick=function() { }特点：注册事件的唯一性同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数方法监听注册方式w3c标准推荐方式addEventListener()
2022-01-12 23:13:08
136
原创 DOM节点操作案例
1. 新浪下拉菜单<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t
2022-01-12 21:38:21
321
2
原创 DOM节点操作
节点概述一般地，节点至少拥有nodeType（节点类型）、nodeName（节点名称）和nodeValue（节点值）这三个基本属性。元素节点 nodeType 为 1属性节点 nodeType 为 2文本节点 nodeValue 为 3（文本节点包含文字、空格、换行等）主要操作是元素节点2. 节点层级利用DOM树可以把节点划分为不同层级关系，常见的是父子兄层级关系。1. 父级节点nodeparentNodeparentNode属性可返回某结点的父节点，注意是最近的一个父节点如果
2022-01-12 21:38:06
161
原创 DOM操作元素案例
仿淘宝二维码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl
2022-01-12 09:57:40
272
原创 CSS3的新特性
CSS3 新增选择器1. 属性选择器属性选择器可以根据元素特定属性的来选择元素。这样就可以不用借助于类或者id选择器。选择符简介E[att]选择具有att属性的 E 元素E[att=“val”]选择具有 att 属性且属性值等于 val 的 E元素E[att^=“val”]匹配具有 att 属性且值以 val 开头的 E 元素E[att$=“val”]匹配具有 att 属性且值以 val 结尾的 E 元素E[att*=“val”]匹配具有 att
2022-01-11 20:40:31
167
原创 HTML5新增标签
HTML5的新特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等，但这些新特性都有兼容性问题，基本都是IE9+以上版本的浏览器才能支持，如果不考虑兼容性，可以大量使用这些新特性。1. HTML5 新增的语义化标签以前布局，我们基本用div来做。div对于搜索引擎来说，是没有语义的。<div class="header"></div><div class="nav"></div><div class="content">
2022-01-11 15:42:08
758
1
原创 CSS初始化
不同浏览器对有些标签的默认值是不同的，为了消除不同浏览器对HTML文本呈现的差异，照顾浏览器的兼容，所以需要对CSS初始化。每个网页都必须首先进行初始化。以京东CSS初始化为例：/*把我们所有标签的内外边距清零*/* { margin:0; padding:0;}/*把em,i 斜体文字不倾斜*/em,i { font-style:normal;}/*去掉li的小圆点*/li { list-style:none;}img { /*bo
2022-01-11 11:45:25
225
原创 常见布局技巧
1. margin负值运用1.让每个盒子margin在左侧移动 -1px 正好压住相邻盒子边框2.鼠标经过某个盒子的时候，提高当前盒子的层级即可(如果没有定位，则加相对定位(保留位置)，如果有定位，则加z-index)2. 文字围绕浮动元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatibl
2022-01-11 11:16:59
70
原创 溢出的文字省略号显示
1. 单行文本溢出显示省略号必须满足三个条件/*1.先强制一行内显示文本*/white-space: nowrap;（默认的normal自动换行）/*2.超出的部分隐藏*/overflow: hidden;/*3.文字用省略号替代超出的部分*/text-overflow: ellipsis;<style> div { width: 150px; height: 80px; background-color: pink
2022-01-10 21:31:52
2736
原创 vertical-align属性应用
CSS的vertical-align属性使用场景：经常用于设置图片或者表单(行内块元素)和文字垂直对齐。用于设置一个元素的垂直对齐方式，但是它只针对于行内元素或者行内块元素有效。语法：vertical-align: baseline | top | middle | bottom;值描述baseline默认，元素放置在父元素的基线上top把元素的顶端与行中最高元素的顶端对齐middle把此元素放置在父元素的中部bottom把元素的顶端与行中最低的元素的
2022-01-10 18:24:05
353
1
原创 CSS用户界面样式
1. 界面样式所谓的界面样式，就是更改一些用户操作模式，以便提高用户体验。更改用户的鼠标表单轮廓防止表单域拖拽2. 鼠标样式li {cursor:pointer; }设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。属性值描述default小白 默认pointer小手move移动text文本not-allowed禁止<body> <ul> <li style="
2022-01-10 17:47:58
186
原创 CSS三角
网页中常见一些三角形，使用CSS直接画出来就可以，不必做成图片或者字体图标。比如：div { width: 0; height: 0; line-height: 0; font-size: 0 ; /*为了照顾兼容性*/ border: 50px solid transparent; border-top-color: pink; margin: 100px auto; }<!DO
2022-01-10 16:31:48
177
原创 CSS字体图标
1. 字体图标的产生字体图标使用场景：主要用于显示网页中通用、常用的一些小图标。精灵图是有诸多优点的，但是缺点很明显。图片文件还是比较大的图片本身放大和缩小会失真一旦图片制作完毕想要更换非常复杂此时，有一种技术的出现很好的解决了以上问题，就是字体图标的iconfont。字体图标可以分为前端工程师提供一种方便高效的图标使用方式，展示的是图标，本质属于字体。2. 字体图标的优点轻量级：一个图标字体要比一系列的图像要小。一旦字体加载了，图标就会马上渲染出来，减少了服务器请求。灵活性：本质
2022-01-10 13:07:46
147
原创 CSS精灵图
1. 精灵技术的目的为了有效地减少服务器接受和发送请求的次数，提高页面的加载速度2. 精灵图（sprites）的使用使用精灵图核心：精灵技术主要针对于背景图片的使用。就是把多个小背景图片整合到一张大图片中 。这个大图片也称为sprites 精灵图 或者 雪碧图移动背景图片位置，此时可以使用background-position。移动的距离就是这个目标图片的x和y坐标，注意网页中的坐标有所不同。一般往左、往上移动都是负值。使用精灵图的时候需要精确测量，每个小背景图片的大小和位置 。&l
2022-01-10 11:21:40
286
原创 图片显示元素案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>土豆
2022-01-09 00:14:57
188
原创 显示隐藏元素
1. display属性display: none; 隐藏对象display: block; 除了转换为块级元素之外，同时还有显示元素的意思display隐藏元素后，不再占有原来的位置2. visibility可见性visibility属性用于指定一个元素可见还是隐藏visibility: visible; 元素可见visibility: hidden; 元素隐藏visibility隐藏元素后，继续占有原来的位置3. overflow溢出overflow属性指定了如.
2022-01-08 19:56:19
411
1
原创 淘宝焦点图案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>淘.
2022-01-08 14:37:30
395
原创 DOM操作元素
JavaScript的DOM操作可以改变页面内容、结构和样式，我们可以利用DOM操作元素来改变元素里面的内容、属性等。注意以下都是属性1. 改变元素内容element.innerText从起始位置到终止位置的内容，但它去除html标签，同时空格和换行也会去掉element.innerHTML起始位置到终止位置的全部内容，包括html标签，同时保留空格和换行<!DOCTYPE html><html lang="en"><head> <me
2022-01-05 13:25:36
680
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人