搞毛啊同学-CSDN博客

原创 react中使用mobx6以及持久化存储mobx-persist-store

react中使用mobx6以及持久化存储mobx-persist-storemobx6官方文档mobx-persist-store文档安装mobx及mobx-persist-storeyarn add mobx mobx-react mobx-persist-store --save在项目中使用mobx在src目录下新建store文件夹，新建index.js文件模块化开发，统一的数据仓库有利于数据管理与分发，也可以向mobx5一样在不同的模块下建state定义类，一般以模块划分，

2022-01-24 13:31:41 4028 1

原创单线程的JavaScript

单线程的JavaScript同步模式与异步模式异步编程的几种方式Promise异步方案Generator异步方案async/await语法糖同步模式JavaScript在调用栈(call stack)中按顺序执行代码console.log('global start');function bar(){ console.log('bar task');}function foo(){ console.log('foo task'); bar()}foo

2021-04-11 17:24:39 105

原创数组操作方法汇总

数组操作方法汇总1. 转字符串方法toString : 数组转字符串join : 数组转字符串split: 字符串转数组以上方法会生成新数组,不影响原数据// toStringlet a = [1,2,3,'name','bbb'];a.toString()//===> "1,2,3,name,bbb"let a = [1,2,3,'name',{a:[123]}];a.toString()//===> "1,2,3,name,[object Object]"let a

2021-04-09 18:31:47 304 1

原创数组遍历方法汇总

数组遍历方法汇总常见的数组遍历方法:forEach map filter some every ,以上方法的参数都是item,index,arr,map forEach filter第二个参数可以修改内部this指向ES5S数组方法索引方法：indexOf()，lastIndexOf()迭代方法：forEach()、map()、filter()、some()、every()归并方法：reduce()、reduceRight()1.forEach返回值是undefined,不能中断循

2021-04-09 18:30:37 192

原创 vuex基础

属性解释使用方法state不可直接修改,和Vue实例中data遵守相同规则.在computed中调用,mapState方法中获得状态.getters可以认为是store的计算属性,用于存放store状态中的计算方法.在computed中调用,mapGetters方法中获得状态.mutation类似于事件,第一个参数为state,可通过store.commit(‘方法名’,参数)执行,当需要在对象上添加新属性时,应该使用Vue.set(obj,‘newprop’,d...

2021-03-11 11:40:54 78

原创 Promise介绍与基本使用

1.1promise是什么抽象表达promise是一门新的技术（es6规范）promise是JS中进行异步编程的新解决方案旧方案是单纯使用回调函数具体表达：从语法上来讲：promise是一个构造函数从功能上来说：promise对象用来封装一个异步操作并可以获取其成功/失败的结果值异步操作：fs文件操作（node）数据库操作（MySQL）Ajax定时器1.2为什么要使用promise1.2.1支持链式调用，可以解决回调地狱问题什么是回调地狱？回调

2021-03-01 19:53:14 247

原创手写Promise

全部代码<script> let p = new Promise((resolve,reject)=>{ // setTimeout(()=>{ // // reject("失败") // resolve("成功") // },100) // resolve("成功") reject("失败")

2021-03-01 19:47:57 63

原创 vue3.0基础

优点特性：vue3采用渐进式开发，向下兼容。性能提升。composition api集合，解决vue2组件开发问题。新api的加入，如 Teleport瞬移组件，suspense异步加载组件等。更好的TS支持。一、开发环境搭建npm install -g @vue/cli安装脚手架。创建项目：vue create projectName选择项目需要插件…也可以使用图形界面快速创建应用。vue ui二、vue3基础setup函数定义数据，处理数据（结合vue2中的dat

2021-03-01 19:43:02 138

原创 vue+svg.js 实现图像标记

vue+svg.js 实现图像标记vue+svg.js 实现图像标记安装svg.js及相关插件在vue项目中引入创建画布画图/做标记清空画布清空resize删除某一子节点全局快捷键的监听vue+svg.js 实现图像标记本文讲的是如何使用svg.js实现图像的标记。在本文中，将使用前端框架vue及element UI搭配实现功能。本文不再赘述如何搭建vue+element ui框架，框架在本文...

2021-03-01 19:40:28 4167 7

原创 TypeScript基础

开发环境搭建node安装全局安装TypeScript npm install typescript -g新建一个文件Demo1.ts，写入如下代码function jspang() { let web: string = "Hello World"; console.log(web);}jspang();// 基础运行-- tsc Demo1.ts // 此时会生成一个同名js文件-- node Demo1.js// 使用ts-node插件-- ts-node Demo

2021-03-01 19:36:52 708

原创 Sass基础

变量作用域h1{ $myColor:green;//只在h1中有效 color:$myColor;}// 如果想在作用域中定义全局变量，可以使用关键字 !global;h1{ $myColor:green !global;//在全局有效}sass属性嵌套提取相同前缀，使用嵌套写法。font:{ family:Helvetica; size:18px;}混入@mixin(=)和@include(+)默认用法// 1.定义@mixin

2021-03-01 19:31:18 72

原创 Less基础

1.定义变量 @定义：@width:10px;使用：width: @width;2.混合 mixins定义：.bordered { border:1px solid #000; }使用：div { .bordered() }3.嵌套@嵌套规则和冒泡：@嵌套（例如@media或@supports）可以与选择器以相同的方法进行嵌套。@规则会被放在前面，同一规则集中的其它元素的相对顺序不变，这叫做冒泡。4.运算计算结果以最左侧操作数的单位类型为准。@base:2-3cm-5mm =&g

2021-03-01 11:14:05 109

原创 Egg.js框架基础

1.创建项目手动新建文件夹执行npm init egg --type=simple运行项目npm run devhello world'use strict';const Controller = require('egg').Controller;class HomeController extends Controller { async index() { const { ctx } = this; ctx.body = 'hello world'; }}

2021-03-01 11:06:24 246

joeky520的博客