蔡姐的博客

其实也是蛮奇妙的. 我是一名传统业务的前端研发, 因为一个项目第一次真实的接触到了AIGC,就感觉像是打开了新世界的大门,让我倍感兴奋,想要在ai的世界里探索一番. 不过在学习中我发现一个问题,就是他的知识太多了,涉及的范围太广了,一直找不到合适切入点.也就这个时候,我在极客时间看到了AIGC产品经理训练营,正好是第一期刚开始, 所以果断报名, 一个是为了可以从全局出发,了解AIGC涉及的相关知识,将每一个知识点串成线;为期10周的训练营也进入尾声了,回想当初，真的是蛮感慨的。那这10周我都学到了什么呢?

一个小故事讲清TCP

介绍https相关内容和数字签名

网络通信的五层模型

一. 什么是ajaxAJAX全称(Async Javascript and XML), 即异步的JavaScript 和XML，是一种创建交互式网页应用的网页开发技术，可以在不重新加载整个网页的情况下，与服务器交换数据，并且更新部分网页二.实现过程1.创建 Ajax的核心对象 XMLHttpRequest对象const xhr = new XMLHttpRequest();2.通过这个对象的 open() 方法创建HTTP请求,与服务端建立连接xhr.open(method, url, [as

文章导图:一.执行上下文执行上下文的类型分为三种：全局执行上下文：只有一个，浏览器中的全局对象就是 window对象，this 指向这个全局对象函数执行上下文：存在无数个，只有在函数被调用的时候才会被创建，每次调用函数都会创建一个新的执行上下文Eval 函数执行上下文： 指的是运行在 eval 函数中的代码，很少用而且不建议使用二.生命周期执行上下文的生命周期包括三个阶段：创建阶段执行阶段回收阶段2.1 创建阶段在创建阶段做了三件事:this的绑定LexicalEnv

开始先推荐一篇文章,将js的继承讲述的特别全面,我就是取里面的结论,方面日后查阅Javascript如何实现继承？一.继承的使用方法js里面常用的就是extends,使用方式如下:class Father { constructor(name) { this.name = name } // 原型方法 // 即 Person.prototype.getName = function() { } // 下面可以简写为 getName() {...}

一.new是什么定义: new操作符用于创建一个给定构造函数的实例对象简单来说:1.new 能创建一个实例对象; 2.这个对象是给定的构造函数例子:function Person(name, age){ this.name = name; this.age = age; console.log(this) // Person { name: 'Tom', age: 20 }}Person.prototype.sayName = function () { cons

这个内容网上太多了,而且一般去重自己常用的也就是那一两种,这个就是为面试用的,我自己总结了几个觉得有意思的方法,放在下面const arr =[1,2,2,2,3,3,4,5,6,8,8]ES6 Set 去重 (自用)function unique1(arr) { return [...new Set(arr)]}arr1 = unique1(arr)console.log(arr1)单循环 includes/index Of 都可以实现function unique2(arr)

早年曾写了一篇事件循环的学习笔记,Jake Archibald: In The Loop【事件循环学习笔记】,不过这个以视屏学习为主流程,今天再写一篇,对事件循环做个补充.一. 为什么需要事件循环因为js是一门单线程语言,但是我们因为需要调用接口或者进行其他需要延时的操作,如果是单线程,就会阻塞整个进程.所以实现单线程非阻塞的方法就是事件循环.在JS中任务大致分为两种:同步任务:可以立即执行,同步任务一般会直接进入到主线程中执行.注意: new Promise 是同步任务,可以进入主线程异步任

介绍JS的浅拷贝和深拷贝

先放上svg-captcha的npm地址 svg-captcha介绍使用方法:1.样式布局 <div class="flex"> <span v-html="codeHtml" /> <el-button type="text" @click="getCaptchaDetail"> {{ $t('看不清，换一张') }} </el-button> </div>js (放个简单

最近做了一个新样式,样式如下图:功能很简单,就是通过选择不同的时间button,对应的时间组件展示相对应的时间,时间组件用的el-date-picker这个组件.样式文件就不放出来了,反正也很简单,就是el-radio-button和el-date-picker,主要展示一下获取时间的方式吧1. 获取时间方式var handleTime = (val)=>{// handleTime调用的时机是button发生change的时候// val对应的值为'year','month'等,对应按

使用flex-wrap进行分行布局

Deno 是一个类似于 Node.js 的 JavaScript 和 TypeScript 运行器，基于 Rust 和 V8 JavaScript 引擎构建。它是由 Node.js 的最初发明者 Ryan Dahl 创建的，以应对他在 2009 年最初设计和发布 Node.js 时所犯的错误。文章链接:An Introduction to Deno: Is It Better than Node.js?Comparing the performance between Node.js and Deno

最近使用<img src = “”>加载图片时候,遇到很多问题,现记录一下一.assets和static的路径区别assets:在项目编译的过程中会被webpack处理解析为模块依赖，只支持相对路径的形式，如< img src=”./logo.png”>和background:url(./logo.png),　static：在这个目录下,文件不会被webpack处理,他会直接被复制到最终的打包目录(默认是dist/static)下。必须使用绝对路径引用这些文件，任何放在sta

1.子组件不传递参数，父组件也不接受参数// 子组件<template> <div> <jc-button @click="testEmit">click</jc-button> </div></template><script>export default { name: 'Children', components: {}, props: {}, data() { ret

在vue 2 项目中使用compositon-api ,包括项目和vscode的配置

作为一个前端人员，面试时经常会被问及这个问题：“在浏览器从输入URL到页面展示中经历了什么过程”？这个问题我之前也是一知半解，随着对内容了解的越多，发现这个问题涵盖的面越广，涉及的知识也很多，所以今天将它整理一下，方便自己和其他小伙伴一起学习。由于这个问题涉及知识很多，而且我也想把这些知识都一起整理一下，所以本文采用总-分-总的的行文思路，具体内容如下：首先介绍整体流程所需要涉及的几个方面其次分别介绍每个方面所涉及的知识最后一节再详细的说明整体流程要是有小伙伴觉得之前的内容很无聊，或者我说的不

最近看了一篇文章为：Mastering Hard Parts of JavaScript里面主要包含以下部分：Callbacks & Higher order functions Closure(scope and executioncontext)JavaScript & the event loopClasses & Prototypes (OOP)这篇文章列举了很多例子进行练习，有助于我进行学习。我把这篇文章中我觉得很不错的例子列举出来，然后附上我自己的答案和