fyc-Away-CSDN博客

原创 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 2458 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 285

原创 TypeScript学习之路（一）

TypeScript 基础类型一、TypeScript 是什么 TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 TypeScript 提供最新的和不断发展的 JavaScript 特性，包括那些来自 2015 年的 ECMAScript 和未来的提案中的特性，比如异步功能和 Decorators，以帮助建立健壮的组件。 1.1 TypeScript 与 JavaScript 的区别

2021-04-01 17:56:26 261

原创解决vue项目中的前端跨域问题

什么是跨域正常情况下，我们使用ajax请求的数据都在自己的服务器上。但在一些特定的场景中，我们需要获取到别人的服务器上的数据，也就是在自己的服务器中的ajax要请求到别人的服务器的网址，这就是跨域。跨域是浏览器为了安全而做出的策略—》同源策略同域策略：即同端口，同域名，同协议那么如何解决呢，小编整理了三个方案 1. 方案一：cors解决跨域服务端：设置以下参数,表示允许访问 Access-Control-Allow-Origin：* //*代表允许所有的域名访问，写www.fyc.com的话就是只

2020-06-11 11:38:03 5489

原创 vue之v-text 与模板语法 {{}} 的区别以及解决闪烁,闪屏

{{ }} 是模板语法/模板插值 v-text 是vue指令当我们使用模板语法插值的时候会出现闪烁闪屏现象闪烁或闪屏就是当用户网速较慢或者大量渲染数据的时候，可能会把两个括号显示出来, 渲染完成/加载完成的时候变成正常的会出现闪烁问题解决方式：使用v-text 代替模板语法 {{ }} v-cloak指令建议加在el 挂载的元素上(子元素就可以不用设置了)，然后给它设置css样式 [ v-cloak ]{ display: none; } <style> [

2020-06-06 10:32:02 646

原创简单谈谈vue双向数据绑定原理

vue双向数据绑定是通过数据劫持和发布者-订阅者模式的方式来进行实现的数据劫持：就是我们访问或者是设置对象的属性的时候，会触发Object.defineProperty()函数来进行劫持（拦截）的，返回（get）设置（set)的两个对象的方法来操纵我们对于数据的反应发布者-订阅者模式：就是对象间的一种1对多的依赖关系当这个对象的状态改变的时候，所有依赖于这个对象的所有内容都会得到通知 let obj={}; let name=''; Object.defineProperty(obj,

2020-06-06 10:13:29 273

原创个人错误收集

在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 110

原创面试常问的Vue实例的生命周期

生命周期 Vue实例从创建到销毁的过程，就是生命周期。从开始创建，初始化数据，编译模板，挂载Dom→渲染、更新→渲染、销毁等一系列过程，称之为 Vue 的生命周期。钩子函数在生命周期中被自动执行的函数就叫：钩子函数/生命周期钩子生命周期钩子函数的用途在生命周期阶段会被自动调用，为我们开发者提供了一个自己执行的逻辑的机会在Vue生命周期中共有八个钩子： beforeCreat creat...

2020-05-05 22:55:15 384

原创 vue组件data为什么必须是一个函数

首先组件是什么组件就是自定义标签，它是Vue中核心功能之一，是把页面当中可以重复使用的内容进行封装，方便调用在Vue中，我们可以发现，组件中的data数据返回的是一个函数，而不是对象 new Vue({ el:".fyc", data:{ }, components:{ "add":{ te...

2020-05-05 21:55:56 341

原创快速了解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 312

原创 javascript之this详解(秒懂)

this关键字每个函数都有一个关键字叫this，在不同的情况下，this代表的内容也是不同的 1. 普通函数中的this代表window对象 function fn(){ console.log(this); } fn(); // window 2.定时器中的this代表window对象 let obj={ run:()=>{ setTime...

2020-04-16 00:03:12 223

原创 ES6新增语法之真香

一：相关背景 ES6未出现之前，js一直被各个语言诟病，因为作用域问题让开发者困扰。直到ES6的出现，让js语言上了一个全新台阶，ES6将弱类型语言提升到强弱类型语言。二：相关语法 1.定义变量 let const let是声明变量的关键字，特点如下： a.不允许重复声明 b.没有预解析阶段，不会被提升 c.自带独立的作用域，在大括号中声明的变量只能在大括号中使用可以解决循环中定时器里使...

2020-04-14 09:02:38 1310

原创 javascript的继承之简单粗暴

继承概念：继承就是让一个类拥有另一个类的属性和方法继承方式方式一：通过原型继承，给需要继承的对象换原型

2020-03-29 17:26:39 184

fyc_away的博客