web前端
吉吉安
简洁、干净、丝滑、清楚
展开
-
前端监听屏幕宽度尺寸变化(vue2)
前端监听屏幕宽度尺寸变化(vue2)原创 2023-08-30 16:30:00 · 622 阅读 · 0 评论 -
JavaScript从不同层(深度树形数组)取需要的数据并统一return到新数组
js从不同层级(不同深度)数组取值并返回新数组原创 2023-02-20 18:42:48 · 514 阅读 · 0 评论 -
【什么是Vuex?Vuex怎么使用:Vuex详解】
理清Vuex思路什么是Vuex?Vuex怎么使用?StateMutationsActionsGetters为什么使用Vuex?什么是Vuex?官方文档:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。翻译:Vuex其实就是一个存储不同组件之间公有数据的仓库,能够方便的实现数据共享。举个例子,某地附近有5个超市,ABCD,A超市只卖西瓜,B超市只卖苹果,C超市只卖香蕉,D超市只卖菠萝,那么如果这几种水果我们都想吃,我们就需要去这四个不同的超市shopping,那么如果有个超市正好什么原创 2021-08-05 15:54:47 · 79 阅读 · 0 评论 -
HTML/CSS/JS实现瀑布流
文章目录HTML代码CSS代码/index.cssJS代码/index.jsHTML代码// HTML文件<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title></head>//引入CSS/JS<link href="./index.css" rel="stylesheet" /><script原创 2021-08-04 17:00:01 · 152 阅读 · 0 评论 -
Vue+elementui实现增删改查
导航实现方案一(缺查询功能)实现方案二(缺查询功能)实现方案一(缺查询功能)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content=原创 2021-07-27 16:18:06 · 3269 阅读 · 1 评论 -
angular-grid-layout
npm install @katoid/angular-grid-layout --saveHTML<ktd-grid [cols]="cols" [rowHeight]="rowHeight" [layout]="layout"> <ktd-grid-item *ngFor="let item of layout; trackBy:trackById" [id]="item.id"> {{item.id}} </ktd-grid-item原创 2021-07-11 16:09:03 · 560 阅读 · 0 评论 -
angular学习1:angular组件component使用
1.在app文件夹中,创建一个叫news的component,并自动创建一个components文件夹ng g component components/news2.组件联动原创 2021-07-11 13:36:30 · 328 阅读 · 0 评论 -
angular学习0:关于创建一个angular项目
1.安装cli脚手架 npm install -g @angular/cli2.创建新项目ng new angulaiproject3.cd到项目路径cd .\angulaiproject\4.npm安装依赖npm install5.运行项目ng serve --open原创 2021-07-11 13:02:41 · 94 阅读 · 0 评论 -
利用Vue Grid Layout实现div可拖动布局
首先预览效果注:所有的div模块都可以随意拖动,颜色样式可以在css里面直接改插件安装1.npm install vue grid插件。// An highlighted blocknpm install vue-grid-layout --save代码(包含css)// An highlighted block<template> <div style="width: 100%; height: 2000px"> <hr /> &原创 2021-07-10 17:02:14 · 944 阅读 · 1 评论 -
Vue利用js实现点击菜单导航栏实现平滑滚动定位
Vue利用js实现点击菜单导航栏实现平滑滚动定位(纯CSS实现点这里)里面有 等elementui的标签,不用的话可以换Div代码结构<template> <div> <el-menu :default-active="activeIndex2" class="el-menu-demo" mode="horizontal" @select="handleSelect" background-color原创 2021-06-10 16:12:15 · 1302 阅读 · 1 评论 -
Vue利用CSS实现点击菜单导航栏实现平滑滚动定位
演示图片点击角色管理栏,内容跳转滑动到内容管理点击消息中心滑动到消息中心内容在Vue中新建一个XX.vue文件<template> <div> <div class="line"></div> <el-menu :default-active="activeIndex2" class="el-menu-demo" mode="horizontal" @select="hand原创 2021-06-10 09:04:52 · 1137 阅读 · 3 评论