- 博客(29)
- 收藏
- 关注
RSS订阅原创 前端深度学习Vue2框架（四）
利用内置组件transition 组件，可以实现过渡(动画入场，动画离场）keep-alive 是一种保存组件状态的内置属性，通常用于动态组件中。通过内置的组件component的is属性，决定渲染哪一个组件。在vue中可以使用动画搭配过渡特效对标签进行离场入场的动画形式。混入语法就是代码复用，重复利用的代码块，通过mixins实现。
2024-04-25 16:12:53
341
原创 深度学习Vue框架生命周期（三）
在vue中，生命周期就是vue实例程序从创建到销毁的这个过程，在生命周期中，不同阶段我们可以做不同的事情。vue的生命周期是创建阶段、挂载阶段、更新阶段、销毁阶段钩子函数就是生命周期中的回调函数，在vue中，有8个生命周期的钩子函数创建阶段创建之前执行的钩子函数创建后执行的钩子函数created用来做初始化数据挂载阶段挂载之前执行的钩子函数挂载后执行的钩子函数mounted进行dom操作更新阶段 数据发生改变才执行的回调函数更新之前执行的钩子函数更新之后执行的钩子函数。
2024-04-11 21:23:40
875
原创 学习JavaScript Bom(文档对象模型)
DOM（文档对象模型）和 BOM（浏览器对象模型）（关于浏览器操作的API）是 JavaScript 编程中常用的两种操作对象模型。开发者可以使用 window 对象来访问浏览器导航历史、定时器、警报框等功能。还可以使用窗口对象的方法打开新窗口、关闭当前窗口、调整窗口大小等。对象代表了包含当前文档的浏览器窗口的位置。对象代表了浏览器本身，开发者可以使用 navigator 对象获取浏览器名称、版本、操作系统类型等信息。对象代表了浏览器的历史记录，开发者可以使用 history 对象访问前进或后退的历史。
2024-04-01 20:52:13
500
原创 Web工程化 （webpack）
一个前端打包器。webpack 只识别javascript. 所以需要安装nodejs环境。再次生成web工程复制之前的package.json webpack.config.js等 建src目录 可以修改package.json 的name下依赖时cmd再执行npm i就行(会自动下载node_modules和其他文件，自动检索依赖)jquery bootstrap 这些直接 npm install jquery npm install bootstrap@4 下载。
2024-03-27 19:38:18
1050
原创 ES6 (前端必学三)
在JavaScript中，模块化是一种将代码分割成独立、可复用的模块的方式。每个模块都具有 特定的功能或责任，并且可以通过特定的接口与其他模块进行交互。在JavaScript中，类可以拥有静态成员，包括静态属性和静态方法。静态成员是直接在类上定义的，而不是在类的实例上定义的。类是将构造函数和原型封装在类里 ，要声明一个类，你可以使用带有class关键字的类名。把项目拆分成大大小小的组件，这些组件叫做模块，模块化可以按需导入 和全局导入。是一个特殊的方法，用于初始化新创建的对象实例。
2024-03-27 18:50:56
373
原创 ES6(前端必学二)
在某些情况下，有多个json数据文件，我们想要拼接里面的内容时，按照原来的写法，是多个ajax方法无限嵌套，那么就会陷入回调地狱（不断嵌套回调函数的现象），那么用promise就可以解决这些问题。这两个关键字允许你使用更简洁、更直观的方式编写异步代码，避免了回调地狱（Callback Hell）和Promise链的复杂性。Promise是ES6异步编程的一种解决方案，是一个对象或者是构造函数。采用map对象管理键值对,方便添加数据,获取数据,删除数据。管理键值对 操作对象相关的功能。
2024-03-21 21:31:29
413
1
原创 ES6(前端小白必学一)
如何设计rem单位 ，跟随不同的屏幕宽度变化？const 声明常量，值是固定的（基本类型的数据，如果数据为引用类型，可以间接修改）var 会出现变量声明提升undefined ，let 不能变量声明提升 会报错。rem 的元素宽度等于其rem*根元素（html)的font-size。3.产生块级作用域 外部不可以访问作用域中的变量(var 可以重复声明 let 不允许重复声明。1.用let 关键字声明的变量不能提前引用。const 关键字声明的常量不可以声明提升。块级作用域的变量是局部的，是私有的。
2024-03-21 20:51:42
383
1
原创 less & scss(sass)(前端必学五）
需要把less文档编译成css文档，利用less书写页面外观，可以很大程度的提高css的编写速度（提高工作效率）旧（demo.sass 语法严格） 新（demo.scss)3混合语法 （可以重复使用的代码块）3混合语法 （可以重复使用的代码块）4.针对属性值进行操作的函数（循环）4.针对属性值进行操作的函数（循环）1变量语法 （声明样式变量）5.拓展语法（代码重复利用）1变量语法 （声明样式变量）5.拓展语法（代码重复利用）2嵌套语法（有明显的层级）2嵌套语法（有明显的层级）
2024-03-19 16:07:00
563
1
原创 css3-过渡及动画属性 (前端必学三）
CSS3的过渡属性可以定义元素在不同状态之间的过渡效果，使得页面呈现出更流畅、更生动的动画效果。可能的值包括“normal”（正常播放）、“reverse”（反向播放）、“alternate”（动画应该轮流反向播放）和“alternate-reverse”（动画应该首先反向播放，然后轮流反向播放）常见的值有“ease”、“linear”、“ease-in”、“ease-out”和“ease-in-out”等，也可以自定义贝塞尔曲线。用于指定参与过渡的属性，可以是具体的属性名，也可以是。
2024-03-18 21:52:36
939
1
原创 html5 (画布标签与本地储存)
2.画布api 现在就可以用定义的画笔开始作画啦！！ 3.利用画布绘制帧动画二.新API1.localStorage 本地储存 没有过期时间 使用户关闭浏览器或重启计算机，数据也会保留 （同一浏览器下） localStorage时间不会过期，那么如何设置localStorage过期时间呢？1.设置locaStorage缓存时间时，先获取开始这个时间下的时间戳2.每次打开时，再次获取当前时间下的时间戳3.用当前时间戳减去开始时间戳 /1000
2024-03-14 15:39:16
593
1
原创 html5 (前端语义化标签)
html5css3是一种用于网页设计和开发的技术语言，它是HTML（超文本标记语言）和CSS（层叠样式表）的最新版本。它结合了HTML5的新特性和CSS3的强大功能，使得网页可以更加美观、交互性更强，并且能够适应不同的设备和屏幕大小。
2024-03-14 15:38:55
489
1
原创 Ajax (前端必看之AJAX功能原理详解)
对于GET请求，通常不需要传递任何数据；对于POST请求，你可以传递需要发送到服务器的数据。3） 在同源策略环境下使用 （协议://IP:端口）， 否则就是后端程序员做了资源跨域共享(cors)ajax 是一种快速创建动态网页的技术（网络请求的技术）。这种技术的特点是异步请求，局部刷新。Ajax的核心是XMLHttpRequest对象，它用于与服务器进行异步通信.方法来设置HTTP请求头。4） 在跨域的环境下是不能直接使用ajax。1） 异步请求，局部更新页面。在发送请求之前，你可以使用。
2024-03-09 23:09:13
595
原创 JQuery库（吃透前端！）
/ 1给show或者hide 传递参数 ，毫秒值 / slow|fast 显示隐藏// 主要是控制标签的宽度 高度 透明度 最后dispay为none// 动画结束执行function这个回调函数console.log('显示标签的动画完成');})})})//原状态是显示的，调用这个api就隐藏；否则反之})// 2给fadeIn 或 fadeOut 传递参数，毫秒值 淡入淡出// 主要是控制标签的透明度 最后dispay为none})})
2024-03-09 22:47:37
333
原创 面向对象与面向过程（JavaScript）
强调的是功能行为，把解决问题的步骤依次实现，关注的是解决问题的流程。然而，面向过程的缺点在于代码重用性低，扩展能力差，后期维护难度比较大，因为修改其中的一部分可能就要在全部地方修改，牵一发而动全身。是一种编程思想，是对面向过程的封装，对象是容器，里面封装了属性和方法，面向对象可以让代码有可复用性和维护性，可拓展性，提高代码的开发效率，面向对象有三大特征：封装性、继承性、多态性。面向过程和面向对象是两种主要的编程思想，在解决问题的方式、程序的组织结构，代码的可维护性和可扩展性都有着显著的不同。
2024-03-07 18:57:40
606
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人