6 sayid760

尚未进行身份认证

我要认证

日常知识压缩整理、以备不时之需; 欢迎拍砖,不足之处还望博友指出

等级
TA的排名 7w+

前端数据监控

有什么数据要收集的?收集完,怎么上报?上报完,各种数据怎么处理?

2020-09-14 11:00:41

微前端实践

接入一个应用,要求子应用必须有相关协议,导出固定方法,让父应用去调用这些方法,加载子应用,就做到了每个子应用都互相解耦所以子应用在打包的时候必须提供bootstrap\mount\unmout方法

2020-09-02 09:33:55

搭建cli命令行脚手架

cli (Command-line interface)简称命令行界面,又叫脚手架。比如vue-cli、create-react-app、gulp-cli、node脚本、shell脚本等作用:帮你减少做重复性工作的工具前端常用:创建项目、打包构建上传OSS、刷新CDN常用到的几个库commander:用来编写指令和处理命令行的const program = require("commander");// 定义指令program .version('0.0.1') .command(

2020-09-08 14:17:07

前端CI/CD实践

核心概念持续集成Continus Integration,简称CI开发的结果每天多次提交,并且合并到主库的做法把主库的代码进行克隆,克隆下来就进行发布,持续发布,持续堆主干的分支进行合并开发人员提交新的代码之后,立即进行构建、单元测试,根据测试结果可以确定新代码和原有代码是否能够集成在一起,就能够很好避免了项目快到交互的时候,出现特别多的bug,能够在很前面的时间节点上去发现代码不稳定不确定的因素持续交互 (Continuous Delivery,简称CD)完成了ci构建及单元测试和集成

2020-08-27 20:54:09

vmware虚拟机使用

安装参考// 1. 调整网卡vi /etc/sysconfig/network-scripts/if // 如果记不住名字 按两下vi /etc/sysconfig/network-scripts/ifcfg-ens33ONROOT=yes// vi编辑模式:按下i进入编辑(insepter)命令模式:按esc

2020-09-06 21:43:00

【vue3】composition-api使用

markRaw 永远不会转为响应式代理const target = ref(markRaw(window)); // 永远不会转为响应式代理return { target };store的使用import { useStore } from 'vuex'const store = useStore()onBeforeMount(() => { store.commit('setShowBack', false)})router的使用import { useSto.

2020-09-05 10:40:50

HMR发展历程和vite热更新源码分析

1)往页面注入请求http://127.0.0.1:9000/__webpack_hmr,相当于加载了script代码'webpack-hot-middleware/client?path=http://127.0.0.1:9000/__webpack_hmr&noInfo=false&reload=true&quiet=false' 2)这段代码用来处理客户端和服务端的通信,利用EventSource建立定时器不断轮询监听服务端,如果接收服务端的消息,去执行module.ho

2020-08-21 14:38:23

前端serverless

新建函数,选择模板函数2、高级配置3、建立触发器,触发函数执行

2020-08-15 22:16:07

js设计模式

不常用原型模式重新创建一个对象开销比较大,不合适,通过原型模式,帮你在原有对象克隆或拷贝出对象Object.create是原型模式的一种实现const obj={ name:'xiaoming', getName(){ console.log(this.name) }} let a=Object.create(obj)a.name='lili...

2019-12-14 10:40:12

【持续更新】重学webpack

安装webpack webpack-cli -Dwebpack进行0配置打包工具 ---->输出后的结果(js模块)npx 5.2支持的语法// 打包npx webpack

2020-04-18 10:58:32

【持续更新】typecsript语法

简介介绍typescript是微软开发的一款编程语言;是js的超级,遵循最新的es6、es5规范,扩展了js的语法;更像后端java、c#这样的面向对象语言,可以让js开发大型企业项目;angular2+基于ts语法,最新的vue、react也集成ts。安装npm install typescript -gtsc index.ts语法...

2020-03-31 10:34:59

jwt

例子npm init -ynpm i express jsonwebtoken dotenvnpm i nodemon -D// package.json"scripts": { "devStart": "nodemon server.js", "devStartAuth": "nodemon authServer.js", "test": "echo \"Er...

2019-12-24 00:21:51

微信小程序(nodejs支付)

小程序支付文档小程序支付api:requestPayment

2020-03-07 12:43:57

vue ssr和vue-server-renderer原理

原理程序想要成为可交互的spa就必须要用client bundle// 安装npm i vue-server-renderer express -D步骤:1)用renderToString()把vue实例挂载的内容变成html,返回给客户端1、把vue实例变成html// nodejs服务器const express = require("express");const Vu...

2020-02-25 00:47:40

keep-alive原理

什么是keep-alive?keep-alive是vue中的一个内置组件,能够把不活动的组件保存到缓存当中,而不是直接销毁他,其实是一个抽象的组件,不会渲染到真实dom中,页不会出现在父组件链中,作用是提供给路由切换用的。提供include与exclude两个属性,允许组件有条件进行缓存。实现原理其实就是在created时将需要缓存的VNode节点保存在this.cache中,在rende...

2020-01-20 11:54:07

vue-router原理

hash1、onhashchange事件这是一个HTML 5新增的事件,当#值发生变化时,就会触发这个事件。IE8+、Firefox 3.6+、Chrome 5+、Safari 4.0+支持该事件。它的使用方法有三种:window.onhashchange = func;<body onhashchange="func();">window.addEventListene...

2020-01-17 00:01:02

vuex实现原理

vuex是什么?为什么会出现?为什么出现:vue一般是单项数据流,作用:多个组件共享数据或者是跨组件传递数据,怎么实现?

2020-01-15 00:09:20

微信小程序(订阅消息)

小程序模板消息即将被废弃掉订阅消息文档步骤:1、获取用户openid 、access_token(前面文章提到过)2、获取模板 ID3、获取下发权限(api)4、发送订阅消息 (api)模板id小程序代码:获取下发权限:// login.jsrequestMsg(){ return new Promise((resolve, reject) => { ...

2019-10-22 23:45:42

微信小程序(模板消息)

formid用过一次,立即失效,如果formid不使用,7天内天可以用

2019-09-06 11:38:54

Flutter 【表单】

文章目录TextField 文本框组件Checkbox、CheckboxListTile 多选框组件在Flutter中通过Navigator组件管理路由导航。并提供了管理堆栈的方法。如:Navigator.push和Navigator.popTextField 文本框组件属性描述maxLines设置此参数可以把文本框改为多行文本框onChanged文本框改变...

2019-08-04 23:13:39

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 阅读者勋章Lv2
    阅读者勋章Lv2
    授予在CSDN APP累计阅读博文达到7天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 分享精英
    分享精英
    成功上传11个资源即可获取