随笔档案「2020年7月」 - xinxin?

Angular：使用前端proxy代理解决跨域问题

摘要：①在项目文件的根目录下新建文件proxy.config.json { "/": { "target": "http://127.0.0.1:3000", "secure": false } } //或者 { "/api": { //适用场景：需要每个请求地址前加个’/api‘ "target": " 阅读全文

posted @ 2020-07-28 23:20 xinxin? 阅读(880) 评论(0) 推荐(0)

Angular：路由的配置、传参以及跳转

摘要：①路由的配置 1、首先用脚手架新建一个项目，在路由配置时选择yes 2、用ng g component创建组件 3、在src/app/app-routing.module.ts中配置路由 import { NgModule } from '@angular/core'; import { Route 阅读全文

posted @ 2020-07-26 15:15 xinxin? 阅读(555) 评论(0) 推荐(0)

Angular：使用service进行http请求的简单封装

摘要：①使用ng g service services/storage创建一个服务组件 ②在app.module.ts 中引入HttpClientModule模块 ③在app.module.ts 中引入创建的服务 ④在services/http.service.ts中封装一个简单的http请求 impor 阅读全文

posted @ 2020-07-25 22:23 xinxin? 阅读(1536) 评论(0) 推荐(0)

JavaScript：浏览器的本地存储

摘要：cookie、localStorage、sessionStorage的使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width 阅读全文

posted @ 2020-07-25 15:29 xinxin? 阅读(366) 评论(0) 推荐(0)

Vue：对axios进行简单的二次封装

摘要：主要做3点： 1、配置一个请求地址前缀 2、请求拦截（在请求发出去之前拦截），给所有的请求都带上 token 3、拦截响应，遇到 token 不合法则报错 // 对 axios 的二次封装 import axios from 'axios' import router from '../router 阅读全文

posted @ 2020-07-25 15:21 xinxin? 阅读(787) 评论(0) 推荐(0)

JavaScript：防抖与节流

摘要：①防抖： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div { height: 2200px; background-color: pink; } </st 阅读全文

posted @ 2020-07-25 15:06 xinxin? 阅读(112) 评论(0) 推荐(0)

JavaScript：使用递归构建树型菜单

摘要：使用递归函数将扁平数据转为树型结构，并渲染到页面效果图：代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, in 阅读全文

posted @ 2020-07-25 14:58 xinxin? 阅读(300) 评论(0) 推荐(0)

Node：使用express搭建一个简易的服务器

摘要：①安装node环境在node.js官网下载LTS长期支持版本，然后傻瓜式安装 ②查看是否安装成功打开cmd终端，输入node -v 有版本号，则安装成功。再输入npm -v 有版本号，则npm也安装成功 ③使用express脚手架创建项目方法一： >> 安装脚手架： npm i -g expr 阅读全文

posted @ 2020-07-25 11:05 xinxin? 阅读(584) 评论(0) 推荐(0)

Css：常用的去除默认样式

摘要：*{ padding: 0; margin: 0; } ul,ol{ list-style: none; } a,a:hover,a:link,a:visited,a:active{ text-decoration: none; color: black; } :歪比巴卜阅读全文

posted @ 2020-07-23 22:40 xinxin? 阅读(199) 评论(0) 推荐(0)

Git：git常用命令

摘要：1、版本控制工具一个可以管理和追踪软件代码的工具。分类：集中式版本控制工具：SVN 分布式版本控制工具：Git 2、Git 的概念：工作区：就是指自己电脑上创建的项目目录。暂存区：记录 git add 添加的文件相关信息，保存在项目目录下的 .git 目录下本地仓库（版本库）：也叫仓库，阅读全文

posted @ 2020-07-23 21:40 xinxin? 阅读(159) 评论(0) 推荐(0)

Vscode：常用的插件

摘要：Chinese (Simplified) Language Pack for Visual Studio Code==》汉化 Live Server==》运行代码 ESLint==》代码语法查错 TSLint==》代码语法差错 Auto Rename Tag==》自动同步修改前后标签名 Angula 阅读全文

posted @ 2020-07-23 21:26 xinxin? 阅读(343) 评论(0) 推荐(0)

Angular：使用service进行数据的持久化设置

摘要：①使用ng g service services/storage创建一个服务组件 ②在app.module.ts 中引入创建的服务 ③利用本地存储实现数据持久化 ④在组件中使用阅读全文

posted @ 2020-07-22 23:01 xinxin? 阅读(373) 评论(0) 推荐(0)

xinxin?

07 2020 档案