- 博客(56)
- 收藏
- 关注
RSS订阅原创 人力资源平台项目总结（2）
目录1、路由和页面1.1 左侧菜单的显示逻辑，设置菜单图标 （重点！）2、组织架构2.1. 认识组织架构2.2 将树形的操作内容单独抽提成组件 2.3 获取组织架构数据，并进行树形处理(重点！)2.4 删除部门功能实现2.5 新增部门功能-建立组件 2.6 完成新增部门的规则校验 2.7 新增部门功能-部门负责人数据 2.8 新增功能-提交-取消-关闭 （新增知识sync修饰符）2.9 编辑部门功能实现数据回写 （新知识，获取组件实例可以调组件方法）2.10 同时支持编辑和新增场景 2.11 给数据获取添加
2022-10-10 17:37:53
853
1
原创 人力资源平台项目总结（1）
是一个后台前端解决方案，它基于vue和element-ui实现。它使用了最新的前端技术栈，内置了 i18 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。目录结构通过create创建了一个新的axios实例// 创建了一个新的axios实例timeout: 5000 // 超时时间})请求拦截器请求拦截器主要处理 token的统一注入问题// axios的请求拦截器}},})响应拦截器。
2022-10-09 12:44:20
1291
原创 vue3学习
目录一、组合API1.1 setup函数1.2 生命周期 1.3 reactive函数1.4 toRef函数 1.5 toRefs函数 1.6 ref函数 1.7 知识运用案例 1.8 computed函数1.9 watch函数 1.10 ref属性1.11 父子通讯 1.12 依赖注入 1.13 v-model语法糖 #博学谷IT学习技术支持#在vue3.0项目中将会使用 写法 总结： 组件初始化之前执行，它返回的数据和函数可在模版使用 总结： 组合API的生命周期钩子有7个，可以多次
2022-09-28 11:26:29
1173
原创 vue路由
vue2 需要安装3版本的路由首先在src 的目录下创建router 和 views 这两个文件views 文件下三个是路由需要跳转的组件在main.js下：这里所有的基本工作都已经准备完毕。
2022-09-25 01:29:36
273
原创 vue第一次复习（vue-1）
vue文件中的template里写的标签, 都是模板, 都要被vue处理成虚拟DOM对象, 才会渲染显示到真实DOM页面上。目标: 计算属性是基于它们的依赖项的值结果进行缓存的，只要依赖的变量不变, 都直接从缓存取结果。总结: v-text把值当成普通字符串显示, v-html把值当做html解析。总结: 不用key也不影响功能(就地更新), 添加key可以提高更新的性能。总结: style上加scoped, 组件内的样式只在当前vue组件生效。目标: 给标签属性设置vue变量的值。
2022-09-22 20:58:55
264
原创 vue 第一次复习（前置知识）
由于 node.js 官方提供的 fs 模块仅支持以回调函数的方式读取文件，不支持 Promise 的调用方。因此，需要先运行如下的命令，安装 then-fs 这个第三方包，从而支持我们基于 Promise 的方。如果只想单纯地执行某个模块中的代码，并不需要得到模块中向外共享的成员。按需导入的语法： import { s1 } from '模块标识符'按需导出的语法： export 按需导出的成员。按需导入的成员名称必须和按需导出的名称保持一致。大量冗余的代码相互嵌套，代码的可读性变差。
2022-09-18 11:40:59
251
原创 vue 面试题3
需要注意的是，当我们启用 history 模式的时候，由于我们的项目是一个单页面应用，所以在路由跳转的时候，就会出现访问不到静态资源而出现 “404” 的情况，这时候就需要服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 “index.html” 页面。 path : 跳转路径 component : 路径相对于的组件 name:命名路由 children:子路由的配置参数(路由嵌套) props:路由解耦 redirect : 重定向路由。
2022-09-11 13:31:26
437
原创 vue面试题（2）
全局定义指令：在vue对象的directive方法里面有两个参数，一个是指令名称，另外一个是函数。组件内定义指令：directives 钩子函数：bind(绑定事件触发)、inserted(节点插入的时候触发)、update(组件内相关更新) 钩子函数参数：el、binding动态路由指的就是path路径上传智, 前提需要路由规则了提前配置/path/:key名, 可以写多个用/隔开, 获取使用$route.params.key名来提取对应用路径传过来的值。
2022-09-04 10:12:22
171
原创 Element的表单校验
validator是一个函数, 其中有三个参数 (rule(当前规则),value(当前值),callback(回调函数))// 根据value进行进行校验// 如果一切ok// 直接执行callbackcallback() // 一切ok 请继续// 如果不okcallback(new Error("错误信息"))}根据以上要求，增加手机号第三位必须是9的校验规则// 自定义校验函数callback() : callback(new Error('第三位手机号必须是9'))}...
2022-08-27 15:59:40
1408
原创 vue面试题（1）
v-show 和v-if都是true的时候显示，false的时候隐藏 但是：false的情况下，v-show是采用的display:none v-if采用惰性加载， 如果需要频繁切换显示隐藏需要使用v-show。
2022-08-21 13:17:01
246
原创 vue路由简介和基础使用
Vue Router 是Vue.js的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。前端路由作用: 实现业务场景切换优点：整体不刷新页面，用户体验更好数据传递容易, 开发效率高缺点：开发成本高(需要学习专门知识)首次加载会比较慢一点。...
2022-08-07 10:13:15
339
原创 JS数组方法合集
如果是负值，则表示从数组末位开始的第几位，如果负数的绝对值大于数组的长度，则表示开。方法返回指定元素（也即有效的JavaScript值或变量）在数组中的最后一个的索。方法从数组中删除最后一个元素，并返回该元素的值。方法返回在数组中可以找到一个给定元素的第一个索引，如果不存在，则返回-1。此方法不会更改现有数组，而是返回一个新数组。方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度。返回由所有参数值组成的数组，如果没有参数，就返回一个空数组。方法将数组中元素的位置颠倒，并返回该数组。...
2022-07-31 11:29:27
312
原创 webpack__模块打包工具
目录1、webpack基本概念 1.1_webpack基本概述 2、webpack使用步骤 2.1 安装Yarn2.2 环境准备 2.3 webpack基础使用2.4 webpack再次打包 3、webpack的配置 3.1 webpack-入口和出口 3.2 yarn build执行流程图 3.3 案例-隔行变色3.4 html-webpack-plugin插件 3.5 webpack打包css文件 3.6 webpack-使用加载器3.7 webpack处理less文件 3.8 webp
2022-07-21 14:49:20
733
原创 ES6模块化与异步编程高级用法
ES6模块化规范是浏览器端与服务器端通用的模块化开发规范。ES6模块化规范中定义每个js文件都是一个独立的模块导入其它模块成员使用import关键字向外共享模块成员使用export关键字async/await是ES8（ECMAScript2017）引入的新语法，用来简化Promise异步操作。在async/await出现之前，开发者只能通过链式.then()的方式处理Promise异步操作。示例代码如下.then链式调用的优点解决了回调地狱的问题。...
2022-07-20 18:30:18
239
原创 前后端的身份认证
目录Web 开发模式身份认证 Session 认证机制 在 Express 中使用 Session 认证 JWT 认证机制在 Express 中使用 JWT #博学谷IT学习技术支持#目前主流的 Web 开发模式有两种，分别是： 基于服务端渲染的传统 Web 开发模式 基于前后端分离的新型 Web 开发模式 1. 服务端渲染的 Web 开发模式服务端渲染的概念：服务器发送给客户端的 HTML 页面，是在服务器通过字符串的拼接，动态生成的。因此，客户端不需要使用 Ajax 这样的技术额外请求页面的数据。代码示
2022-07-12 21:17:21
359
1
原创 Express
目录1. 初识 Express1.1 Express 简介 1.2 Express 的基本使用 1.3 托管静态资源 1.4 nodemon 2. Express 路由 2.1 路由的概念 2.2 路由的使用3. Express 中间件3.1 中间件的概念 3.2 Express 中间件的初体验 3.3 中间件的分类 3.4 自定义中间件 4. 使用 Express 写接口 4.1 创建基本的服务器 4.2 创建 API 路由模块 4.3 编写接口 4.4 开启服务器#博学谷IT学习技术支持#1. 什么是
2022-07-07 19:24:14
502
原创 Node.js 中模块化
目录1. 模块化的基本概念2. Node.js 中的模块化 2.1 Node.js 中模块的分类 2.2 加载模块 2.3 Node.js 中的模块作用域 2.4 向外共享模块作用域中的成员 2.5 Node.js 中的模块化规范 3. npm与包 3.1 包 3.2 npm 初体验3.3 包管理配置文件 3.4 解决下包速度慢的问题3.5 包的分类 3.6开发属于自己的包 4. 模块的加载机制4.1 优先从缓存中加载 4.2 内置模块的加载机制 4.3 自定义模块的加载机制 4.4 第三方模块的加载机制
2022-07-07 13:40:26
647
原创 初识 Node.js
目录1、在 Node.js 环境中执行 JavaScript 代码2. fs 文件系统模块2.1 什么是 fs 文件系统模块2.2 读取指定文件中的内容2.3 向指定的文件中写入内容2.4 练习 - 考试成绩整理3. path 路径模块3.1 什么是 path 路径模块3.2 路径拼接3.3 获取路径中的文件名3.4 获取路径中的文件扩展名3.5 综合案例 - 时钟案例4. http 模块4.1 什么是 http 模块4.2 进一步理解 http 模块的作用4.3 服务器相关的概念 4.4 创建最基本的 w
2022-07-06 21:23:30
339
原创 跨域与JSONP
目录1. 了解同源策略和跨域1.1 同源策略 1.2 跨域2. JSONP2.1 什么是JSONP 2.2 JSONP的实现原理2.3 自己实现一个简单的JSONP2.4 JSONP的缺点2.5 jQuery中的JSONP 2.6 自定义参数及回调函数名称 2.7 jQuery中JSONP的实现过程3. 案例 – 淘宝搜索 3.1 要实现的UI效果 3.5 输入框的防抖3.6 缓存搜索的建议列表4. 防抖和节流 4.1 什么是节流 4.2 节流的应用场景 4.3 节流案例 – 鼠标跟随效果 4.4 总结防抖
2022-06-28 15:46:48
538
原创 Ajax加强
目录1. XMLHttpRequest的基本使用1.1 什么XMLHttpRequest1.2 使用xhr发起GET请求1.3 了解xhr对象的readyState属性1.4 使用xhr发起带参数的GET请求1.5 查询字符串1.6 URL编码与解码1.7 使用xhr发起POST请求2. 数据交换格式2.1 什么是数据交换格式2.2 XML 2.3 JSON3. 封装自己的Ajax函数3.1 要实现的效果 3.2 定义options参数选项3.3 处理data参数 3.4 定义itheima函数3.5 判断
2022-06-27 23:46:48
258
原创 模板引擎的实现原理
目录1. 正则与字符串操作1. 基本语法2. 分组 3. 字符串的replace函数 4. 多次replace5. 使用while循环replace6. replace替换为真值 2 .实现简易的模板引擎 1. 实现步骤 2.代码演示：3.封装template函数#博学谷IT学习技术支持#exec() 函数用于检索字符串中的正则表达式的匹配。如果字符串中有匹配的值，则返回该匹配值，否则返回 null。示例代码如下：正则表达式中 ( ) 包起来的内容表示一个分组，可以通过分组来提取自己想要的内容，示例代码如下
2022-06-27 20:31:48
197
原创 模板引擎啊
目录1.模板引擎的基本概念1.1 渲染UI结构时遇到的问题1.2 什么是模板引擎 1.3 模板引擎的好处2. art-template模板引擎2.1 art-template简介2.2 art-template模板引擎的基本使用2.3 art-template标准语法2.4 案例 – 新闻列表#博学谷IT学习技术支持#上述代码是通过字符串拼接的形式，来渲染UI结构。 如果UI结构比较复杂，则拼接字符串的时候需要格外注意引号之前的嵌套。且一旦需求发生变化，修改起来也非常麻烦。 模板引擎，顾名思义，它可以根据
2022-06-27 14:18:32
99
原创 form表单
目录1. form表单的基本使用1.2 表单的组成部分1.3标签的属性1.4 表单的同步提交及缺点 2. 通过Ajax提交表单数据2.1 监听表单提交事件2.2 阻止表单默认提交行为2.3 快速获取表单中的数据3. 案例 - 评论列表3.1 渲染UI结构3.2 JS代码#博学谷IT学习技术支持#表单在网页中主要负责数据采集功能。HTML中的标签，就是用于采集用户输入的信息，并通过标签的提交操作，把采集到的信息提交到服务器端进行处理。表单由三个基本部分组成：表单标签 表单域 表单按钮 ...
2022-06-27 10:34:31
14882
1
原创 初识Ajax
目录1、网页中如何请求数据2、了解Ajax2.1. 什么是Ajax2.2、为什么要学Ajax3、 jQuery中的Ajax3.1.$.get()函数的语法3.2.$.post()函数的语法 3.3 $.ajax()函数的语法4、接口4.1 接口的概念4.2 分析接口的请求过程 4.3 接口测试工具 4.4接口文档5、案例 - 图书管理#博学谷IT学习技术支持#数据，也是服务器对外提供的一种资源。只要是资源，必然要通过 请求 – 处理 – 响应 的方式进行获取。如果要在网页中请求服务器上的数据资源，则需要用到
2022-06-27 09:06:34
438
原创 ES6语法学习
目录ES6 的新增语法1.let2、const3、let、const、var 的区别 4、解构赋值5、箭头函数6、剩余参数ES6 的内置对象扩展1、Array 的扩展方法2、String 的扩展方法3、Set 数据结构#博学谷IT学习技术支持#注意：使用let关键字声明的变量才具有块级作用域，使用var声明的变量不具备块级作用域特性。2.不存在变量提升3.暂时性死区 4.面试题2、const作用：声明常量，常量就是值（内存地址）不能变化的量。 1.具有块级作用域 2.声明
2022-06-19 15:24:52
168
原创 正则表达式
目录1. 正则表达式概述1.1 什么是正则表达式1.2 正则表达式的特点2. 正则表达式在 JavaScript 中的使用2.1 创建正则表达式2.2 测试正则表达式 test3. 正则表达式中的特殊字符3.1 正则表达式的组成3.2 边界符3.3 字符类3.4 量词符3.5 括号总结3.6 预定义类4. 正则表达式中的替换4.1 replace 替换4.2 正则表达式参数#博学谷IT学习技术支持#2. 通过字面量创建 // 注释中间放表达式就是正则字面量test() 正则对象方法，用于检测字符串是否符合该
2022-06-19 14:06:09
195
原创 递归函数学习
目录1、什么是递归？2、利用递归求数学题3、浅拷贝4、深拷贝#博学谷IT学习技术支持#1. 求 1 * 2 *3 ... * n 阶乘。 代码演示：2. 求斐波那契数列 。代码演示：3. 根据id返回对应的数据对象代码演示：演示结果：浅拷贝原理：...
2022-06-17 16:21:00
192
原创 函数进阶学习
目录1. 函数的定义和调用1.1 函数的定义方式1.2 函数的调用方式2. this2.1 函数内 this 的指向2.2 改变函数内部 this 指向 3. 严格模式3.1 什么是严格模式3.2 开启严格模式3.3严格模式中的变化4. 高阶函数5. 闭包5.1 变量作用域5.2 什么是闭包5.3 闭包的作用5.4闭包案例#博学谷IT学习技术支持#2. apply 方法 apply() 方法调用一个函数。简单理解为调用函数的方式，但是它可以改变函数的 this 指向
2022-06-15 18:24:18
126
原创 构造函数和原型
目录1. 构造函数和原型1.1 概述1.2 构造函数1.3 构造函数的问题1.4 构造函数原型 prototype1.5 对象原型 __proto__1.6 constructor 构造函数1.7 构造函数、实例、原型对象三者之间的关系1.8 原型链1.9 JavaScript 的成员查找机制(规则)1.10 原型对象this指向1.11 扩展内置对象2. 继承2.1 call()2.2 借用构造函数继承父类型属性2.3 借用原型对象继承父类型方法3. ES5 中的新增方法3.1 ES5 新增方法概述3.2
2022-06-13 20:48:28
936
原创 JavaScript 面向对象
面向过程和面向对象的对比3. 类的继承 3.1 继承语法：class Father{ // 父类}class Son extends Father { // 子类继承父类}代码演示：3.2 super 关键字super 关键字用于访问和调用对象父类上的函数。可以调用父类的构造函数，也可以调用父类的普通函数代码演示：演示结果; 三个注意点: 2.css代码css中在 li 中 要引入一个关闭的字体图标
2022-06-13 00:18:14
136
原创 移动端网页特效
目录1、触屏事件1.1 触屏事件概述1.2 触摸事件对象（TouchEvent） 1.3 移动端拖动元素1.4过渡完成后的事件#博学谷IT学习技术支持#touchstart、touchmove、touchend 三个事件都会各自有事件对象。触摸事件对象重点我们看三个常见对象列表：因为平时我们都是给元素注册触摸事件，所以重点记住 targetTocuhes 代码演示：演示结果：1.4过渡完成后的事件等到一个元素的过渡文案成后再去做其它事情...
2022-06-04 14:34:13
70
原创 PC 端网页特效
1. 元素偏移量 offset 系列 1.1 offset 概述offset 翻译过来就是偏移量， 我们使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等。1.获得元素距离带有定位父元素的位置 2.获得元素自身的大小（宽度高度） 3.注意： 返回的数值都不带单位...
2022-05-31 21:16:29
187
原创 BOM 浏览器对象模型
1、BOM 概述 1.1 什么是 BOMBOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心 对象是 window。 BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。 DOM：1.文档对象模型 2.DOM 就是把「文档」当做一个「对象」来看待 3.DOM 的顶级对象是 document 4.5.DOM 主要学习的是操作页面元素 DOM 是 W3
2022-05-30 12:00:00
1060
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人