5 luxiaopengyou

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 17w+

基于vue init webpack项目引入svg

转自 https://www.cnblogs.com/shenyf/p/10370949.html【note】 基于vue init webpack创建的项目1、安装依赖npm install svg-sprite-loader --save-dev2、配置build文件夹中的webpack.base.conf.js,主要在两个地方添加代码,如下图所示exclude: [resolve('src/icons')],{ test: /\.svg$/, loade

2020-10-30 09:40:27

React声明周期执行顺序

组件从建立到挂载的执行顺序1、constructor2、componentWillMount3、render4、componentDidMount父组件调用子组件,父组件更新后,子组件各方法的执行顺序1、componentWillReceiveProps2、shouldComponentUpdate3、componentWillUpdate4、render5、componentDidUpdate【注意】componentWillReceiveProps方法是父组件一更新就会触发子组件的

2020-10-16 20:35:38

React的jsx到底是个啥(涉及虚拟DOM、React.createElement方法、ReactElement对象、ReactDOM.render)

关于jsx(1)JS的语法扩展,所以不是天生就被浏览器支持;(2)会被Babel编译为React.createElement(),其将返回一个称为“React Element”的js对象;(3)Babel是一个工具链,主要将es6及以上版本的js转换为向后兼容的js,以便能够运行在当前和旧版本的浏览器或其他环境中;(4)jsx等价于一次React.createElement调用,本质是个包装了React.createElement的语法糖;(5)React.createElement(type,

2020-10-13 21:40:00

关于get请求的前端axios、后端java写法

前端 Axios(){ let a = {params:{ID:"hehe"}}; let url = 'erobot/Axios/getData'; axios.get(url, a).then(res=>{ console.log(res.data); }) }后端 @RequestMapping(value="getData", method = RequestMethod.GET,produces={"

2020-09-30 09:23:33

vue用axios封装request

在这里插入代码片``import axios from 'axios';import { MessageBox, Message } from 'element-ui';import store from '@/store';import { getToken } from '@/utils/auth';import { getBlobAsText } from '@/utils/commonFun';// create an axios instanceconst service = ax

2020-09-28 16:29:27

JS中await、async、宏任务、微任务的执行顺序

宏任务和微任务1、宏任务和微任务都是队列(先进先出),宏任务有script、setTimeout、setInterval等,微任务有Promise.then/ catch/finally、process.nextTick等。2、一个宏任务执行完,判断是否有可执行的微任务,有则执行完所有微任务,否则执行下一个宏任务。async和await1、async修饰符:async修饰的函数,默认返回 new Promise对象的resolve内容(若被async修饰的函数无返回值,则最终无返回值)。如此调用

2020-09-28 15:47:46

vue按需缓存页面(vue-element-admin)

一、路由文件routers.js1、代码const deviceList =() => import('@/views/device-manage/');{ path: '/device', component: Layout, name: 'Device', code: 'device', redirect: 'index', meta: { title: '设备管理', keepAlive: true, },

2020-09-27 17:24:48

vue的jsx写法

<script>import { // isNumber, isEmpty, toCamelCase,} from '@/utils/commonFun.js';export default { name: 'BaseForm', props: { disabled: { type: Boolean, default: false }, formLabel: { type: Object, default: () => {

2020-09-23 17:28:44

前端之:Vue学习记录(持续更新)

(1)子组件用props接收父组件传过来的参数,type:[ Array, String ] 可以指定多种接收类型(2)子组件里用this.$attrs接收没有被props显式接收的“父组件传递给子组件”的属性(3)子组件用this.$listeners接收父组件传递给子组件的方法(4)用jsx渲染(template则无法被渲染),可以用this.$childrens得到render的return中渲染的所有标签,进一步用__props获得其属性(5)<component is='dynami

2020-09-09 19:35:02

ES7之:Promise

基本用法Promise构造函数接受1个异步请求方法(作为方法体),参数有2个,resolve表示请求成功后传回的数据,reject表示请求失败传回的数据。Promise实例的then方法接受2个函数,第1个函数用于处理请求成功,第2个函数用于处理请求失败,这2个函数的参数分别是请求成功返回的数据、请求失败返回的数据。...

2020-08-18 09:50:20

个人整理的粗浅前端面试题

MVVMModel-View-ViewModel的简写。本质是MVC (Model-View- Controller)的改进版。即模型-视图-视图模型。【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】mvvm模式的核心,它是连接view和model的桥梁。有两个方向:一是将【模型】转化成【视图】,即将后端传递的数据转化成所看到的页面。实现的方式是:数据绑定。二是将【视图】转化成【模型】,即将所看到的页面转化成后端的数据。实现的方式是:DOM 事件监听。这两个方向都实现的,我们称之为

2020-08-13 11:18:09

java进阶之:线程与进程

一些概念线程& 可以抽象地理解为,JVM需要CPU执行代码的通道。& psvm的main方法本身就是一个线程。& 如果再new一个Thread(并覆写run方法,说明该线程需要执行的代码)并执行start方法,则内存在栈空间中新建了一个线程,JVM会开拓另一条通往CPU的通道【若是该new Thread()执行run方法,则不会新建线程,此时程序只有一个main线程】并发与并行& 并行:多个事件在同一个时刻同时发生,例如两个人同时吃两个馒头,两个人分别啃馒头。两

2020-08-08 11:32:57

Linux安装java踩过的坑

环境变量设置的路径问题terminal输入sudo gedit /etc/profile 打开profile文件,后面添加export JAVA_HOME=/home/maixiaodou/java/jdk1.8.0_261export JRE_HOME=/home/maixiaodou/java/jdk1.8.0_261/jreexport CLASSPATH=.:$JAVA_HOME/lib:$JRE_HOME/lib:$CLASSPATHexport PATH=$JAVA_HOME/b

2020-08-04 20:48:02

格式——前端post请求 / 后端接收解析

引言涉及到前端JQuery发送请求,后端用 @RequestBody 注解方法参数的问题前端let lengthStr = {width:100};$.ajax({ type:'post', url:'HelloWorld/hehe', data: JSON.stringify(lengthStr), contentType:'application/json;charset=utf-8',

2020-08-03 17:16:55

Spring之:springboot找不到html页面

背景springboot可以按以下配置项目启动后输入“/”的跳转页面,(Maven构建)访问resources的templates下的index.html资源。启动后报404错误。@SpringBootApplicationpublic class DemoApplication implements WebMvcConfigurer { public static void main(String[] args) { SpringApplication.run(DemoAp

2020-08-03 14:49:06

MongoDB之:mongoTemplate的findDistinct方法

去重查询mongoTemplate的findDistinct方法,可以去重查询,但是无法排序。(1)虽然query加入sort实例,但是排序无效(即返回结果无排序效果)(2)该方法接收4个或5个参数,分别是2.1 query查询条件2.2 需要去重的字段filed2.3 查询的collection2.4 查询的collection对应的po实例2.5 返回结果类(返回需要去重的filed字段的list,type of filed ) Query query = new Que

2020-07-31 17:03:03

MongoDB之:Query使用积累(1)

返回数据包含和不包含某些字段,使用query的fileds的include和exclude方法,代码如下 Query query = new Query(); Criteria criteria = new Criteria(); criteria.and("name").is("ertxcc"); Field fields = query.fields(); //关键方法 fields.inc

2020-07-31 15:02:25

java进阶之:反射获得某个实例对象

背景当数据库里某个model实例,含有嵌套结果的复杂字段时,需要精确查找,(不仅仅通过某些字段查找时)需要匹配到每个字段的key-value。通过反射方式可以获得某个model实例的全部属性及值。java代码import org.springframework.data.mongodb.core.query.Criteria;import org.springframework.data.mongodb.core.query.Query;import org.springframework.dat

2020-07-30 20:27:49

java入门之:Date和SimpleDateFormat使用

SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy年MM月dd日,HH时mm分ss秒"); Date date = new Date(); //Tue Jul 28 11:24:12 CST 2020 String format = simpleDateFormat.format(date); //2020年07月28日,11时24分12秒 Date afterParse = simpleD.

2020-07-28 11:30:40

java对象操作之:性能比较

比较“普通创建1亿个对象并调用方法”、“给1个对象并调用方法1亿次”、“反射创建1个对象并调用方法”的java代码public class Client { private static final int loopTime = 1000*1000*1000; public static class Person{ private int age; public void setAge(int age){ this.age=age

2020-07-28 11:01:57

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。