yuxiaoc的博客

原创 scrcpy 使用

scrcpy use

原创 autoxjs

autoxjs

原创 nextjs引入tailwindcss 、antd、sass

nextjs antd tailwindcss sass

原创 nextjs上手

nextjs learn

原创 OAuth2.0初略学习

OAuth2

原创 async_await

详细…

原创 class_extend

详细…

原创 class笔记

)详细…

原创 前端模块化

详细…

原创 Vue组件为什么data必须是一个函数？

Vue组件为什么data必须是一个函数？ 答不想让他共用一个对象组件的大致模仿过程如下: function Component(options){ this._data = options.data this._data1 = options.datafn() } var options = { data :{ age :23

原创 CDN简单过程

原创 对象的继承

/** * 对象的继承 *//** * json格式的发明人Douglas Crockford * @param {*} o * @returns */function object(o) { function F() { } F.prototype = o; return new F();}/** * 浅拷贝 */function extendCopy(p) { var c = {}; for (var i in p) {

原创 javascript函数的继承

函数的继承

原创 简单版Promise

/** * 1. 绑定resolve reject 的this * 2. 状态不可变 * 3. resolve reject 以第一次为准 * 4. throw 执行reject */class MyPromise { /** * * @param {*} executor 传进来的函数 */ constructor(executor) { this.initValue() this.initBind()//1 //4 try {

原创 vue-diff

有空补上文件详述

原创 回流与重绘

有空再补上文字

原创 display:none visibility:hidden opacity:0

详细，欠着，春招完补上

原创 前端路由权限

有空把详细文字过程补上

原创 vue-自定义指令(停止摆烂)

写毕设摆了一个月，后果（。。。。。。）

原创 vue源码系列4之computed与watch的区别

computed watch的区别

原创 vue源码系列3响应式系统上

vue 响应式之收集依赖

原创 vue源码系列2之代码结构及整体逻辑

vue 源码系列之代码结构及整体逻辑

原创 恢复更新--vue源码系列1之如何看源码

vue.js 源码解释

原创 javascript 是单线程 ？

js 单线程

原创 flex布局

flex布局 -----《css权威指南》

原创 谷歌浏览器插件初体验

谷歌浏览器插件，简单实现

原创 scss基本语法使用

scss基本语法简单使用文章目录scss基本语法简单使用前言一、what is scss？二、安装三、基本语法1.变量2.嵌套3.@mixin @include4.函数5.继承 extend6.引入7.注释前言CSS书写代码规模较大的Web应用时，容易造成选择器、层叠的复杂度过高，因此推荐通过SASS预处理器进行CSS的开发。CSS预处理器：为css加入编程元素。提示：以下是本篇文章正文内容，下面案例可供参考一、what is scss？Sass 是一款强化 CSS 的辅助工具，它在

原创 vue组件间通信的八大方法

再读vue官方文档系列文章目录vue组件间通信的八大方法文章目录再读vue官方文档系列文章目录前言一、通信种类？二、八大通信方式1. props和 $emit2. $parent和 $children3. provide和reject4. ref5. Vuex6. slot7. $attrs 和 $listeners8. localStorage和sessionStorage总结前言刚开始学vue的时候只是读了一遍官方文档，这样带来的后果是不够深入。本系列记录再次深入读vue官方文档及

原创 leetcode算法之回溯系列

本系列为leetcode算法系列回溯系列

原创 防抖与节流实现及应用场景以及懒加载的简单实现

本章探讨防抖与节流，及懒加载简单实现

原创 读《你不知道的javascript》之手写bind，call，apply 函数及fn.call.call....call(fn3)问题

《不一样的javascript》系列this指向问题 手写三大显式绑定函数文章目录《不一样的javascript》系列前言一、call、apply、bind是什么，有何用，区别是什么？1. 语法2. 相同点3. 不同点4. 疑惑点5. 用途二、手写1. apply2. call3. bind4. 总结一下三、做道题前言上一篇讲this指向时候讲到四大绑定时说到：call…这三个可以函数显示绑定一个对象到一个函数的this上，这篇主要讲一下三者区别以及手写他们。至于你问为啥要手写它呢，别问

原创 读《你不知道的javascript》之this问题

222

原创 javascript判断数据类型

数据类型的分类7大基本数据类型注意没有NaN(恶心东西）null typeof(null) ==object 历史bugMDN类型typeofundefinedtypeof instance === “undefined”Booleantypeof instance === “boolean”Numbertypeof instance === “number”Stringtypeof instance === "stringBigInt(.

原创 再读原型链

图源互联网，侵删！！！！！function Foo(){}let foo = new Foo();这里new Foo()发生了什么，把Foo()当成一个机器第一条链foo对象通过构造函数Foo()以Foo.prototype对象为原型（模板）制造出来。Foo.prototype 又是通过Object()构造函数以Object.prototype对象为模板制造出来。Object.prototype是null也就是上帝给制造出来的。第二条链：Foo() 机器也是一个对象是吧，它也.

翻译 es6-let-const-解构与赋值

本文翻译之https://es6.ruanyifeng.com/#docs/有改动let 块级变量 const 块级常量特点：1.只在代码块中有效 { let a = 3 } console.log(a); //a is not defined不存在变量提升3.暂时性死区 var b = 233; if (true) { b = 1 let b;//Cannot

原创 webpack-出入口entry-output

记录entry与output的各种用法：数组：entry: string | [string] entry: ['./src/index.js', './src/entry2.js'], output: { filename: 'main.js', //打包名 path: path.resolve(__dirname, 'dist'), //打包位置 }这种情况能够正常打包。entry: ['./src/index.js', './src/

原创 webpack-起步

这个系列将记录webpack5 的学习。常规目录结构： webpack-demo |- package.json |- webpack.config.js |- /dist |- index.html |- /src |- index.js作用：静态打包工具，编译javascript 等安装：npm initnpm install webpack webpack-cli -D新建webpack.config.jsconst path = re

原创 node-npm各种命令

记录一下npm的使用方法npm:全称npm-package-managerNode.js 标准的软件包管理器。定位：包工具常用命令：npm init他会让你填一些东西，npm init --yes 可以跳过创建package.json 文件{ "name": "node-test", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "te

原创 Vue-尤雨溪讲课6-Vuex简单实现和基本原理

vuex:多组件共享状态：假设我们有一个变量，几个组件想要用它，可以怎么做？prop传参 <div id="app"> <counter :count="count"></counter> <counter :count="count"></counter> <counter :count="count"></counter> <button

原创 Vue-尤雨溪讲课5-Vue-router-hash 模式的简单实现

如何实现一个简单版Vue 路由。原理：<div id="app"> <component :is="url"></component> <a @click="routeTo('#foo')" href="#foo">foo</a> <a @click="routeTo('#bar')">bar</a> </div> <script>