前端
文章平均质量分 90
椛丿未眠”
这个作者很懒,什么都没留下…
展开
-
前端入门(六)TypeScript
TypeScript是JavaScript的超集,可以声明变量类型,TypeScript = Type + JavaScript类型ES不具备的新特性支持ES新特性有丰富的配置选项配套的强大开发工具。原创 2023-12-02 21:31:33 · 1066 阅读 · 0 评论 -
前端入门(五)Vue3组合式API特性
1、性能的提升:打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%……2、源码的升级使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Shaking3、拥抱TypeScript4、新的特性Composition API(组合API) (用前要引入)○ setup配置○ ref与reactive○ watch与watchEffect○ provide与inject○ …新的内置组件。原创 2023-12-01 16:45:17 · 1095 阅读 · 0 评论 -
前端入门(四)Ajax、Promise异步、Axios通信、vue-router路由、组件库
官方推荐的写法,在脚手架的src下,新建store文件夹,在该文件夹下,新建index.js文件,构建Store对象,配置核心的actions、mutations、state。Promise是ES6的异步编程解决方案,从语法上说,Promise是一个构造函数,从功能上说,Promise对象用于封装一个异步操作,并可以获取其成功 / 失败的结果值。全局事件总线与消息订阅,对于共享状态的处理不足之处在于组件之间的读和写,分别需要配套的绑定与触发,即一套配对的绑定与触发,只能完成数据的在组件之间的单向传递。原创 2023-11-28 14:51:39 · 1666 阅读 · 0 评论 -
前端入门(三)Vue组件化编程、脚手架、插槽插件、存储、vuex、组件事件、动画、代理
以子组件向父组件传递数据为例:如果不用自定义事件,可以通过父组件给子组件传递函数类型的props实现step1:给子组件School绑定getSchoolName函数,相当于子组件的School的组件实例会有getSchoolName()这个函数。step2:用props承接父组件注册的getSchoolName。按钮注册点击事件,调用该函数,并将组件的name参数传递。如果使用自定义事件来实现:step1:通过v-on: 给子组件Student绑定自定义事件atguigu。原创 2023-11-24 19:07:47 · 1300 阅读 · 0 评论 -
前端入门(二)Vue2核心语法、属性与内置指令、样式渲染、数据代理与监测、生命周期
3、使用虚拟DOM+优秀的Diff算法,尽量复用DOM节点。原创 2023-11-20 21:34:57 · 267 阅读 · 0 评论 -
前端入门(一)JavaScript语法、数据类型、运算、函数、类、DOM
关键字throw,抛出异常,类似汇报异常报告关键字:arguments,一个包含所有函数输入参数的数组方法.apply(对象1,参数)apply修饰方法,可以将方法中的this指向为apply的第一个参数,对象名,apply的第二的参数是给方法输入参数赋值。原创 2023-10-27 11:01:05 · 284 阅读 · 0 评论 -
pyqt5实现仪表盘
pyqt5实现绘制仪表板源代码原创 2022-08-10 14:08:12 · 1256 阅读 · 3 评论 -
element-ui+vue给登录界面创建一个走马灯幻灯片切换
效果想要达到的效果如下图,顶部横幅有6张图片可以自动切换:实现步骤先去element-ui官网学习这个跑马灯的模板代码:<template> <el-carousel :interval="4000" type="card" height="200px"> <el-carousel-item v-for="item in 6" :key="item"> <h3 class="medium">{{ item }}</h3原创 2021-07-15 17:33:50 · 3624 阅读 · 0 评论 -
Vue(二)生命周期、侦听器、动态组件、Prop参数承接
element-ui+vue快速创建组件以创建跑马灯图片横幅为例:新建pmd.Vue文件,在网上找到组件设置的代码粘贴进去:<template> <el-carousel :interval="4000" type="card" height="100px"> <el-carousel-item v-for="item in imagebox" :key="item.id"> <img :src="item.idView" class=原创 2021-07-13 14:26:57 · 417 阅读 · 0 评论 -
HTML5(一)基本结构、标签与表单元素
基本结构语法<!DOCTYPE html><html lang="en"> <!--注释格式写法--> <!--标签对<...></...>成对出现,代表着开启标签,关闭标签--><head> <meta charset="UTF-8"> <meta name="keywords" content="CSDN"> <meta name="descr原创 2021-07-07 20:02:39 · 271 阅读 · 2 评论 -
CSS3(一)概念与基本属性、盒子模型、动画基础
CSS概念HTML:结构CSS: 美化JS : 交互Cascading Style Sheet ,CSS:层叠级样表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><!--规范:<style>可编写CSS代码语法:选择器{声明1;声明2;声明3原创 2021-07-07 22:51:07 · 239 阅读 · 0 评论 -
Vue学习(一)基本属性、Axios通信、插槽、官方脚手架搭建
概念Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。官方中文文档学习vue我们必须之到它的7个属性el属性用来指示vue编译器从什么地方开始解析 vue的语法,可以说是一个占位符。data属性用来组织从view中抽象出来原创 2021-07-11 21:05:25 · 7723 阅读 · 7 评论