08 2020 档案
vue/react: 父组件中请求数据好?还是子组件中请求数据好?
摘要:1、如果现在有一个父组件,3个子组件。 每个组件展示的数据不同,现在有2种数据获取方式。第一种,在父组件中获取所有的数据,然后使用props传递给每个子组件。第二种:各个子组件中获取各自的数据。 、你觉得哪种好?为什么? 答: 根据实际业务来 如果数据其他组件用不到,那么可以由子组件自己获取如果数据
阅读全文
el-menu点击两下才收起或展开
摘要:default-openeds和default-active尽量不要同时存在,删掉default-openeds即可
阅读全文
react组件通信方式总结
摘要:1.props和方法 一、父组件向子组件传值 父组件通过属性的方式传递参数,子组件通过props来接收父组件传递过来的参数 React中是单向数据流,数据只能从父组件通过属性的方式传给其子组件,如下图:在引用子组件的时候传递,相当于一个属性,例如:在子组件内通过porps.param获取到这个par
阅读全文
Vue@某人,At某人,仿新浪微博@某人,@user,艾特,艾特某人
摘要:vue-atuser Vue@某人,At某人,仿新浪微博@某人,@user vue-edit Vue实现渲染数据后控制滚动条位置 📜 Element.scrollIntoView() Element.scrollIntoView() // 如果为false,元素的底端将和其所在滚动区的可视区域的底
阅读全文
js实现@提到好友
摘要:要求 1.输入@时,弹出匹配的好友菜单 2.光标进入包含有"@好友"的标签时,弹出菜单 3.按backspace删除时,如果光标前面是包含有"@好友"的标签,弹出菜单 4.兼容ie,firefox. 具体做法 针对要求一,很自然的会想到对输入框绑定事件。这里要绑定mousedown,而不是mouse
阅读全文
Vue的事件修饰符
摘要:这里要提的是dom事件分为俩种响应一种是捕获,一种是冒泡,具体百度 . stop:阻止冒泡(通俗讲就是阻止事件向上级DOM元素传递) . prevent:阻止默认事件的发生 ,默认事件指对DOM的操作会引起自动执行的动作,比如点击超链接的时候会进行页面的跳转,使用".prevent"修饰符可以阻止这
阅读全文
前端数据脱敏处理方法
摘要:数据脱敏常用于手机号、身份证号等敏感信息中 方法一: /** * 关键信息隐藏 * @param str 字符串 * @param frontLen 字符串前面保留位数 * @param endLen 字符串后面保留位数 * @returns {string} */ function hideCod
阅读全文
Vue 开发必须知道的36个技巧(
摘要:1.require.context() 1.场景:如页面需要导入多个组件,原始写法: 1 2 3 4 import titleCom from '@/components/home/titleCom' import bannerCom from '@/components/home/bannerCo
阅读全文
vue函数式组件
摘要:解释:函数式组件就是函数是组件 函数式组件与普通组件的区别 1.函数式组件需要在声明组件是指定 functional 2.不需要实例化,所以没有this,this通过render函数的第二个参数来代替 3.没有生命周期钩子函数,不能使用计算属性,watch 4.不能通过$emit 对外暴露事件,调用
阅读全文
js中arraybuffer与blob的区别
摘要:ArrayBuffer ArrayBuffer对象用来表示通用的、固定长度的原始二进制数据缓冲区。ArrayBuffer是不可以直接操作的,而是要通过类型数组对象或 DataView 对象来操作,它们会将缓冲区中的数据表示为特定的格式,并通过这些格式来读写缓冲区的内容,详细的可以查看这篇文章:前端二
阅读全文
JS的二进制:Blob、ArrayBuffer和Buffer
摘要:概述 Blob: 前端的一个专门用于支持文件操作的二进制对象 ArrayBuffer:前端的一个通用的二进制缓冲区,类似数组,但在API和特性上却有诸多不同 Buffer:Node.js提供的一个二进制缓冲区,常用来处理I/O操作 Blob 我们首先来介绍Blob,Blob是用来支持文件操作的。简单
阅读全文
java中字节流与字符流的区别
摘要:字节流和字符流使用是非常相似的,那么除了操作代码的不同之外,还有哪些不同呢? 字节流在操作的时候本身是不会用到缓冲区(内存)的,是与文件本身直接操作的,而字符流在操作的时候是使用到缓冲区的。 字节流在操作文件时,即使不关闭资源(close方法),文件也能输出,但是如果字符流不使用close方法的话,
阅读全文
模式、框架、架构和平台的区别
摘要:一、概念的区别: 1、设计模式 是在某种特定上下文中针对一个软件生命周期中出现的问题而给出的多次适用的解决方案。 2、框架 框架是一组软件组件,它们互相协作提供了针对某个给定的问题领域中的应用程序所用到的一种可复用的体系结构。做WEB开发接触到最多的框架可数ORM框架,ORM框架只是所有数据关系映射
阅读全文
架构、框架、模式和平台
摘要:区分什么是架构、框架、模式和平台,一直都感觉这几个词过于抽象和模糊,今天大家来说说到底什么是架构、框架、模式和平台? 收集了的一些来自网上各自的定义和区分如下: 设计模式<框架<架构<平台,从复用角度讲,设计模式是代码级复用、框架是模块级复用、架构是系统级复用、平台是企业应用级复用。 模式:分为代码
阅读全文
“模式”与“方式”的区别
摘要:一、意义的不同。 方式 言行所采用的方法和形式。 模式(zhiPattern)事物的标准样式。 二、表现形式不同。 形式是在一dao定的生产力发展水平条件下,表现人类的朴素的自然科学技术和社会科学技术发展水平,以及经济、文化发展水平,新近的管理科学技术发展水平等。 模式其实就是解决某一类问题的方法论
阅读全文
JAVA发送HTTP请求方式
摘要:1. HttpURLConnection 使用JDK原生提供的net,无需其他jar包; HttpURLConnection是URLConnection的子类,提供更多的方法,使用更方便。 package httpURLConnection; import java.io.BufferedReade
阅读全文
http status状态码,readyState状态码
摘要:readyState状态码 0:请求未初始化 1:服务器已建立连接 2:请求已接收 3:请求处理中 4:请求已完成,且响应已就绪 作为一个互联网开发人员对于一些服务器返回的HTTP状态的意思都必须是了如指掌的,只有将这些状态码一一弄清楚,工作中遇到的各种问题才能够处理的得心应手。好了,下面就让我们来
阅读全文
区分网络请求时http和ajax请求
摘要:区分是否是ajax请求很简单只要判断rerquest的header里面x-requested-with是否为空; 常用在过滤器中用于标记请求属性以及是否拦截 public static void isAjaxRequest(HttpServletRequest request) { if (requ
阅读全文
HTTP请求方式中8种请求方法
摘要:HTTP是超文本传输协议,其定义了客户端与服务器端之间文本传输的规范。HTTP默认使用80端口,这个端口指的是服务端的端口,而客户端使用的端口是动态分配的。当我们没有指定端口访问时,浏览器会默认帮我们添加80端口。我们也可以自己指定访问端口如:http://www.ip138.com:80。 需要注
阅读全文
父组件与子组件生命周期钩子顺序是什么
摘要:一、渲染过程 父组件挂载完成一定是子组件挂载完成之后,才算是父组件挂载完成,所以父组件的mounted在组件间的mounted之后。 父beforeCreate-->父created-->父beforeMounte-->子beforeCreate-->子created-->子beforeMounte
阅读全文
vue&react组件通信原理:发布-订阅模式的实现原理
摘要://发布-订阅模式 //订阅:给自定义事件绑定函数。调用代码:on(ele,'myClick',fn) function on(ele, type, fn) { if (/^self/.test(type)) {//1、给所有浏览器的某个自定义事件绑定多个函数 if (!ele['selfEvent
阅读全文
node对文件及文件夹的操作
摘要://公共引用 var fs = require('fs'), path = require('path'); 1、读取文件readFile函数 //readFile(filename,[options],callback); /** * filename, 必选参数,文件名 * [options],
阅读全文
vue开发技巧总结
摘要:1.require.context() 1.场景:如页面需要导入多个组件,原始写法: import titleCom from '@/components/home/titleCom' import bannerCom from '@/components/home/bannerCom' impor
阅读全文
前端嵌入视频直播和聊天支持.m3u8格式
摘要:1、安装vue-video-player npm install vue-video-player --save 2、在main.js中引入vue-video-player import VideoPlayer from 'vue-video-player' require('video.js/di
阅读全文
koa & cors原理
摘要:目录 跨域 简单请求和复杂请求 服务端如何设置CORS @koa/cors是怎么实现的 跨域 为什么会有跨域问题? 这是浏览器的同源策略所造成的,同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。 一定要注意跨域是浏览器的限制,其实
阅读全文
Sequelize基本操作
摘要:Sequelize 是 Node 的一个 ORM(Object-Relational Mapping) 框架,用来方便数据库操作。 配置 sequelize 以 mysql 为例 首先我们要引入npm包,sequelize 依赖 mysql2 作为底层驱动,暴露出自己的 API 让我们调用,在转成
阅读全文
vue内置组件有哪些?
摘要:1.component:用于动态组件,查看博文vue学习之组件。 <component :is="componentId"></component> 2.transition:过渡和动画,查看官网文档进入/离开&列表过渡。 <!-- 简单元素 --> <transition> <div v-if="
阅读全文