![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
cuter、
这个作者很懒,什么都没留下…
展开
-
两个promise的小demo
1const ispregant = true;function pregantPromise() { return new Promise((resolve, reject) => { if (ispregant) { resolve("孩子他爹"); } else { reject("老公"); } });}pregantPromise().then(res=>{ console.log(res);}).catch(err原创 2021-09-22 23:04:53 · 182 阅读 · 0 评论 -
Vuex改变网站主题
import Vuex from 'vuex'//该文件用于创建vue的storeimport Vue from 'vue'Vue.use(Vuex)//准备state 存储数据const state = { regUserInfo: {}, themBgColor: '#5698c3', themBasetColor: '#3170a7'}const getters = { regUserInfo: state => state.regUserInfo, themB原创 2021-08-21 18:34:59 · 99 阅读 · 0 评论 -
ReactCli脚手架使用ts
1.yarnhttps://yarn.bootcss.com/yarn 是 facebook 开源的一个 npm 客户端,相比较默认的 npm 客户端,yarn 做了很多机制上的优化,比如缓存、安装速度、完整性校验等等,在使用体验上面比较友好,被很多知名框架选为默认的依赖管理工具,后面我们也默认使用 yarn。要安装 yarn 也很简单npm i yarn -gyarn 的基本功能和 npm 是对应的,但是参数略有不同,下面是一些常用命令的对比添加依赖yarnyarn add react原创 2021-08-06 10:57:36 · 485 阅读 · 0 评论 -
node(3)一个简单的web服务器
封装的判断请求的后缀名 common.jsconst fs = require('fs')exports.getMine = function (extname) { switch (extname) { case '.css': return 'text/css' case '.html': return 'text/html' case '.js': return 'text/javascript' default:原创 2021-08-04 22:18:22 · 69 阅读 · 0 评论 -
Vue生命周期
/*常用的生命周期钩子: 1.mounted: 发送ajax请求、启动定时器、绑定自定义事件、订阅消息等【初始化操作】。 2.beforeDestroy: 清除定时器、解绑自定义事件、取消订阅消息等【收尾工作】。关于销毁Vue实例 1.销毁后借助Vue开发者工具看不到任何信息。 2.销毁后自定义事件会失效,但原生DOM事件依然有效。 3.一般不会在beforeDestroy操作数据,因为即便操作数据,也不会再触发更新流程了。*/ beforeCreate.原创 2021-08-04 22:15:45 · 208 阅读 · 0 评论 -
mobx+react基础
mobx+reactmobx可以作为一个全局状态管理,可以解决react的复杂的组件间通信问题下载安装mobxnpm i mobx mobx-react --save使用mobx(类式组件)//1.先定义一个storeimport { makeAutoObservable } from 'mobx'class Store { username: string = 'name' setUsername(name: string) { this.username = na原创 2021-08-04 22:13:41 · 258 阅读 · 0 评论 -
实训(1)
1.响应式页面响应式页面一般是移动优先,所以是从小到大的页面写。采用媒体查询或者rem或者flexible.js等等内容可以采取grid布局@media screen and (min-width: 1643px) { .container-main-items { grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); }}template模板下面是一个用模板,然后通过fetch请求json数据,渲染替原创 2021-08-04 22:01:43 · 72 阅读 · 0 评论 -
React脚手架里面怎么用less?
React脚手架怎么用less?yarn eject//暴露脚手架配置在暴露的config文件里面打开webpack.config.js文件然后设置less66行 插入less更改:const lessRegex = /\.less$/;const lessModuleRegex = /\.module\.less$/;500行,插入:{ test: lessRegex, exclude: lessModuleRegex, use: getStyleLo原创 2021-08-04 21:40:27 · 217 阅读 · 0 评论 -
node入门(2)异步 和promise
Node里面的异步和promise对象1.异步的例子for (var i = 0; i < 3; i++) { setTimeout(() => { console.log(i) }, 100)}//输出结果为3个32.for循环改造异步用自执行函数解决fs.readdir(path, (err, data) => { if (err) { console.log(err) return } (function getDir(i)原创 2021-08-01 18:26:33 · 66 阅读 · 0 评论 -
node入门(1)第一个nodejs程序和文件操作
const http = require('http')const queryString = require('querystring')const url = require('url')http .createServer((req, res) => { //获取url //设置响应头 状态码200 文件类型是html 字符集是utf-8 res.writeHead(200, { 'Content-type': "text/html;charset='utf-8'原创 2021-08-01 18:15:46 · 137 阅读 · 0 评论 -
异步请求、读取json
异步请求网络方法// 定义一个基本的异步网络请求方法async function request<T>(method: string, url: string) { try { // 获取响应 let res = await fetch(url, { method }) let json: T = await res.json() return json } catch (error) { c原创 2021-07-10 21:26:41 · 239 阅读 · 0 评论 -
这段时间用Vue做 淘宝管理系统遇到的几个问题
一、 浏览器跨域解决方案:在文件的根目录下面建一个vue.config.js配置文件,在里面设置代理地址module.exports = { devServer: { host: 'localhost', port: '8084',//本地服务端口 proxy: { '/api': {//所有以/api路径访问的接口 都会被拦截到目标端口 target: 'http://127.0.0.1原创 2021-06-12 00:07:46 · 1994 阅读 · 6 评论 -
js函数进阶
js函数进阶一、函数的定义和调用1.1函数的定义方式一、函数的定义和调用1.1函数的定义方式原创 2021-06-02 09:11:14 · 139 阅读 · 1 评论 -
JS面向对象
JS面向对象一、面向对象编程介绍1.1面向对象编程 OOP(object oriented programming)1.2面向过程和面向对象的对比二、ES6中的类和对象2.1对象2.2类 class2.3创建类2.4类constructor构造函数2.4类中添加方法一、面向对象编程介绍1.1面向对象编程 OOP(object oriented programming)1.2面向过程和面向对象的对比二、ES6中的类和对象面向对象2.1对象2.2类 class2.3创建类2.4原创 2021-05-27 23:13:56 · 97 阅读 · 0 评论 -
JS-本地存储
本地存储一、本地存储二、window.sessionStorage一、本地存储二、window.sessionStorage<body> <input type="text" name="" id=""> <button class="set">存储数据</button> <button class="get">获取数据</button> <button class="remove">原创 2021-05-24 09:05:54 · 82 阅读 · 0 评论 -
JS-BOM
BOM一、BOM概述1.1BOM概述1.2BOM的构成二、window对象常见的事件2.1窗口加载事件2.2调整窗口事件三、定时器3.1setTiemout()定时器3.2停止setTimeout()定时器3.3setInterval()定时器3.4停止setInterval()定时器3.5this指向问题四、JS执行机制4.1JS是单线程4.2同步和异步4.3同步任务和异步任务4.4JS执行机制五、location对象5.1什么是location对象5.2URL5.3location对象的属性一、BOM原创 2021-05-19 19:08:26 · 75 阅读 · 0 评论 -
JS事件高级
JS事件高级一、注册事件(绑定事件)1.1注册事件概述1.2addEventListener事件监听方式1.3attachEvent事件监听方式(不推荐)1.3注册事件兼容性解决方案二、删除事件(解绑事件)2.1 删除事件的方式2.2删除事件兼容性解决方案目标一、注册事件(绑定事件)1.1注册事件概述1.2addEventListener事件监听方式 //2.事件监听注册事件 addeventListenr //(1)里面的事件类型是字符串,必定加引号,而且不带on原创 2021-05-18 20:11:31 · 124 阅读 · 0 评论 -
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"&原创 2021-04-06 00:34:32 · 790 阅读 · 1 评论 -
html关于图片置底当背景或者图片链接
自己写的小米侧边栏加置底图片链接:这个后面的大图是在侧边栏的下边的,是可以点击跳转的,具体实现方法是:我用一个父盒子为content 然后在父盒子里面定义一个img盒子,img的宽度和父盒子一样宽,再在img盒子里面放入图片链接a里面嵌套img就可以实现点击图跳转。<div class="content"> <div class="img"> <a href=""><img src="图片呀/xia原创 2021-04-06 00:26:44 · 2510 阅读 · 1 评论