- 博客(13)
- 收藏
- 关注
RSS订阅原创 vue项目中将后端返回的文本中的数字和特殊文本标红显示
将文本中的"返还"和数字(一般是小数)标红显示1、数据处理// 处理列表显示 handleTableData(data) { // data 是后端返回的列表数据, 在这进行处理 const result = []; const replaceText = []; const numberText = []; for (let i = 0; i <= 9; i += 1) { replaceText.push(`${i
2021-06-02 10:45:43
2303
1
原创 整理了一些工作上使用Element UI 遇到的坑
一、Cascader 级联选择器<el-cascader v-model="value" :options="options"></el-cascader>let options = [{ value: 'zhinan', label: '指南', children: [{ value: 'shejiyuanze', label: '设计原则', children: [] }]}]// 当 options 的子级
2021-04-02 10:38:59
241
原创 TypeScript学习之路（一）
TypeScript 基础类型一、TypeScript 是什么TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。TypeScript 提供最新的和不断发展的 JavaScript 特性，包括那些来自 2015 年的 ECMAScript 和未来的提案中的特性，比如异步功能和 Decorators，以帮助建立健壮的组件。1.1 TypeScript 与 JavaScript 的区别
2021-04-01 17:56:26
230
原创 解决vue项目中的前端跨域问题
什么是跨域正常情况下，我们使用ajax请求的数据都在自己的服务器上。但在一些特定的场景中，我们需要获取到别人的服务器上的数据，也就是在自己的服务器中的ajax要请求到别人的服务器的网址，这就是跨域。跨域是浏览器为了安全而做出的策略—》同源策略同域策略：即同端口，同域名，同协议那么如何解决呢，小编整理了三个方案1. 方案一：cors解决跨域服务端：设置以下参数,表示允许访问Access-Control-Allow-Origin：*//*代表允许所有的域名访问，写www.fyc.com的话就是只
2020-06-11 11:38:03
5419
原创 vue之v-text 与 模板语法 {{}} 的区别 以及解决闪烁,闪屏
{{ }} 是模板语法/模板插值 v-text 是vue指令当我们使用模板语法插值的时候会出现闪烁闪屏现象闪烁或闪屏就是当用户网速较慢或者大量渲染数据的时候，可能会把两个括号显示出来, 渲染完成/加载完成的时候变成正常的 会出现闪烁问题解决方式：使用v-text 代替 模板语法 {{ }}v-cloak指令 建议加在el 挂载的元素上(子元素就可以不用设置了)，然后给它设置css样式 [ v-cloak ]{ display: none; }<style> [
2020-06-06 10:32:02
628
原创 简单谈谈vue双向数据绑定原理
vue双向数据绑定是通过数据劫持和发布者-订阅者模式的方式来进行实现的数据劫持：就是我们访问或者是设置对象的属性的时候，会触发Object.defineProperty()函数来进行劫持（拦截）的，返回（get）设置（set)的两个对象的方法来操纵我们对于数据的反应发布者-订阅者模式：就是对象间的一种1对多的依赖关系 当这个对象的状态改变的时候，所有依赖于这个对象的所有内容都会得到通知let obj={}; let name=''; Object.defineProperty(obj,
2020-06-06 10:13:29
260
原创 个人错误收集
在react使用antd组件库中的轮播组件时，碰到一下问题，在移动端下滑动轮播图时出现错误。错误提示如下：Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL>解决方案最简单的解决方法1（推荐）使用全局样式样式去掉* { touch-action: pan-y; }解决办法2：在touch的事件监听方法上绑定第三个参数{ p
2020-05-20 17:12:08
95
原创 面试常问的Vue实例的生命周期
生命周期Vue实例从创建到销毁的过程，就是生命周期。从开始创建，初始化数据，编译模板，挂载Dom→渲染、更新→渲染、销毁等一系列过程，称之为 Vue 的生命周期。钩子函数在生命周期中被自动执行的函数就叫：钩子函数/生命周期钩子生命周期钩子函数的用途在生命周期阶段会被自动调用，为我们开发者提供了一个自己执行的逻辑的机会在Vue生命周期中共有八个钩子：beforeCreatcreat...
2020-05-05 22:55:15
354
原创 vue组件data为什么必须是一个函数
首先组件是什么组件就是自定义标签，它是Vue中核心功能之一，是把页面当中可以重复使用的内容进行封装，方便调用在Vue中，我们可以发现，组件中的data数据返回的是一个函数，而不是对象new Vue({ el:".fyc", data:{ }, components:{ "add":{ te...
2020-05-05 21:55:56
327
原创 快速了解node的express框架mongodb数据库token保持用户登录状态结合ajax的小案例
前期准备使用express和路由快速搭建服务器，以及客户端的三个简单页面注册页面 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia...
2020-04-19 23:15:05
292
原创 javascript之this详解(秒懂)
this关键字每个函数都有一个关键字叫this，在不同的情况下，this代表的内容也是不同的1. 普通函数中的this代表window对象function fn(){ console.log(this);}fn(); // window2.定时器中的this代表window对象let obj={ run:()=>{ setTime...
2020-04-16 00:03:12
210
原创 ES6新增语法之真香
一：相关背景ES6未出现之前，js一直被各个语言诟病，因为作用域问题让开发者困扰。直到ES6的出现，让js语言上了一个全新台阶，ES6将弱类型语言提升到强弱类型语言。二：相关语法1.定义变量 let constlet是声明变量的关键字，特点如下：a.不允许重复声明b.没有预解析阶段，不会被提升c.自带独立的作用域，在大括号中声明的变量只能在大括号中使用可以解决循环中定时器里使...
2020-04-14 09:02:38
1275
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人