前端开发
超宝宝很乖
我去往风,走时叫我
展开
-
axios的实例和模块封装
封装的思路本身意义大于对axios本身的意义。request.jsexport function request(config){ return new Promise(resolve,reject) => { //1.创建axios的示例 const instance = axios.create({ baseUrl:"http://127.0.0.1:8000", ...原创 2020-05-06 17:23:39 · 250 阅读 · 0 评论 -
Promise的all方法
当需要两个以上的请求返回结果后,才能进行下一步操作,我们此时就用到了promise的all方法。// 当两个异步请求都完成时执行then Promise.all([ new Promise((resolve, reject) => { setTimeout(()=>{ ...原创 2019-12-20 15:05:19 · 366 阅读 · 0 评论 -
vue使用插槽slot的过程中,父级组件设置了display:flex,但是插入组件的flex:1属性不生效
在用vue开发组件的时候,我预期的效果是这样的但是实际开发的过程中出现了子组件始终不能均匀分布的问题,flex:1属性根本没生效,如下效果:于是仔细检查每一处:App.vueTabBar组件TabBarItem组件发现了问题:在TabBarItem组件的template中多嵌套了一层div,这是模板自动生成的我没有删除,导致实际的html机构是这样的:这样的flex是肯...原创 2019-12-17 19:26:17 · 2700 阅读 · 3 评论 -
关于vue中数据驱动视图的一点小疑问,数据的变化更新不到页面中
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <meta http-equiv='X-...原创 2019-11-02 20:50:42 · 501 阅读 · 1 评论 -
JS拿到多次异步操作结果的和
<!DOCTYPE html><html><head> <title></title></head><body></body><script type="text/javascript"> function add(callback) { //设置每次异步的时间 ...原创 2019-07-24 13:42:43 · 347 阅读 · 0 评论 -
ES6中导入导出模块的使用及其与Node导入导出的区别
在es6中,通过规范的形式,规定了es6中如何导入和导出模块es6中导入模块,使用import 模块名称 from ‘模块标识符’ 或者import ‘路径’的方式。导出模块使用export default 和export 向外暴露成员//-------------------------------------------------------------------------...原创 2019-08-30 22:48:12 · 607 阅读 · 0 评论 -
webpack使用
在package.json中"scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev":"webpack-dev-server" }代表在控制台中执行npm run dev ,实际上相当于在powershell中执行的是webpack-dev-server...原创 2019-08-30 22:49:59 · 125 阅读 · 0 评论 -
webpack移除严格模式
npm i babel-plugin-transform-remove-strict-mode -D在.babelrc中github地址:https://github.com/genify/babel-plugin-transform-remove-strict-mode原创 2019-09-03 11:41:17 · 437 阅读 · 0 评论