qq_50352386的博客

(1)store/modules文件夹子目录如上api文件夹如上，修改入口文件如上 APP.jsx如上。（1）创建store文件夹，内置modules文件夹，创建home.js和kind.js。(2)修改index.js文件 订阅数据的变化，重新渲染视图 导入Provider组件。(1)创建store文件夹下index.js 创建状态管理器。（2）入口文件配置如上 ，api文件如上,App.jsX如上。(1)创建store文件夹，modules文件夹。(1)创建store文件夹index.js。

【代码】Proxy应用场景。

编程领域的模块化就是遵守固定的规则，把一个大文件拆成独立并且相互依赖的多个小模块。

JavaScript中筛选查找循环的部分方法。

请求拦截器携带请求头信息。

项目图片访问链接https//pan.baidu.com/s/15PEfxwd_RtHDSYL1D8zORg。

完整代码html+css效果展示

绝对定位使盒子居中显示的三种方式

单行文本溢出显示省略号多行文本溢出显示省略号

引入mavon-editor组件封装apimethods效果展示

1、Vuex的由来（1）大多数场景下的组件并不是独立存在的，而是相互协作共同构成一个复杂的业务流程（2）组件中的通信成为了必不可少的开发需求父------->子 props子------->父 $emit兄弟------->兄弟 eventBus---->公共$emit孙子-------->爷爷 非关系型组件 vuex2、V...

项目描述：此项目采用nodejs+vue+elmentui开发的外卖管理系统技术栈：nodejs vue elmentui axios echarts等数据库：MySQL开发工具：vscode项目介绍 系统角色：系统管理员，普通管理员 后端服务器地址：http://127.0.0.1:5000/后端启动命令：yarn start 主要功能： 账号管理.........

原生的vue传值父子传值，伪兄弟传值（通过父元素）为了解决页面较复杂的情况下跨多级传值，vue推出了第二种传值方式bus（跨组件传值）使用：（1）创建全局bus用来跨级传值Vue.prototype.$bus =new Vue();（2）发出通知this.$bus.$emit("事件名");（3）在被通知的组件监听自定义事件 this.$bus.$on("事件名",()=>{})...

页面结构（分页组件-element UI官网）<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[5, 10, 15, 20]" :page-size="pageSize" layout="total, sizes, prev

apis.js 验证tokenexport var checktoken=(token)=>axios.get("/users/checktoken",{params:{token}})index.js 路由拦截// 切换路由之前 导航守卫 路由拦截router.beforeEach((to, from, next) => { //只要不是默认登录 都开启路由验证 if (to.path != '/' ) { //验证用户是否登录 token che.

页面结构行为交互效果展示权限: 根据不同的用户组, 来展示不同的功能(动态树菜单)核心: 判断用户组, 对界面树菜单选项卡进行增删页面结构<div v-for="item in powerarr" :key="item.url"> <el-menu-item :index="item.url" v-if="!item.children"> <i :class="item.icon"></i>

目录1、作用2、使用场景3、token原理4、示例1、作用一般用来验证用户是否还在有效登录时间，属于服务器端技术，保存在服务器中2、使用场景很多网站会保存一定时间的用户登录状态（解决登录安全问题，一般不会永久保存）3、token原理（1）当用户登录成功时，服务器会在内存中创建一个有时效性的token（2）随本次响应，将此用户的token返回客户端（3）浏览器把token存储在本地...

1、Vue介绍1.1 Vue是什么？构建用户界面的js库，数据驱动的渐进式框架，Vue.js通过简单的API响应数据绑定和组合的视图组件化开发，基于MVVM模式，快速创建用户界面Vue作者前Google员工尤雨溪1.2 Vue历史2013发布草案版本2015发布1.0版本2016发布2.0版本 ...

1、模块回顾1.1 什么是模块化模块：一个封装起来有独立功能的部分模块化是一种WEB应用分离成多个模块（独立功能部分）的方法，可将系统分割成独立的功能部分，严格定义模块接口，模块间具有透明性 为什么要有模块化？ 解决早期团队项目的变量污染 1.2 模块的实现方式 1.2.1 comm...

1，项目所用技术前端：html/css/jquery/ajax/bootstrap/less/gulp/echarts/svn后端：php/mysql2，搭建项目工程目录3，下载第三方库

1，gulp是什么？ 自动构建工具，将重复的工作自动化，例如：编译less，压缩css，压缩js等等 2，为什么要学习gulp?（1）重复工作自动化（2）少部分公司使用，看懂gulpfile.js3，使用gulp 3.1 安装...

目录1，Less是什么？2，为什么学习less?3，编译less4，less的嵌套5，less定义变量6，less函数1，Less是什么？1， less是css的预处理语言，less增强和扩展了原生css。2，less本身是不能直接使用的，必须把它编译成css2，为什么学习less?less写出来的css好维护3，编译less1，Vscode下载插件Easy Less2，设...

1，作用域与函数进阶1.1 执行环境关联着变量对象 （1）执行环境关联着一个变量对象，变量对象里面存储着我们声明的变量以及函数 （2）全局执行环境 window对象1.2 执行环境栈 （1）当代码在函数中执行，函数也有执行环境，环境被推入执行环境栈中 （2）栈 ：存放数据的容器，先入后出。应用运行期间全局环境变量window不会被销毁...

1，什么是正则表达式一种字符串匹配的模式，通常被用来检索、替换某个模式的文本2，正则表达式作用？（1）检查字符串是否合法（2）提取字符串中的信息（3）替换字符串3，正则表达式的使用3.1 定义方式（1）使用new字符实例化正则表达式let reg=new RegExp("字符串",i/m/g)（2）使用字面量（推荐） let reg=/规则/g;3.2 正则表达...

1，Ajax介绍1.1 什么是AjaxAJAX不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。它是一套综合了多项技术的浏览器端网页开发技术。这些技术包括Javascript、XHTML和CSS、DOM、XML和XMLHttpRequest.通过在浏览器与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 1.2 Ajax优...

1，Express介绍1.1 介绍Express是基于 node.js的一个web服务器框架，它可以帮助你快速创建一个web+ 移动端 各类项目服务器1.2 服务器的作用 （1）存放站点网站，响应网页给请求的用户浏览器 （2）提供数据接口，给客户端AJAX进行数据响应 2，Express安装和使用2.1 express-generator(1)安装exp...

目录1， http协议的概念以及作用2，http协议约束了什么？3，http交互特点4，http响应状态码5，http响应不同的数据类型6，打开浏览器，输入网址，发生了什么？（面试题）1， http协议的概念以及作用http是超文本传输协议（应用层协议），定义web浏览器与web服务器至今交换数据（请求响应）2，http协议约束了什么？（1）浏览器以何种方式向服务器发送/接收数据（2）服务器以何种方式来接受/响应客户...

一，fs文件基本操作1.1 fs文件的读取1，引入nodejs内置fs模块var fs=require("fs");2，异步读取（参数一（读取的文件名），参数二(读取后的回调函数)）fs.readFile('文件名',function(err,data){ //读取出错 if(er...

利用let str = prompt(“请输入任意字符”，"”)可以获取用户输入的字符(存到变量str中了) ，试编程将用户输入的字符“反转顺序”并首尾字母转为大写，其他字母转为小写后输出来。<script> //输入字符串 let str=prompt("请输入任意字符"); //将输入字符全部转换为小写 str=str.toLowerCase(); console.log(str); //将字符串转换为数组并且分割字符串 let

1，JavaScript简介1.1 什么是JavaScript？基于对象和时间驱动，并且具有相对安全的解释型的客户端脚本语言目前所学原生js 为ECMAScript（ES5） 实际使用最多的为ES61.2 为什么要学JavaScript？1，网页离不开js 2，主流浏览器都支持js3，在网页中...

目录网页优化HTML部分代码css部分代码效果展示网页优化 1， 抽取css公共样式 2， 制作成模板页（母版页） 目的：减少后期其他页面的代码复制，建议把首页制作完成后，另存为一个模板页，保留相同的部分3，网页页面分级说明（面试可能会问） 一级页面：首页 新闻和产品的封面页 二级页面：网站中的各种列表页（新闻列表，产品列表）...

html <div class="leftbox "> <div> <img src="images/pic01.jpg" alt=""> <!-- 蒙板 --> <div class="mask1"></div>

步骤1 子绝父相（子菜单绝对定位 父菜单相对定位）步骤2隐藏子菜单步骤3hover到子菜单的父级li标签，使里面的子菜单显示出来 <div class="menu"> <div class="container"> <img src="images/logo.png" alt="" class="logo"> <...

目录一，早期前端面临的问题二，原理三，作用四，技术一，早期前端面临的问题1，选择器冗余繁琐2，命名冲突3，层次结构不清楚4，代码难以复用二，原理 将整个网页看成由多个小部件组成，每一个部件都是一个组件，网页都是由小部件合成出来的三，作用减少css代码的冗余四，技术#header .top .left{ color: white;}#head...