今天星期几呢-CSDN博客

原创 Vue2基础——vue-cli，组件

在工程化的项目中，vue要做的事情很单纯:通过main.js把 App.vue渲染到index.html的指定区域中.App.vue用来编写待渲染的模板结构index.html中需要预留一个el区域main.js 把 App.vue渲染到了index.html所预留的区域中

2023-01-12 18:51:34 335 1

原创 Vue2的基础用法——Vue的过滤器，侦听器，axios

过滤器(Filters)是vue为开发者提供的功能，常用于文本的格式化。过滤器可以用在两个地方:插值表达式和v-bind 属性绑定。

2023-01-10 17:46:31 434

{{ }} ： vue提供的语法，专门用来解决v-text 会覆盖默认文本内容的问题。vue提供了v-model双向数据绑定指令，用来辅助开发者在不操作DOM的前提下，快速获取表单的数据。指令(Directives)是vue为开发者提供的模板语法，用于辅助开发者渲染页面的基本结构。如果需要为元素的属性动态绑定属性值，则需要用到v-bind属性绑定指令。建议把数据项id属性的值作为key 的值（因为id属性的值具有唯一性)在vue中，可以使用v-bind:指令，为元素的属性动态绑定值;

2023-01-09 16:55:16 259

原创 webpack的基本使用

在webpack.config.js配置文件中，通过entry节点指定打包的入口。//导入node.js中专门操作路径的模块//使用node.js中的导出语法，向外导出一个webpack的配置对象//打包入口文件的路径//输出文件的存放路径output:{//输出文件的名称}}

2023-01-04 17:02:19 131 2

原创 node.js笔记

/定义一个中间件函数console.log('这是一个中间件函数');//把流转关系转交给下一个中间件或路由next()}//将mw注册为全局生效的中间件})})})//定义第一个全局中间件console.log('调用了第一个全局中间件');next()})//定义第二个全局中间件console.log('调用了第一个全局中间件');next()})//定义一个路由})})

2023-01-03 10:00:10 82

原创 Ajax（异步JavaScript和XML）

接口文档，顾名思义就是接口的说明文档，它是我们调用接口的依据。好的接口文档包含了对接口URL，参数以及输出内容的说明，我们参照接口文档就能方便的知道接口的作用，以及接口如何进行调用。

2022-12-15 11:24:01 282

原创数据可视化——ECharts的基本使用

数据可视化就是将数据转换成图或表等，以一种更直观的方式展现和呈现数据。通过“可视化”的方式，我们看不懂的数据通过图形化的手段进行有效地表达，准确高效、简洁全面地传递某种信息，甚至我们帮助发现某种规律和特征，挖掘数据背后的价值。数据可视化主要目的:借助于图形化手段，清晰有效地传达与沟通信息。数据可视化可以把数据从冰冷的数字转换成图形，揭示蕴含在数据中的规律和道理。

2022-12-11 16:29:33 378

原创本地存储之sessionStorage与localStorage

目录1.本地存储的特性2.本地存储之sessionStorage(临时存储)2.1特点2.2使用方法2.2.1存储数据2.2.2获取数据 2.2.3删除数据2.2.4清空所有数据3.本地存储之localStorage(局部存储器) 3.1特点3.2使用方法3.2.1存储数据3.2.2获取数据3.2.3删除数据3.2.4清空所有数据1、数据存储在用户浏览器中2、设置、读取方便、甚至页面刷新不丢失数据3.容量较大，sessionStorage约5M、localStorage约20M4.只能存储字符串，可以将对象

2022-12-06 19:55:32 593

原创 JavaScript——移动端网页特效

触屏事件对象1.3.1概述1.3.2常见的触摸事件对象1.4移动端拖动元素移动端浏览器兼容性较好，我们不需要考虑以前JS的兼容性问题，可以放心的使用原生JS书写效果，但是移动端也有自己独特的地方。比如触屏事件touch (也称触摸事件），Android和IOS都有。touch对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指(或触控笔）对屏幕或者触控板操作。1.2.2.效果图

2022-12-04 17:54:56 456

原创网页轮播图——仿网易云轮播图

目录1.结构搭建1.1实现功能1.2结构图示1.3基本框架搭建1.3.1鼠标经过显示隐藏左右切换按钮1.3.2 动态生成小圆圈1.3.3 跳转函数1.3.4 小圆圈跟随图片移动1.3.5 左右翻页函数2.效果图3.代码3.1 html代码3.2 css代码3.3 js代码开始我们让左右切换按钮隐藏就好了，只有当鼠标经过轮播图模块的时候显示按钮，鼠标离开继续进行隐藏。1.3.2动态生成小圆圈思路分析：1.小圆圈的个数要跟图片张数一致2.所以首先先得到ul（imgs）里面图片的张数(图片放入li里面，

2022-12-04 10:35:59 491

原创 JavaScript——动画函数封装

目录动画函数一.动画实现原理1.核心原理2.实现步骤3.示例代码二.简单动画函数封装三.给不同的元素记录不同的定时器四.缓动动画1.效果原理2.动画函数在多个目标值之间移动通过定时器setInterval)不断移动盒子位置。(1).获得盒子当前位置(2).让盒子在当前位置加上1个移动距离(3).利用定时器不断重复这个操作(4).加一个结束定时器的条件(5)..注意此元素需要添加定位，才能使用element.style.left二.简单动画函数封装示例代码：效果图：四.缓动动画

2022-12-03 10:01:31 164

原创 JavaScript——元素可视区client系列&元素滚动scroll 系列

scroll翻译过来就是滚动的，我们使用scroll系列的相关属性可以动态的得到该元素的大小、滚动距离等。

2022-12-02 10:04:03 327

原创 JavaScript——元素偏移量offset系列&案例

offset翻译过来就是偏移量，我们使用offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获得元素距离带有定位父元素的位置返回的数值都不带单位1.2offset系列常用属性。

2022-12-01 10:23:07 380

原创 JavaScript——location对象

window对象给我们提供了一个location属性用于获取或设置窗体的URL，并且可以用于解析URL。因为这个属性返回的是一个对象，所以我们将这个属性也称为location对象。

2022-11-29 10:23:31 1397

原创 JS执行机制

JS的执行机制——1.先执行执行栈中的同步任务。2.异步任务（回调函数)放入任务队列中。3.一旦执行栈中的所有同步任务执行完毕，系统就会按次序读取任务队列中的异步任务，于是被读取的异步任务结束等待状态，进入执行栈，开始执行。

2022-11-28 17:06:55 222

原创 JavaScript——常用的键盘事件

不再推荐使用该特性。虽然一些浏览器仍然支持它，但也许已从相关的 web 标准中移除，也许正准备移除或出于兼容性而保留。请尽量不要使用该特性。请注意，该特性随时可能无法正常工作。核心思路︰检测用户是否按下了s键，如果按下s键，就把光标定位到搜索框里面。使用键盘事件对象里面的keyCode判断用户按下的是否是s键。onkeypress某个键盘按键被按下时触发︰但是。等调节性按键的状态和键盘的区域 / 和布局有关。搜索框获得焦点∶使用js 里面的focus()方法。返回用户按下的物理按键的值。

2022-11-26 17:18:05 5373

原创前端项目实践案例——图片跟随鼠标效果

我们需要做一个图片跟随鼠标移动的效果。

2022-11-26 16:07:02 842

原创事件对象及其常见属性方法

1、event是事件对象，事件对象就是与事件相关的一个参数，是关于事件的一系列的集合，写在事件函数的小括号里面，习惯写e2、事件是一个待执行的方法，不是我们去调用，而是浏览器去调用，只有有了事件（单击事件、鼠标事件、键盘事件）之后才会有事件对象，即事件对象发生在事件之后，或者说没有事件绑定就没有事件对象3、事件对象是系统自动创建的，我们只需接收就好因某个事情的触发而自动的调用。

2022-11-26 11:17:11 942