Web
文章平均质量分 94
做一条有新鲜度的咸鱼
小小程序员
展开
-
vue 越级传参 之provide inject
上一篇咱们说了完全透明的包裹器$listeners $attrs实现了更加便捷的父子组件数据传递但是大多情况下组件的嵌套不值一层 可能有子组件 孙组件等等 这种情况简易系统的封装一下组件但是 为使用和调用上层组价的数据和函数 就需要逐层传递而provide inject就是为了解决这个问题最上层组件provide类似于data未保留其独立性 请使用方法传递<template> <div id="app"> <Component...原创 2020-12-07 16:55:39 · 159 阅读 · 0 评论 -
vue 透明的包裹器 之 $listeners $attrs
一般在常规的组件之间 的事件数据传递大多都是以父组件 @function="functionName" :data="dataName" :data.sync="dataName"子组件中 $emit $emit('update:dataName',data )做父子组件之间的事件交互其实这样本质上并没有错 也完全符合 常规的vue编程逻辑但是随着版本的更新为了更加便捷vue 提出了一个新的概念完全透明的包裹器$listeners $attrs实现父子组...原创 2020-12-04 10:54:54 · 286 阅读 · 0 评论 -
微前端学习分享2 qiankun 的前端微服务之旅
话不多说 先给 喜欢自学看API的小伙伴 来一发链接https://qiankun.umijs.org/zh/guide这个是qiankun的说明以及API教程其实没哟大家想的那么复杂 就像ifream一样简单下面GO GO GO首先分别创建我们的 项目基座 和 子项目 在这里我分别创建了 qiankun-base qiankun-vue qiankun-react 三个基础的前端项目直接用vue 和react的官方脚手架创建即可vue create qiankun-b.........原创 2020-09-08 16:50:03 · 797 阅读 · 0 评论 -
微前端学习分享1 通过single-spa 实现vue 微服务
single-spa 实现技术特点1.项目独立部署2.兼容技术栈不同多语言 vue react3.新旧代码版本并行single-SPA实现原理 :路有劫持 和应用加载没有处理css样式和js 会导致样式重叠 和脏数据下一期 会出qiankun的教程 其实乾坤是基于single-SPA进一步完善的前端微服务架构 使用也很简单开箱即用的API (single-spa+sandbox+import-html-entry)父子应用协议接入(bootstrap mount unmo....原创 2020-09-08 13:46:09 · 2099 阅读 · 2 评论 -
实现 vue、react内部 页面源码展示 的高亮显示 之使用highlight.js
话不多说先上一个我各方收集资源参考 elment-ui实现的最终效果(此处以vue项目为例)下面来说一下我实现的具体流程和实现中遇到的问题1.vue项目有现成的项目更好 没有的就自己搭一个吧在这里 我就不过多赘述了 实在不会的 我也教!!!1.创建脚手架工具 demo中cnpm install vue-cli -gvue list1.建立vue项目(e:)vue init webpack objname;(输入name)2.启动vue项目cd objname //跳转..原创 2020-08-20 16:33:46 · 806 阅读 · 0 评论 -
webSocket 干货分享 附带项目源码
本人以前是做web前端开发的、所以本案例我尽量讲的既可以做为技术借鉴也可以做为小白学习。首先本案例是基于springboot开发的如果是没有spring环境的话你可以参考代做出适当调整接下来话不多说上代码哎算了由于本人比较懒哈哈哈直接上项目连接吧看这里看这里懒惰是人的天性嘛但是该说的还是要说那时就访问连接啦 免得你们还要去找http://localhost:5050/web...原创 2019-08-09 10:29:59 · 184 阅读 · 0 评论