![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
今天我想整理知识点
文章平均质量分 54
白执落
这个作者很懒,什么都没留下…
展开
-
Pinia
PiniaPinia 是一个用于 Vue 的状态管理库,类似 Vuex, 是 Vue 的另一种状态管理方案,Pinia 支持 Vue2 和 Vue3优势:易于学习,极轻1KB,模块化设计便于拆分状态引入 // src/stores/index.ts import Vue from 'vue'; import { createPinia, PiniaVuePlugin } from 'pinia'; Vue.use(PiniaVuePlugin); expor原创 2022-01-19 13:56:24 · 791 阅读 · 0 评论 -
TypeScript基础
TypeScript 与 JavaScript 的区别TypeScriptJavaScript 的超集用于解决大型项目的代码复杂性可以在编译期间发现并纠正错误强类型,支持静态和动态类型最终被编译成 JavaScript 代码,使浏览器可以理解支持模块、泛型和接口支持 ES3,ES4,ES5 和 ES6 等社区的支持仍在增长,而且还不是很大JavaScript一种脚本语言,用于创建动态网页作为一种解释型语言,只能在运行时发现错误弱类型,没有静态类型选项可以直接在浏览器中使用原创 2021-12-22 15:14:17 · 557 阅读 · 1 评论 -
vue-composition-api
原创 2021-08-12 16:54:41 · 675 阅读 · 0 评论 -
Vue 3 + Typescript + Vite
Vue 3 + Typescript + Vite(摸鱼试试新的好玩的,仅框架搭建)项目地址升级 node 版本到最新稳定版(Vite 构建工具 Node.js 版本>= 12.0.0)个人使用的第二种,需要的时候自己切换版本方法一:nvm install stable使用 nvm 安装最新稳定版 Node.js方法二:github 搜索 Kenshin/gnvm,下载 gnvm.exe 放在 nodejs 文件夹(找不到就 cmd 命令行窗口输入where node会出现 no原创 2021-08-09 15:55:16 · 537 阅读 · 0 评论 -
封装lodash和ramda中常用方法并发布自己的npm包
npm i person-fun-tool即可查看封装均为全挂载在原型链上的方式原创 2021-08-09 15:39:04 · 239 阅读 · 0 评论 -
ts类型定义细节
ts类型定义细节整理对象类型(可推断key为string类型)export class Dict<T> { [key: string]: T;}dict: Dict<any> = {};//any位置应换为相应的value类型原创 2021-04-26 10:26:38 · 1355 阅读 · 0 评论 -
vue3尝试整理
vue3安装创建项目安装/升级脚手架未安装过vue-cli npm install -g @vue/cli 或 yarn global add @vue/cli已安装直接升级 npm update -g @vue/cli 或 yarn global upgrade --latest @vue/cli创建项目使用官方的vue-cli脚手架升级安装vue create vue3-test 创建名为vue3-test的项目 cd vue3-test 切入目录运行 yarn serve 或原创 2020-11-20 17:21:59 · 367 阅读 · 0 评论 -
egg笔记
egg环境搭建$ npm i egg-init -g$ egg-init egg-example-name --type=simple$ cd egg-example$ npm i$ npm run dev目录结构egg-project├── package.json├── app.js (可选)├── agent.js (可选)├── app(项目开发目录)...原创 2019-12-12 13:15:47 · 203 阅读 · 0 评论 -
MVVM原理
MVVM 双向数据绑定脏值检查AngularJS 实现方式数据劫持+发布订阅模式VUE 的实现方式(不兼容低版本 Object.defineProperty)Object.defineProperty()let obj = {};Object.defineProperty(obj, "school", { configurable: true, // wr...原创 2019-12-03 07:47:43 · 98 阅读 · 0 评论 -
bind方法的实现
//bind方法//bind方法放在函数的原型中// -->fn.__proto__===fn的构造函数.prototype// -->所有的函数对象的构造函数是Function// -->Function 创建了Function// -->Function 创建了Object// -->Function 创建了fnFu...原创 2019-11-29 09:59:00 · 225 阅读 · 0 评论 -
diff
原创 2019-11-24 15:40:25 · 97 阅读 · 0 评论 -
es6常用语法
原创 2019-11-24 15:39:27 · 70 阅读 · 0 评论 -
js数组常用api
数组的方法join (原数组不受影响)方法可以将数组里的元素,通过指定的分隔符,以字符串的形式连接起来。返回值:返回一个新的字符串//将数组用 - 符号连接起来let arr = [1,2,3,4,5];let str = arr.join('-');console.log(str)//str = 1-2-3-4-5;split (原数组不受影响)该方法是用过指定的...原创 2019-11-22 20:44:21 · 90 阅读 · 0 评论 -
原生js实现ajax
jquery和axios用多了有点忘了原生了,最近实习面试…怕被考到,提前理一波JavaScript1. AJAX基于 HTTP 请求和 JS 语法的异步刷新技术原理通过 XmlHttpRequest 对象来向服务器发异步请求,从服务器获得数据,然后用 javascript 来操作 DOM 而更新页面。这其中最关键的一步就是从服务器获得请求数据。Ajax 的工作原理相当于在用...原创 2019-11-22 20:41:35 · 111 阅读 · 0 评论 -
vue常见指令、路由、导航守卫、生命周期、vuex整理
vue 笔记vue 简介Vue.js 是目前最火的一个前端框架,React 是最流行的一个前端框架(React 除了开发网站,还可以开发手机 App,Vue 语法也是可以用于进行手机 App 开发的,需要借助才 Weex)Vue.js 是前端的主流框架之一,和 Angular.js、React.j3 一起,并称为前端三大主流框架;Vue.js 是一套构建用户界而的框架,只关注视图层,它不...原创 2019-11-22 20:36:09 · 376 阅读 · 0 评论 -
angular简单了解
title:angular笔记angular简介:AngularJS 是一个 JavaScript 框架。它可通过 script 标签添加到 HTML 页面。AngularJS 通过 指令 扩展了 HTML,且通过表达式 绑定数据到 HTML。AngularJS 通过 ng-directives 扩展了 HTML。数据驱动视图ng-app 指令:定义一个 AngularJS...原创 2019-11-22 20:31:11 · 1160 阅读 · 0 评论 -
webpack安装及常用插件配置
title:webpack笔记webpack简介:Webpack是一个基于node开发的模块加载兼打包工具(模块打包器),可以将js、jsx、coffee、样式sass、less,图片等作为模块来使用和处理。特点:将依赖树拆分成按需加载的块,初始化加载的耗时尽量少各种静态资源都可以视作模块,将第三方库整合成模块Webpack 本身只能处理原生 JavaScr...原创 2019-11-22 20:28:45 · 171 阅读 · 0 评论 -
react native创建项目及传值
1. 项目创建与启动安装react-native脚手架npm install react-native-cli -g创建项目react-native init app_name --version 0.59.8选择 0.59.8 这个版本是为了兼容后面需要用到的echarts等组件。启动项目react-native start当出现以下截图,说明启动完成...原创 2019-11-22 20:24:59 · 112 阅读 · 0 评论 -
堆栈浏览器内存
堆栈内存什么是堆栈内存?浏览器在执行程序时形成两个虚拟的内存,用来存储数据,和提供代码的执行环境;浏览器每打开一个页面,都会开辟一个进程;一个进程包含了好几个线程;JS 是单线程;同一个时间只能执行一行代码;堆栈内存: 用来存储数据;栈内存分配基本类型的数据存储到栈内存(stack)中,函数作用域是消耗的栈内存;越小浏览器性能越高;引用数据类型存储到堆内存(he...原创 2019-11-21 06:28:16 · 255 阅读 · 0 评论 -
同源策略及跨域方式
同源策略同源是指"协议+域名+端口"三者相同,即便两个不同的域名指向同一个 ip 地址,也非同源同源策略 SOP(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,其初衷是为了浏览器的安全性,通过以下三种限制,保证浏览器不易受到 XSS、CSFR 等攻击。同源策略限制了以下行为:(1)Cookie、LocalStorage 和 IndexDB 无法读...原创 2019-11-11 23:10:13 · 388 阅读 · 0 评论 -
Vue2数据双向绑定原理
数据双向绑定原理思路:Vue内部通过Object.defineProperty方法属性拦截的方式,把data对象里每个数据的读写转化成getter/setter,当数据变化时通知视图更新。let oldArrayPrototype=Array.prototype;//先拿到原来数组原型上的方法let proto=Object.create(oldArrayPrototype);//克隆数...原创 2019-11-11 23:07:25 · 177 阅读 · 0 评论 -
JavaScript变量、作用域和内存问题思维导图
原创 2019-08-24 21:17:15 · 162 阅读 · 0 评论 -
JavaScript语法基础思维导图
原创 2019-08-24 21:14:09 · 658 阅读 · 0 评论 -
html思维导图
原创 2019-08-24 21:06:21 · 146 阅读 · 0 评论 -
CSS思维导图
原创 2019-08-24 21:08:17 · 241 阅读 · 0 评论