weixin_68266812的博客

原创 判断浏览器内核

【代码】判断浏览器内核。

原创 导出tabla页面

【代码】导出tabla页面。

原创 vue2 table 页面 + 功能 展示

【代码】vue2 table 页面 + 功能 展示。

原创 csrf和xss的区别

原创 获取当前数据 上下移动

点击按钮 上下移动 当前数据。

原创 CSRF漏洞攻击原理及防御方案

CSRF（Cross-site request forgery）全称“跨站请求伪造”，也被称为“One Click Attack”或者“Session Riding”，通常缩写为CSRF或者XSRF，是一种对网站的恶意利用。尽管听起来像跨站脚本（XSS），但它与XSS非常不同。XSS利用站点内的信任用户，而CSRF则通过伪装来自受信任用户的请求来利用受信任的网站。与XSS攻击相比，CSRF攻击往往更加难以防范。可以这么理解CSRF攻击：攻击者盗用了你的身份，以你的名义进行某些非法操作。

原创 XSS攻击原理与解决方法

一旦攻击成功，它可以获取到用户的联系人列表，然后向联系人发送虚假诈骗信息，可以删除用户的日志等等，有时候还和其他攻击方式同时实施比如SQL注入攻击服务器和数据库，Click劫持，相对链接劫持等实施钓鱼，他带来的危害是巨大的，是Web安全的头号大敌。

原创 浏览器垃圾回收机制与 Vue 项目内存泄漏场景分析

浏览器的 Javascript 具有自动垃圾回收机制(GC:Garbage Collecation)，也就是说，执行环境会负责管理代码执行过程中使用的内存。垃圾收集器会定期（周期性）找出那些不在继续使用的变量，然后释放其内存。但是这个过程不是实时的，因为其开销比较大并且 GC 时停止响应其他操作，所以垃圾回收器会按照固定的时间间隔周期性的执行。不再使用的变量也就是生命周期结束的变量，当然只可能是局部变量，全局变量的生命周期直至浏览器卸载页面才会结束。

原创 this的指向问题总结

箭头函数看this的指向主要抓住箭头函数到底在哪个作用域下，如果在全局作用域下，this就指向了window，如果在局部作用域下，那就看局部作用域的this指向的是谁，那么箭头函数的this就指向的是谁。7.在vue实例中，方法中的this指向的就是vue实例，如果在组件中，组件中的方法中的this就指向组件实例。箭头函数下的this是静态的，和其他this指向的不同，箭头函数下的this始终指向的是函数声明时所在作用域下的this的值。在全局作用域下或者普通函数中this的指向一般都是window对象。

原创 Vue常用指令+用法举例 详解

vue的常用指令有：vue常用指令有：v-on指令、v-model指令、v-once指令、v-show指令、v-if指令、v-else指令、v-else-if指令、v-for指令、v-text指令、v-html指令、v-bind指令等等。

原创 观察者模式和发布订阅模式的区别

发布订阅模式的原理基于消息队列或主题，发布者将消息发布到特定的消息队列或主题中，而订阅者可以订阅这些消息队列或主题以接收和处理消息。发布者和订阅者之间的通信是异步的，这意味着发布者发布消息后，订阅者可以在任何时候接收和处理消息。发布订阅模式的核心思想是将发布者和订阅者解耦，使得它们可以独立地运行和扩展。这种解耦有助于提高系统的灵活性和可伸缩性，因为发布者和订阅者可以根据需要进行扩展和修改，而不会影响彼此的操作。发布订阅模式在许多领域都有应用，如消息队列事件驱动架构实时数据更新消息推送。

原创 record.id

原创 jq 图片懒加载 + Vue-Lazyload

大型网站如常用的淘宝，京东等页面，需要展示大量的商品图片信息，如果打开网页时让所有图片一次性加载完成，需要处理很多次网络请求，等待加载时间比较长，用户体验感很差。初始化时，图片标签的src不能是真实的图片地址，也不可以是空地址或者坏地址(会出现图片加载失败的图标)。初始化的时候，可以设置图片的src是某一个小型图片。例如一张1px*1px的透明图片。由于所有图片都使用这一张图片，只会发送一次请求，不会增加性能负担。将图片的真实路径绑定给一个自定义属性，例如data-url。

原创 ElementUI +++ Echarts面试题&答案汇总

当子元素中包含 或 时，全部子元素会垂直上下排列，否则会水平左右排列。model 绑定表单数据,通过prop取表单数值,通过编写ref进行后台API验证 ,根据rules进行表单内容验证。导航二:导航标题。

原创 uniapp 面试题

答案：UniApp 是一个基于 Vue.js 的跨平台应用开发框架，可以使用 Vue.js 的开发语法编写一次代码，然后通过编译生成可以在多个平台（包括iOS、Android、H5 等）上运行的应用。跨平台：开发者可以使用相同的代码基底构建多个平台的应用，避免了针对不同平台的重复开发。高性能：UniApp 在运行时使用原生渲染技术，具有接近原生应用的性能表现。开放生态：UniApp 支持原生插件和原生能力的扩展，可以调用设备的硬件功能和第三方原生 SDK。

原创 前端给后端传值

在 Vue 2 中，你可以通过定义一个方法来处理按钮的点击事件，并在该方法中使用 HTTP 客户端（如。在 Vue 2 中，你可以通过发送 HTTP 请求来将前端的数据传递到后端。这样的库来发送请求。以下是一个基本的步骤和示例，展示了如何通过按钮点击将。首先，确保你已经在项目中安装了。

原创 npm WARN read-shrinkwrap This version of npm is compatible with loockfileVersion@1, but package-lock

替换 node包。

原创 表格数据转成 HTML数据

零代码 - Table在线布局工具（Excel转HTML）

原创 全新 鸿蒙系统

文档开发：华为HarmonyOS智能终端操作系统官网 | 应用设备分布式开发者生态

原创 浏览器渲染机制

参考 ： 中高级前端面试宝典之浏览器篇_浏览器渲染机制面试-CSDN博客 浏览器渲染机制-CSDN博客 1. 解析HTML：浏览器首先会将HTML代码解析成DOM树，DOM树是由节点和对象组成的树形结构，表示HTML文档的结构和内容。2. 解析CSS：浏览器会将CSS代码解析成CSSOM树，CSSOM树是由样式规则和对象组成的树形结构，表示HTML文档的样式信息。3. 构建渲染树：浏览器会将DOM树和CSSOM树合并成渲染树，渲染树只包含需要显示的节点和样式信息，不包含隐藏的节

原创 Microsoft Edge 浏览器报错 提示不安全

Microsoft Edge 支持 Microsoft Defender SmartScreen | Microsoft Learn

原创 svn 安装路径

安装语言包，双击即可，然后下一步，完成。

原创 前端 TS 语法继承 多态 修饰符 readonly 抽象类 ts 基本写法 可选 剩余参数 函数重载 接口 类（3）

多态 ： 父类型的引用指向子类型的对象，不同类型的对象针对相同的方法，产生不同的行为。如果有两个或者属性，从第0开始计算，抛去已有的属性，剩下的才是。...args: string[] 代表剩下的所有参数的属性都是str的类型。也可以包含实例方法，抽象类是不能实例化，为了让子类实例化，实现内部抽象的方法。// 可以把function 放在前边 也可以放在后边，的书写方式。抽象类 ：包含抽象方法(抽象方法一般没有任何的具体内容的实现)，// ：string 代表的是返回值 是什么类型的。

原创 前端 TS 语法 接口（2）

TypeScript的核心原则之一是对值所具有的shape进行类型检查。它有时被称做“鸭式辨型法”或“结构性子类型化”。在TypeScript里，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。

原创 前端 TS 语法基础（1）

为了让程序有价值，我们需要能够处理最简单的数据单元：数字，字符串，结构体，布尔值等。TypeScript支持与JavaScript几乎相同的数据类型，此外还提供了实用的枚举类型方便我们使用。

原创 Bom 和 Dom 区别 ----- 真是DOM 和 虚拟Dom区别

虚拟DOM（Virtual Document Object Model）是指用JS对象来描述DOM节点及其属性和内容的层次结构，它是对真实DOM的一种抽象表示，并不是真正的DOM节点。当页面需要更新时，虚拟DOM首先进行比较，找出需要更新的部分，然后批量更新至真实DOM，最终只会引起页面的局部重排和重绘，可以减少页面渲染的开销，提高性能。

原创 js 数据回调 异步 Promise

//创建promise 方法 定义数据 x = 0let x = 0;// 一些代码（请尝试将 x 改为 5）//判断数据是不是等于 0//上边定义了 如果不等于 0 就会报错} else {});//监听数据},

原创 前端 js 基础对象 （3）

new

原创 vue3 ts面试题 常问面试题（连更中.......有错 欢迎提出)

1.交叉类型：我们可以把现有的多种类型叠加到一起成为一种类型，它包含了所需的所有类型的特性,取多个类型的并集 简单的说' 交叉类型是将多个类型合并为一个类型',用'&' 来表示 2.下面的案例是将两个对象合并，并且返回合并后的对象 3.仅仅把原始类型、字面量类型、函数类型等原子类型合并成交叉类型，是没有任何用处的，因为任何类型都不能满足同时 属于多种原子类型'比如既是 string 类型又是 number 类型'this.$slots是vue里面的一个只读的api，用来访问被插槽分发的内容。

原创 前端 js 基础（2）

索引顺序依赖于实现，可能不会按照您期望的顺序访问数组值。在本教程稍早的章节中，您已见到了。break 语句也可用于跳出循环。语句（不论有无标签引用）只能用于。语句，如果没有标签引用，只能用于。跳出一个循环或一个 switch。语句循环遍历可迭代对象的值。很重要，请不要在数组上使用。当顺序很重要时，最好使用。

原创 前端 js 基础（1）

方法在每个数组元素上运行函数，以生成（减少它）单个值。方法为每个数组元素调用一次函数（回调函数）。方法创建一个包含通过测试的数组元素的新数组。这两种方法是不相等的。js 修改值的属性 内容。

原创 vue2 jeecg-boot

业务介绍 ：在首页进行数据的添加，添加之后 将数据传递给后端，后端会计算，在返回给前端，前端拿到进行渲染，拿到数据跳转到结果页面，点击存档后，才可以触发下载和浏览，不然按钮一直是失效状态，存档后数据会存档到 统计页面，在页面点击新增，可以跳转到当前数据对应的页面，并且渲染，然后从新走一遍流程。

原创 vue项目打包 jeecg-boot

如果有npm 就输入npm run build

原创 vue2 按钮限制 点击按钮一前 灰色不可以点击 点击按钮一后 可以点击

【代码】vue2 按钮限制 点击按钮一前 灰色不可以点击 点击按钮一后 可以点击。

原创 vue3 生命周期代码展示

所有生命周期钩子的this上下文都是绑定至实例的。：在实例初始化之后、进行数据帧听和事件/侦听器的配置之前同步调用。created：实例创建完成，主要包括数据帧听、计算属性、方法、事件/侦听器，（注意：由于挂在阶段还未开始，因此$el还不可用）。：挂在之前调用，render函数首次调用。mounted：实例挂在完成后调用，（注意，mounted不会保证所有子组件都已挂载完成，可以使用$nextTick()）。：数据发生改变之后，DOM被更新之前调用。updated。

原创 vue2 生命周期基本使用

Vue.js 提供了丰富的生命周期钩子函数，开发者可以通过这些钩子函数来控制组件在不同状态下的行为。Vue 组件的生命周期是指从组件实例化、初始化、渲染、更新到销毁的整个过程。在实例创建之前调用，此时还没有调用data选项中定义的数据和methods方法。created实例创建完成后调用，此时已经完成了数据的观测(obervation)，但尚未挂载DOM，$el 属性尚不可用。: 在挂载开始之前调用，相关的 render 函数首次被调用。这个时候还没有开始挂载节点，$el 属性尚不可用。

原创 jeecg-boot 表单生成全部流程

第一步 打开表单开发　第二步 跳转到页面 写好表单 描述名称 点击新增添加新的字段　第三步 在新增的字段 写需要的字段名称 和备注　第四步 可以在页面属性的地方 修改显示类型 单选 或者 文本 然后点击保存　第五步 点击保存后 跳回原来的页面 选中新增点击更多 同步数据库 普通同步就可以　第六步 同步 后点击 代码生成 下载　第七步 解压代码　第八步 一直点 点到vue 上边是后台代码 vue里边才是我们需要的

原创 vue2+element ui + jeecg-boot [ Notification ] 节流 防抖 代码 节流防抖自动销毁通知 if 校验弹出弹框 多个数据传给后端 判断成功跳转

【代码】vue2+element ui + jeecg-boot [ Notification ] 节流 防抖 代码 节流防抖自动销毁通知 if 校验弹出弹框　多个数据传给后端 判断成功跳转。

原创 vue2 + avue 文档导入导出 （待完善）

【代码】杂乱代码啊。

原创 avue页面布局 api 引用

【代码】avue页面布局 api 引用。