![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 70
我真菜呀
这个作者很懒,什么都没留下…
展开
-
如何使用自己的webpack
前言前端模块化编程思想是很重要的,优秀的模块化打包工具比如webpack、rollup、vite都可以用来进行模块编程。那么如何实现自己的打包工具呢?这里我们模仿webpack的底层打包思想来实现自己的打包工具。准备如何在全局下定义自己的打包命令以使用自己的打包工具?我们需要准备一个文件夹(自定义名字),这里我以mypack命名,目录结构参考下图。注意package.json里面的"bin"的属性值的’mypack’是命令(后面会使用npm link,然后就可以在全局下使用这个命令了)mypa原创 2021-10-04 00:33:24 · 193 阅读 · 2 评论 -
手写前端必须要掌握的api
花了一天时间手写了前端必须要知道的api,供大家参考。new、instenceof <script> function myNew(fn){ let obj={} obj.__proto__=fn.prototype; let result=fn.call(obj) return result instanceof Object?result:obj; }原创 2021-09-17 20:31:33 · 281 阅读 · 2 评论 -
vue3响应式原理
以下代码是使用rollup打包出来的./vue.js(function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) : typeof define === 'function' && define.amd ? define(['exports'], factory) : (global = ty原创 2021-09-11 19:04:36 · 186 阅读 · 1 评论 -
如何使用正则命令
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-09-11 18:36:00 · 288 阅读 · 1 评论 -
使用git命令管理项目
git init 初始化本地仓库git clone 远程仓库 克隆远程仓库(这里克隆时,默认是克隆master分支上的仓库,并且将本地仓库和远程仓库进行了关联)git status查看状态git branch 查看分支(默认是在master分支上)git add .将修改内容添加到暂存区git commit -m ‘添加了新功能’git checkout -b login 创建新分支,并切换到login分支上(这里是两个命令的结合:git branch是创建分支,git checkout 是切原创 2021-09-11 18:07:21 · 89 阅读 · 1 评论 -
发布组件到npm上
将自己写的组件发布到npm上,分为两个步骤:1.打包一下自己的组件2.发布组件打包一下自己的组件首先需要用webapck搭建好一个基本的框架(不需要脚手架)项目目录结构如下图:在components中写上以.vue文件结尾的vue组件<template> <fieldset> <legend>2021的组件</legend> <h2>{{msg}}</h2> <h2 class="maket原创 2021-09-01 13:54:56 · 913 阅读 · 1 评论 -
react复习笔记
js创建虚拟dom和jsx创建虚拟domjs创建虚拟dom <!-- 准备好一个“容器” --> <div id="test"></div> <!-- 引入react核心库 --> <script type="text/javascript" src="../js/react.development.js"></script> <!-- 引入react-dom,用于支持react操作DOM --> <原创 2021-08-29 17:03:38 · 198 阅读 · 1 评论 -
移动端适配原理
1.Web app/混合app/native appweb appweb app是前端人员接触的最多的东西,wep app要部署html,css,js等静态文件。页面和数据都存放在服务端,用户需要通过网络访问web app。wep app开发快成本低,版本迭代快。web app只需要更改服务端的数据和页面,不需要让用户重新安装app。wep app性能低,页面都要通过网络去访问和加载。混合app既有web app,也有native app。混合app将不需要更改的页面写死,经常需要改变的页面放在服务原创 2021-08-26 15:12:19 · 607 阅读 · 1 评论 -
手写一个简易的MVVM
index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t原创 2021-08-18 01:45:47 · 289 阅读 · 1 评论