![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 78
bestkasscn
swpu NSS CTFer
展开
-
React基础和JSX
React官网:http://reactjs.orgReact基础React脚手架的使用初始化npx create-react-app 项目名称启动项目npm start能看到这样的界面就表示项目配置成功了在脚手架中使用React1.导入react和react-dom两个包import React from 'react'import ReactDOM from 'react-dom'2.调用React.createElement()方法创建react元素3.调用Re原创 2021-12-22 11:00:20 · 520 阅读 · 0 评论 -
JavaScript对象实现排序
JavaScript对象实现排序需求将素材页面中的商品,按价格进行排序。1.1 多次点击排序按钮,商品按价格升序和降序交替排列1.2 第一次点击排序,所有商品按价格升序排列1.3 随着升序与降序排列,箭头符号成上下的形状,利用数组的sort函数和js对象完成排序。然后操作dom,重排页面实现index.html<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8">原创 2021-12-22 10:21:11 · 1234 阅读 · 0 评论 -
Vue路由高级用法
vue-router的高级用法路由重定向路由重定向指的是:用户在访问地址 A 的时候,强制用户跳转到地址 C ,从而展示特定的组件页面。通过路由规则的 redirect 属性,指定一个新的路由地址,可以很方便地设置路由的重定向const router = createRouter({ history:createWebHashHistory(), routes:[ {path:'/',redirect:'/home'} {path:'/home',component:MyHo原创 2021-12-22 10:12:26 · 759 阅读 · 0 评论 -
Vue路由基本用法
Vue路由文章目录Vue路由前端路由的概念与原理vue-router 的基本用法vue-router的高级用法前端路由的概念与原理SPA 与前端路由SPA 指的是一个 web 网站只有唯一的一个 HTML 页面,所有组件的展示与切换都在这唯一的一个页面内完成。此时,不同组件之间的切换需要通过前端路由来实现。结论:在 SPA 项目中,不同功能之间的切换,要依赖于前端路由来完成!前端路由的工作方式用户点击了页面上的路由链接导致了 URL 地址栏中的 Hash 值发生了变化前端路由监听了到原创 2021-12-22 10:08:28 · 235 阅读 · 0 评论 -
Vue组件高级
Vue组件高级文章目录Vue组件高级watch侦听器组件的生命周期组件之间的数据共享axiosref引用动态组件插槽自定义指令watch侦听器watch 侦听器允许开发者监视数据的变化,从而针对数据的变化做特定的操作。例如,监视用户名的变化并发起请求,判断用户名是否可用。语法<script>export default{ data(){ return {username:''} }, watch:{ //监听username值原创 2021-12-21 19:52:50 · 262 阅读 · 0 评论 -
Vue组件进阶
Vue组件进阶props验证对外界传递进来的props数据进行合法性的校验,防止数据不合法props:{ count:Number, state:Boolean}对象类型的 props 节点提供了多种数据验证方案,例如:基础的类型检查<script> export default{ propA:String, propB:Number, propC:Boolean, propD:Array,原创 2021-12-19 12:32:42 · 394 阅读 · 0 评论 -
Vue组件基础
Vue组件基础文章目录Vue组件基础单页面应用程序vite基本使用组件基本使用单页面应用程序单页面应用程序(英文名:Single Page Application)简称 SPA,顾名思义,指的是一个 Web 网站中只有唯一的一个 HTML 页面,所有的功能与交互都在这唯一的一个页面内完成。特点单页面应用程序将所有的功能局限于一个 web 页面中,仅在该 web 页面初始化时加载相应的资源(HTMLJavaScript 和 CSS)。一旦页面加载完成了,SPA 不会因为用户的操作而进行页面的重新加原创 2021-12-16 16:35:48 · 348 阅读 · 0 评论 -
Vue基础入门
Vue基础入门vue简介简介vue就是一套前端框架。vue全家桶vue(核心库)vue-router(路由解决方案)vuex(状态管理方案)vue组件库(快速搭建页面UI效果的方案)vue-cli(npm全局包:一键生成工程化的vue项目-基于webpack,一般用于大项目)vite(npm全局包:一键生成工程化的vue项目,一般用于小项目)vue-dectools(浏览器插件:辅助调试的工具)vetur(vscode插件:提供语法高亮和智能提示)vue的特点数据驱动视图原创 2021-12-15 21:41:07 · 870 阅读 · 0 评论