随笔分类 - 前端技术
摘要：在开发环境并不做打包，采用es6 中的module进行引入；具体它是怎么做？ please continue to look down~~~ 编译服务、esbild预购建、rollup打包。 npm run dev vite会跑一个开发服务； const {createServer} = await
阅读全文
摘要：qiankun是single-spa二开；使用场景：不同技术栈，不同团队，独立开发部署、增量升级；总结：解耦； 主应用: 具有整合-输入子应用的html入口； 子应用 与single-spa基本一致，导出了三个生命周期函数 (bootstrap mount unmout) js沙箱: 三个沙箱（快照
阅读全文
摘要：componentWillMount:16版本就废弃了，相当于Vue中created; componentDidMount: 会在组件挂载后（插入DOM中）立即调用；相当于Vue中的onMounted; componentDidUpdate(prevProps, prevState, snapsho
阅读全文
摘要：一、类组件(有状态组件) 有props.控制状态state,可以试用生命周期函数 1. 类名称必须以大写字母开头 2. 类组件必须继承React.Component父类，从而可以使用父类中提供的方法或属性 3. 类组件必须提供render()方法 4. render()方法必须要有返回值 impor
阅读全文
摘要：1.Vue2选用选项式API(options api) 对比Vue3组合式API（Composition Api） options api在代码里分割了不同的属性（properties）：data，computed属性，methods，选项所定义的属性都会暴露在函数内部的 this 上，它会指向当前
阅读全文
摘要：1.冒泡排序：【O（n2）复杂度】 let arr = [100, 52, 42, 122, 11];// 冒泡排序，跟相邻的相比较function bubbleSort (arr) { let len = arr.length; while (len) { for (let i =0; i < l
阅读全文
摘要：1. ~ [截断小数，然后取反减1:机理是二进制] example：~5 : -6 ; ~-5 : 4 ; ~4.2 : -5; ~~表示2次操作，等于parseInt() 2. & [表示按位与:机理是二进制 都是1才1] example：5 & 8： （0101）& （1000） > 0; 5
阅读全文
摘要：const supportIE = { install:function (Vue) { Vue.directive('support', { inserted: function (el) { if (('placeholder' in document.createElement('input'
阅读全文
摘要：created() { let vm = this; /**如果扫码进入，后端会在地址传openid; * */ if (this.$route.query.openid !== "" || Cookies.get('SESSION')) { return } let code=this.getUr
阅读全文
摘要：父子用> [Ul>li*3] <ul> <li></li> <li></li> <li></li></ul> 兄弟之间用+,也可以省写 [p+span]，[ul+] <p></p><span></span> <ul> <li></li></ul> 寻找父亲或者上级用^,反一层用一个，反两层用两个 [
阅读全文
摘要：1. 在子集的伪类上加上content : counter(sectioncounter); counter-increment :sectioncounter; 在父级counter-reset：sectioncounter； 不论高度，文字都能在盒子里垂直居中CSS样式； 1.在父级加上disp
阅读全文
摘要：1.定时器加上以后需要进入一次才能引用，所以在上面提前调用一次定时器； 2.当在实现下标小按钮的时候一定要给第三部的num赋值； 3.切记谁做动画谁加定位
阅读全文
摘要：1.实现点击发布【创建li标签，和a标签，以及内容】； 2.实现删除部分【因为删除也是点击以后的事件所以在这里面内写】 3.最后解决一个BUG，内容为空不能点击发布 4.整体代码如下：
阅读全文
摘要：1.利用双重for循环；干掉所有元素留下我自己。 TAB栏（利用排他思想，因为索引值无法提取所以自定义索引值在下面引用）
阅读全文
