vue 子组件夸多层调用父组件中方法

父组件:methods:{edit(e){console.log(e)},},子组件:letparent=this.$parentwhile(!parent.edit){parent=parent['$parent']}parent.edit('编辑')

2020-09-29
JS关于非数字索引数组

一、数组特性数组下标是能是数字和字符串。数组下标索引数值是0-2^32。(如果索引超出这个范围或者根本就不是数值,JS会将它转换成字符串,并将这个字符串作为Array对象的一个属性,这个索引对应的值是Array对象的属性值,而不是数组元素值,而且这些操作不会改变数组应有的特性。)二、非数字索引数组vara...

2020-09-04
js数组方法整理

整理了以下数组方法join()push()和pop()shift()和unshift()sort()reverse()concat()slice()splice()indexOf()和lastIndexOf()(ES5新增)forEach()(ES5新增)map()(ES5新增)filter()(ES5新...

2020-06-30
Egg.js中使用sequelize事务

对数据库的操作很多时候需要同时进行几个操作,比如需要同时改动几张表的数据,或者对同一张表中不同行(row)或列(column)做不同操作,比较典型的例子就是用户转账问题(A账户向B账号汇钱):1从A账号中把余额读出来。2对A账号做减法操作。3把结果写回A账号中。4从B账号中把余额读出来。5对B账号做加法操...

2020-06-23
如何用CSS绘制饼图

前言数据大屏还蛮常见这种的。反正之前是直接切图。今日早读文章由360@月影授权分享。正文从这开始~~饼图是数据统计图表里常用的图形,在很多应用中都需要使用。对于简单的饼图,不需要引入复杂的图表库,只要用简单的代码就能完成。一般的两色饼图大概是如下这个样子:关于上图的这个效果,我们可以通过比较复杂的HTML...

2020-06-19
Ajax工作原理和实现步骤

一Ajax技术与原理1.1Ajax简介AJAX=AsynchronousJavaScriptandXML(异步的JavaScript和XML)。AJAX不是新的编程语言,而是一种使用现有标准的新方法。AJAX是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。1.2Ajax所包含的技术大...

2020-06-18
vue vuex vue-router react react-rodux react-router中涉及到的关键字

vue:《vue生命周期中关键字》newVue()//新建Vue实例beforeCreate//Vue实例中data和methods中的数据都还未被初始化created//data和methods中的数据都已经被初始化好了reder()//渲染templatebeforeMount//内存中编译好的元素尚...

2020-06-15
仿今日头条CMS系统

极客新闻系统是一款仿今日头条CMS系统

2020-05-30
Egg.js部署

本文环境基于UbuntuNodecurl-o-https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh|bashnvminstall--ltsnpminstall-gcnpm--registry=https://registr...

2020-05-25
为什么React获取数据是在componentDidMount

constructor()在constructor()中获取数据,如果时间太长,或者出错,组件无法渲染出来,导致整个页面都无法渲染。constructor被设计为组件初绐化state,并不是设计加载数据。componentWillMount()如果使用SSR(服务端渲染),componentWillMou...

2020-04-26
react 可控组件与不可控组件

一个非受控组件,而不是为每个状态更新都编写数据处理函数,你可以使用ref来从DOM节点中获取表单数据。示例可控组件classConstrolInputextendsReact.Component{constructor(props){super(props);this.state={value:"Hell...

2020-04-26
CSS 盒子模型

content-box是符合w3c标准的盒模型,也是默认的盒模型border-box是不符合w3c标准的盒模型,也称为怪异盒子他们二者有什么区别呢?content-box是先根据设定的样式确定元素content的宽高,有border和padding的情况下再额外增加盒子的宽高,内容宽高不受影响,设定多少就...

2020-04-25
react之setState运行机制

一.几个开发中经常会遇到的问题以下几个问题是我们在实际开发中经常会遇到的场景,下面用几个简单的示例代码来还原一下。1.setState是同步还是异步的,为什么有的时候不能立即拿到更新结果而有的时候可以?1.1钩子函数和React合成事件中的setState现在有两个组件componentDidMount(...

2020-04-25
js 箭头函数和function的区别

1.箭头函数没有自己的this,它里面的this是继承所属上下文中的this,而且使用call与apply都无法改变letobj={name:'obj'}functionfn1(){console.log(this);}fn1.call(obj);letfn2()=>{console.log(thi...

2020-04-24
为什么要使用React Hooks

Hooks是什么?1、ReactHooks就是让你不必写class组件就可以用state和其他的React特性;2、你也可以编写自己的hooks在不同的组件之间复用;为什么引入Hooks?react官方给出的动机是用来解决长时间使用和维护react过程中遇到的一些难以避免的问题。比如:1.难以重用和共享组...

2020-03-29