- 博客(64)
- 资源 (14)
- 收藏
- 关注
原创 Vue 2装饰器模式使用文档
探索Vue项目中装饰器模式的使用,发现它能显著提升代码的整洁性。以下内容基于个人学习笔记,旨在分享装饰器在Vue 2中的应用。适合初级前端开发者阅读和参考。装饰器提供一种在类执行前后添加额外逻辑的语法,主要用于类及其成员的声明处理。
2024-03-07 13:57:57 484 1
原创 vue3虚拟dom和diff算法实现(模仿源码)
Vue 3 引入了许多新的改进和特性,其中之一是对虚拟 DOM (Virtual DOM) 和 Diff 算法的优化。在这篇文章中,我们将通过一个简单的示例来手动实现 Vue 3 风格的虚拟 DOM 和 Diff 算法。
2023-12-19 22:30:28 177
原创 vue2虚拟dom和diff算法实现(模仿源码)
Vue.js 作为一个现代的前端框架,使用虚拟 DOM (Virtual DOM) 和 Diff 算法来高效地更新视图。在本文中,我们将探索如何手动实现 Vue 2 中的简化版本的虚拟 DOM 和 Diff 算法。
2023-12-19 22:13:04 100
原创 尚硅谷系统项目(实时更新)
前端Vue核心开发一个前端模块可以概括为以下几个步骤:(1)写静态页面、拆分为静态组件;(2)发请求(API);(3)vuex(actions、mutations、state三连操作);(4)组件获取仓库数据,动态展示;1、vue文件目录分析node_modules文件夹 项目依赖 比如babel:es6语法翻译为es5兼容性更好 以及vue框架等public文件夹:静态资源 ,webpack进行打包的时候会原封不动打包到dist文件夹中。pubilc/index.html:是一个
2022-01-12 19:21:30 981 1
原创 07.VUE详细整理(七)--练习demo1-todolist-尚硅谷最新课程
1. 目标功能界面2. 界面模块拆分业务分析分模块创建组件3. 主页 index.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>vue_demo</title>
2021-12-15 19:27:03 348
原创 06.VUE详细整理(六)--VUE小技巧-尚硅谷最新课程
01.ref的使用引入:原生操作dom的方式被用来给元素或子组件注册引用信息(id的替代者)应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc)使用方式:打标识:<h1 ref="xxx">.....</h1>或 <School ref="xxx"></School>获取:this.$refs.xxx<template> <div> <h1 v-text="m
2021-12-15 19:26:23 115
原创 04.VUE详细整理(四)--VUE组件化编程-尚硅谷最新课程
Vue组件化编程01.模块与组件、模块化与组件化1.了解组件化解决了什么问题传统编程方式的问题组件化编程的思想组件的嵌套组件定义组件的定义-----实现应用中局部功能代码和资源的集合2…模块理解:向外提供特定功能的js程序,一般就是一个js文件为什么:js文件很多很复杂作用:复用js,简化js的编写,提高js运行效率3.组件理解:用来实现局部(特定)功能效果的代码集合(html/css/js/image……)为什么:一个界面的功能很复杂作用:复用编码
2021-12-11 16:31:46 486
原创 03.VUE详细整理(三)--VUE指令与生命周期-尚硅谷最新课程
1. 常用内置指令01.总览 我们学过的指令: v-bind : 单向绑定解析表达式, 可简写为 :xxx v-model : 双向数据绑定 v-for : 遍历数组/对象/字符串 v-on : 绑定事件监听, 可简写为@ v-if : 条件渲染(动态控制节点是否存存在) v-else : 条件渲染(动态控制节点是否存存在) v-show : 条件渲染 (动态控制节点是否展示) v-text指令: 1.作用:向其所在的节点中渲染文本内容,放入标签则
2021-12-09 22:28:00 266
原创 01.VUE详细整理(一)--初识VUE--尚硅谷最新课程
01.对vue的 基本认识01.框架整体评价是一款渐进式 且自底向上增量开发的设计的JavaScript 框架,用来动态构建用户界面渐进式:渐进式框架通俗点就是你可以只用我的一部分,而不是用了我这一点就必须用我的所有部分。正经一点就是一开始不需要你完全掌握它的全部功能特性,可以后续逐步增加功能。没有多做职责之外的事情,在不同的阶段,使用vue中不同的功能。对渐进式框架有趣的解释作者:寇云链接:https://www.zhihu.com/question/51907207/answer/136
2021-11-28 17:11:19 849 1
原创 09.尚硅谷网课9-浮动
笔记来源:尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版文章目录浮动1. 浮动的简介2. 浮动的特点3. 脱离文档流的特点4. 简单布局5. 练习:w3school导航条浮动1. 浮动的简介通过浮动可以使一个元素向其父元素的左侧或右侧移动使用 float属性来设置于元素的浮动none 默认值,元素不浮动left 元素向左浮动right 元素向右浮动注意元素设置浮动以后,水平布局的等式便不需要强制成立元素设置浮动以后,会完全从文档.
2021-11-28 17:07:15 105
原创 08.尚硅谷网课8-盒模型补充
笔记来源:尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版文章目录盒模型补充*1. 盒子大小2. 轮廓3. 阴影4. 圆角圆椭圆盒模型补充1. 盒子大小默认情况下,盒子可见框的大小由内容区、内边距和边框共同决定box-sizing用来设置盒子尺寸的计算方式(设置width和height的作用).box { width: 200px; height: 200px; background-color: yellow;.
2021-11-09 23:15:00 124
原创 07.尚硅谷网课7-实战练习
笔记来源:尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版文章目录实战练习*1. 京东图片列表开发准备布局剖析结构搭建样式添加+方式1方式2细节完善+背景色外边距最终效果核心代码2. 京东左侧导航条开发准备布局剖析结构搭建样式添加细节完善+文字调整符号调整悬浮样式最终效果核心代码存疑问题3. 网易新闻列表结构搭建样式添加实战练习1. 京东图片列表开发准备.
2021-11-09 21:15:00 444
原创 06.尚硅谷网课6-盒模型
笔记来源:尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版文章目录盒模型*1. 文档流(normalflow)2. 块元素3. 行内元素4. 盒子模型盒模型、盒子模型、框模型(box model)内容区(content)边框(border)内边距(padding)外边距(margin)5. 水平方向布局6. 垂直方向布局元素溢出边距折叠+兄弟元素父子元素脱离文档流7. 行内元素的盒模型8. 浏览器的默认样式.
2021-11-09 21:00:00 92
原创 05.尚硅谷网课5-样式继承与其他概念
笔记来源:尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版文章目录样式继承与其他概念*1. 继承2. 选择器的权重3. 长度单位像素+屏幕分辨率图像分辨率百分比emrem4. 颜色单位RGB值RGBA十六进制的RGB值样式继承与其他概念1. 继承样式的继承,我们为一个元素设置的样式,同时也会应用到它的后代元素上继承是发生在祖先后后代之间的,继承的设计是为了方便我们的开发利用继承,我们可以将一些通用的样式,统.
2021-11-09 16:43:07 70
原创 04.尚硅谷网课4-css语法+选择器
笔记来源:尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版CSS语法与选择器1. CSS简介层叠样式表网页实际上是一个多层的结构,通过CSS可以分别为网页的每一个层来设置样式,而最终我们能看到只是网页的最上边一层总之一句话,CSS用来设置网页中元素的样式使用CSS来修改元素样式的方式大致可以分为3种内联样式(行内样式)在标签内部通过 style属性来设置元素的样式<p style="color:red;font-size:60px;">内联样式(行内..
2021-11-09 16:42:45 118
原创 03.尚硅谷网课3-字符实体与语义标签
字符实体与语义标签1. 字符实体有些时候,在HTML中不能直接书写一些特殊符号,如:多个连续的空格(在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格)比如字母两侧的大于小于号(可能会被认为是标签并解析)如果我们需要在网页中书写这些特殊的符号,则需要使用html中的实体(转义字符)实体的语法: ;,如:更多的字符实体,可参考:HTML 字符实体、HTML ISO-8859-1 参考手册2. meta标签以京东网站为例,右键单击,选择 查看网页源代码<meta char
2021-11-09 16:42:01 411
机器学习大作业 代码+数据+报告
2021-05-22
TE数据集 由训练集和测试集构成.zip
2020-04-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人