- 博客(13)
- 收藏
- 关注
原创 谈谈一个程序媛的CFA以及FRM学习之旅
大家好,我是一个程序媛,没错就是俗称的“码农”。“媛”你没看错,楼主是个妹子,CFA你也没有看错,由于在金融机构上班,就去报考了号称含金量及其高的CFA以及FRM考试。 FRM考试分为两级,是在2019年的时候通过的,现在证书已经拿下来两年了。就在昨天,刚刚收到CFA的邮件,通过了5月份的二级考试,从没有这么喜欢Congratulation这个单词,简直是又亲切又可爱啊。 作为一个非金融背景的考生,能过拿下金融界含金量最高的考试中的两个,是不是感觉非常之...
2021-08-04 15:37:01
443
2
原创 Vue:vue组件与原生未封装js的相互调用
很久没更新博客了,最近在项目中遇到了这么一个问题,需要在Vue项目中,引入原生的js;也需要在原生的js中调用vue组件的函数。一、Vue中引入原生未封装js一般情况下对于已封装的js文件,只需要import该js,然后直接使用即可,但是问题就出现在该js未封装。最终的解决办法,将该js引入到index.html中,然后在需要的地方直接使用即可,无需再次引入。<!--加载第三方未封装的js--><script src="./js/test.js"></scr
2020-10-21 16:17:13
3568
4
原创 Vue:页面传值(vue-router)与状态提升(Vuex)
目标:实现A页面与B页面之间的传值,并且将该值保存在B页面(即:从别的页面过来,或者刷新浏览器,B页面仍能显示该值)。方式一:vue-router传值说到页面传值,马上想到的就是通过router在页面跳转的时候,将值带过去。将A页面中的title字段,在页面跳转后传递给B页面,在A页面中加入如下代码:(需在router中配置B页面)this.$router.push({ na...
2019-09-05 11:07:01
1196
原创 Vue:添加axios(接口与使用分离)
近期在使用vue的时候,在为其添加axios这块,看了很多文章,大部分都是将接口的定义与使用放在一起的。个人认为这种写法对接口的管理极为不便。所以稍微整理了一种接口与使用分离的写法,与大家分享,如有更好的方式,欢迎评论指正。1、安装axios切换到项目根目录,安装axiosnpm inatsll axios --save-dev2、新建文件夹axios,在该文件夹下新建Api.j...
2019-09-02 14:43:22
384
原创 React(六):重渲染优化
由上一篇文章《React(五):React在什么情况下会render》可知,除初始化组件渲染外,组件会在以下两种情况下发生重渲染:1、当调用setState()函数时,组件会发生重渲染,即使组件的state未发生改变;2、当父组件发生重渲染时,其全部子组件都会重渲染。虽然React的重渲染机制是严谨的,但是也是非常耗时的,我们有两种方式来阻止组件不必要的重渲染。1、shouldCo...
2018-12-19 11:17:59
1841
原创 React(五):React在什么情况下会render
React中组件进行render的情况1、初始化React在应用初始化的时候,会渲染全部组件,组件的挂载过程见文章《React(三):组件生命周期》中的介绍。2、setState()在任何情况下都会导致组件的重新渲染,即使state未发生变化当一个组件调用了setState()函数时,不论state是否发生了变化,该组件都将被重新渲染。例如:import React fr...
2018-12-19 11:15:46
10192
原创 React(三):组件的生命周期
React组件的生命周期分为三大部分:挂载(Mount):组件第一次在DOM树中渲染; 更新(Update):组件更新,即重渲染; 卸载(Unmount):把组件从DOM树中删除。1、挂载(Mount)我们把组件渲染,并且构造DOM元素插入到页面的过程称为组件的挂载。组件挂载的过程(组件挂载先关函数,只在组件挂载的时候调用,在组件更新时不会执行):constructor():...
2018-12-19 11:12:21
1051
原创 React(一):React的特征及优势
React 最早起源于Facebook,但后来因为其独特的设计思路,出众的性能以及简单的代码逻辑,深受前端开发者的喜爱,目前已成为WEB前端主流的开发工具。其具有的特征与优势如下:1、JSXJSX(JavaScript XML)是js内定义的一套XML语法,最终被解析成js。在JSX中可以将HTML于JS混写。如:ReactDOM.render( <div> ...
2018-12-17 15:44:51
14601
原创 React(二):基础项目搭建
近期在用React相关技术编写一个简单的会议室预定系统,将基础的项目搭建部分整理出来,分享一下。编程工具:Webstorm(jetbrains公司旗下的一款JavaScript开发工具,素有“Web前端开发神器”、“最强大的的HTML5编辑器”等称号,个人觉得开发工具没强制要求,用习惯了就好)基础技术:Node.js,Webpack,React,Babel,Webpack-dev-ser...
2018-11-08 14:49:24
387
原创 React(四):Smart组件与Dumb组件
Dumb组件:在react中,只会接收props,根据props进行渲染的组件称为Dumb组件。 Dumb组件不依赖除了React.js和Dumb组件以外的内容,Dumb组件是最纯粹的,可复用性最好的组件。Smart组件:单靠Dumb组件无法构建应该程序,因为它们除props外,不依赖其他外部的内容,因而无法获取数据。这就需要另一种组件,它们非常“聪明...
2018-11-07 15:55:10
2159
原创 Windows环境下,NODE_ENV不是内部或外部命令
问题描述:在package.json中使用NODE_ENV,启动后,控制台报错:'NODE_ENV'不是内部或外部命令,也不是可运行的程序,原因:Windows不支持 NODE_ENV=xxxx 的设置解决方式: 1、安装cross-env, npm install cross-env --save-dev 2、在所有使用N...
2018-09-20 14:20:27
3929
原创 react中父组件异步修改参数,传递给子组件时遇到的问题
最近在做react组件间传参的时候,遇到了一个问题,就是在父组件中通过调用异步函数修改了某一参数值,将其传递给子组件后,在子组件的componentDidMount()函数中获取到的仍然是未修改之前的值。首先在父组件中定义参数初始值:constructor(){ super(); this.state = { testParam: [], //...
2018-08-15 14:42:17
8964
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人