摘要: 安装wangeditor npm i wangeditor --save 封装组件 src -> compontents -> wangeditor index.vue <template lang="html"> <div class="editor"> <div ref="toolbar" cl 阅读全文
posted @ 2021-03-04 15:40 SophialIana 阅读(499) 评论(0) 推荐(0) 编辑
摘要: axios是一个就promise的HTTP库,可以用在浏览器和node.js中 main.js import Vue from 'vue' import axios from 'axios' // 使用拦截器// 添加请求拦截器 axios.interceptors.response.use( re 阅读全文
posted @ 2021-03-04 10:17 SophialIana 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 最近在维护一个angular项目,其中需要用到时间轴,百度查到可以使用bootstrap-slider,官方给出的方案有npm安装import引入,或者直接script的src引入 但在项目中直接script src引入的话,会影响别的页面的input,我先是用impor导入,但ts一直报错找不到S 阅读全文
posted @ 2020-06-24 15:52 SophialIana 阅读(224) 评论(0) 推荐(0) 编辑
摘要: 可能电脑装了cnpm淘宝镜像 vscode->文件->首选项->设置->搜索 1.修复vscode造成rg.exe内存占用过大问题 search.followSymlinks:false 2.修复vscode造成git.exe内存占用过大的问题 git.enabled:false git.autor 阅读全文
posted @ 2020-04-03 16:56 SophialIana 阅读(716) 评论(0) 推荐(0) 编辑
摘要: p元素不能包括任何块级元素,包括自身、a标签可以包括任何元素,除了自身、tr是表格行,td是表格块,th是表头 h5常用结构标签 <header></header><nav></nav><section></section><aside></aside><footer></footer><artic 阅读全文
posted @ 2020-03-14 10:28 SophialIana 阅读(114) 评论(0) 推荐(0) 编辑
摘要: 在进行窗口的resize、scroll,输入框内容校验等操作,如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常糟糕。此时我们可以采用debounce防抖和throttle节流的方式来减少使用频率,同时又不影响实际效果。 函数防抖 函数防抖:当持续触发事件时,一定时间段内没有再触 阅读全文
posted @ 2020-03-09 14:39 SophialIana 阅读(198) 评论(0) 推荐(0) 编辑
摘要: react生命周期方法有哪些? React 16.3+ getDerivedStateFromProps:在调用render()之前调用,并在每次渲染时调用。需要使用派生状态的情况是很罕见的 componentDidMount:首次渲染后调用,所有的ajax请求、DOM或状态更新、设置事件监听器都应 阅读全文
posted @ 2020-02-27 18:54 SophialIana 阅读(568) 评论(0) 推荐(0) 编辑
摘要: 利用vue写一个简单的音乐播放器,包括功能有歌曲搜索、歌曲播放、歌曲封面、歌曲评论、播放动画、mv播放六个功能。 <template> <div class="wrap"> <!-- 播放器主体区域 --> <div class="play_wrap" id="palyer"> <div class 阅读全文
posted @ 2020-02-02 10:08 SophialIana 阅读(338) 评论(0) 推荐(0) 编辑
摘要: 天气查询包括回车查询和点击查询两种功能 回车查询 1.按下回车(v-on+.enter) 2.查询数据(axios+接口+v-model) 3.渲染数据(v-for+arr) 点击查询 1.点击城市查询(v-on+自定义参数) 2.查询数据(this.) 3.渲染数据(this.) <templat 阅读全文
posted @ 2020-02-01 10:38 SophialIana 阅读(785) 评论(0) 推荐(0) 编辑
摘要: Axios是一个基于promise的HTTP库,可以用在浏览器和node.js中。 安装方式: 1.使用cdn <script src="https://unpkg.com/axios/dist/axios.min.js"></script> 2.使用npm安装 npm/cnpm install a 阅读全文
posted @ 2020-01-31 10:58 SophialIana 阅读(1051) 评论(0) 推荐(0) 编辑