LCJ_Lucky-CSDN博客

原创前端如何实现 Word 在线预览

优点是使用方便、代码量少，缺点是需要加载额外的库，可能会影响页面载速度，转换结果也可能出现偏差。将 Word 文件上传至后端服务器，由后端进行转换为可预览的 HTML 格式，再将 HTML 格式的内容返回给前端。优点是转换结果精准，可以通过后端程序对 Word 文件进行更加精细的处理，缺点是需要开发后端程序，并且文件上传可能存在安全问题。优点是使用方便，无需开发额外的程序，缺点是需要上传文件至第三方平台，可能造成信息泄露。需要注意，以上插件和服务的使用需要遵循其开发者相应的使用协议和条款。

2023-03-30 10:21:49 8225 2

原创关于 element UI 表单验证数字类型提示 “xx is not a string“

原因：原因出在校验规则上，官方文档没有说明一个细节，如果你用数字校验，也用了v-model.number，你原来的校验规则里如果有target: 'blur'，需要去掉呢么随着校验也会随之消失这不是我们想要的结果。解决方案:给校验加上type类型限制就像这样 type: 'number' { required: true, type: 'number', target: 'blur', message: '培训积分不能为空' }我尝试了一下在输入时不会报错但回显时还是会报 "xx ..

2021-07-05 16:26:20 3697

原创 Vue 首屏页面加载Loading

1、可以发现重新进入页面或者页面刷新会出现空白2、想要实现这个效果需要在 Vue 项目中的单页面 HTML index.html 里面书写你想要显示的内容  <div id="app"> <style> #firstScreenPage { width: 100vw; height: 100vh;

2021-04-21 16:36:57 1640

原创 JavaScript ＜script＞标签属性讲解

2021-04-16 14:34:40 1486

原创 Axios

axios基于 promise 用于浏览器和 node.js 的Http 客户端支持浏览器和 node.js支持 promise能拦截请求和响应自动转换 JSON 数据能转换请求和响应数据axios 基础用法get 和 delete 请求传递参数通过传统的 url 以问号的形式传递参数restful 形式传递参数通过 params 形式传递参数post 和 put 请求传递参数通过选项传递参数通过 URLSearchParams 传递参数 # 1

2020-12-30 20:07:47 112

原创 Vue 中常用的钩子函数和执行的先后顺序

函数介绍beforeCreate在实例初始化之后，数据观测和事件配置之前被调用此时 data 和 methods 以及页面的DOM 结构都没有初始化什么都做不了created在实例创建完成后立即调用此时 data 和 methods 已经可以使用但是页面还没有渲染出来deforeMount在挂载开始之前被调用此时页面上还看不到真是的数据只是模板而已mountedel被新创建的vm.$el替换，并挂载到实例上去之后调用该钩子。数据已经真实渲染到页面上在...

2020-12-30 19:32:27 907

原创＜form＞标签的属性

actionaction 属性用来规定当提交表单时，向何处发送表单数据。action 属性的值应该是后端提供的一个URL地址，这个URL地址专门负责接收表单提交过来的数据。当表单在未制定 action 属性值的清空下，action的默认值为当前页面的 URL 地址注意: 当提交表单后，会立即跳转到 action 属性指定的 URL 地址targettarget 属性用来规定在何处打开 action URL它的可选值有5个，默认情况下，target的值是 _self，表示在相同的框架中打开

2020-11-28 09:02:28 4000

原创 Js 函数内部的this指向即改变函数内部 this 指向的三种方法

函数内部的this指向这些 this 的指向，是当我们调用函数的时候确定的。调用方式的不同决定了this 的指向不同一般指向我们的调用者.改变函数内部 this 指向改变 this 指向总共有三种方法： call、apply、 bindcall方法:call() 方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的 this 指向应用场景：经常做继承。var o = { name: 'andy'} function fn(a, b) { console.log(

2020-11-24 09:01:55 758

原创 Js 去掉字符串前后空格

trim() 方法会从一个字符串的两端删除空白字符。在这个上下文中的空白字符是所有的空白字符 (space, tab, no-break space 等) 以及所有行终止符字符（如 LF，CR等）。语法： str.trim()返回值：一个代表调用字符串两端去掉空白的新字符串。描述trim() 方法返回一个从两头去掉空白字符的字符串，并不影响原字符串本身。 var orig = ' foo '; console.log(orig.trim()); // 'foo'

2020-11-21 20:40:52 538

原创 Js 修改元素内容的几种方法

改变元素内容Element.innerText //从起始位置到终止位置的内容,但它去除html标签，同时空格和换行也会去掉Element.innerHTML //起始位置到终止位置的全部内容,包括html标签，同时保留空格和换行Element.insertAdjacentHTML("位置", "内容"); Element.insertAdjacentHTML(“位置”, “内容”)将结果节点插入到DOM树中的指定位置。它不会重新解析它正在使用的元素，因此它不会破坏元素内的现有元素。

2020-11-19 19:29:53 6052

原创 Echarts 图表跟随浏览器大小缩放

// 当我们浏览器缩放的时候，图表也等比例缩放 window.addEventListener("resize", function() { // 让我们的图表调用 resize这个方法 myChart.resize(); });

2020-11-17 19:09:06 1377

原创 DOM 节点操作常用的语句

节点操作获取元素通常使用两种方式1.利用DOM提供的方法获取元素(逻辑性不强，繁琐)2.利用节点层级关系获取元素(逻辑性强，兼容稍差)节点概述网页中所有内容都是节点(标签，属性，文本，注释等)，在DOM中，节点使用node表示HTML DOM树中的所有节点均通过js进行访问，所有HTML元素(节点)均可被修改，也可以创建或者删除一般地，节点至少拥有nodeType(节点类型),nodeName(节点名称)和nodeValue(节点值)，这三个基本属性元素节点 nodeType 为 1属性

2020-11-03 19:48:59 1836 5

原创 Js 排他思想

排他思想如果有同一组元素，我们想要某一个元素实现某种样式，需要用到循环的排他思想算法：所有元素全部清除样式（干掉其他人）给当前元素设置样式（留下我自己）注意顺序不能颠倒，首先干掉其他人，再设置自己...

2020-11-01 20:16:41 159 1

qq_39275718的博客