- 博客(76)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 【无标题】表格
姓名年龄性别的dsds小明18男d dsadsa小红20女s dsadsa小华19男h dasdasdsadsajkhdsajhdjhasdhjsahjdhjasdjkhsajhkdasjhdhjasdjkhsajhkdjhksadjhksajhdsajhkdjhkasdjhkasjhkdjshakdjhksajhkdjhksadhjksajhkdsadsadsa
2023-07-27 21:26:33
165
原创 charles
Charles简介Charles是一个HTTP代理服务器,HTTP监视器,反转代理服务器，当浏览器连接Charles的代理访问互联网时，Charles可以监控浏览器发送和接收的所有数据。它允许一个开发者查看所有连接互联网的HTTP通信，这些包括request, response和HTTP headers （包含cookies与caching信息）。Charles主要功能支持SSL代理。可以截取分析SSL的请求。支持流量控制。可以模拟慢速网络以及等待时间（latency）较长的请求。支持AJ
2021-12-30 10:25:36
306
原创 nuxt探活接口
测试人员需要探活接口，用于检测网站serverMiddleWare/ping.js下export default function (req, res, next) { res.writeHead(200, { "content-type": "text/plain; charset=utf-8" }); res.end("pong"); } nuxt.config.js下 serverMiddleware: [ { path:'
2021-12-08 17:02:06
952
原创 两个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
176
原创 xhr的网络请求手写简单ajax
xhr，全称为XMLHttpRequest，用于与服务器交互数据，是ajax功能实现所依赖的对象，jquery中的ajax就是对 xhr的封装。XMLHttpRequestXMLHttpRequest是window的内置对象，因此可以用new创建xhr实例:var xhr=new XMLHttpRequest()XMLHttpRequest 对象用于和服务器交换数据，如需将请求发送到服务器，我们使用 XMLHttpRequest 对象的 open() 和 send() 方法xmlhttp.o.
2021-09-22 22:19:23
923
原创 axios的进一步封装
import axios from 'axios'let instance=axios.create({baseURL:'xxxxxx',timeout:5000})//请求拦截instance.interceptors.request.use(config=>{//请求拦截要处理的内容return config},err=>{console.error('请求失败',err)})//响应拦截instance.interceptors.response.use(res=
2021-08-29 21:59:06
96
原创 koa,node基础
Node.js基础https://nodejs.org/dist/latest/docs/api/Node.js是一个基于Chrome V8引擎的JS运行环境，它采用了单线程，事件驱动、非阻塞式的I/O模型，尤其适合构建I/O密集型的高性能服务端，如今整个前端生态的工具链都构建在Node.js的基础之上，是往全栈工程师进阶的必备技能，掌握Node.js之后你可以：编写高性能服务端程序开发命令行工具编写爬虫程序通过Electron之类的框架编写PC客户端程序这节课我们主要学习使用Node.j
2021-08-29 21:18:11
393
原创 时间戳的格式化
//格式化创建时间Vue.filter('dataFormatCommonTime', function(originVal) { const dt = new Date(originVal) const y = dt.getFullYear() const m = (dt.getMonth() + 1 + '').padStart(2, '0') const d = (dt.getDate() + '').padStart(2, '0') const hh = (dt.getHour
2021-08-29 10:44:43
261
原创 管道查询mongo
> db.order.find(){ "_id" : ObjectId("61284410018a34fe9f76e303"), "order_id" : "1", "uid" : 10, "trade_no" : "111", "all_price" : 100, "all_num" : 2 }{ "_id" : ObjectId("61284418018a34fe9f76e304"), "order_id" : "2", "uid" : 7, "trade_no" : "222", "all_
2021-08-27 11:08:23
181
原创 vue插槽
插槽作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于 父组件 ===> 子组件 。分类：默认插槽、具名插槽、作用域插槽使用方式：默认插槽：父组件中： <Category> <div>html结构1</div> </Category>子组件中： <template> <div>
2021-08-24 14:54:14
169
转载 Vue2基础
关于不同版本的Vuevue.js与vue.runtime.xxx.js的区别：vue.js是完整版的Vue，包含：核心功能 + 模板解析器。vue.runtime.xxx.js是运行版的Vue，只包含：核心功能；没有模板解析器。因为vue.runtime.xxx.js没有模板解析器，所以不能使用template这个配置项，需要使用render函数接收到的createElement函数去指定具体内容。vue.config.js配置文件使用vue inspect > output.
2021-08-24 14:05:59
89
原创 vue脚手架配置代理
vue脚手架配置代理方法一 在vue.config.js中添加如下配置：devServer:{ proxy:"http://localhost:5000"}说明：优点：配置简单，请求资源时直接发给前端（8080）即可。缺点：不能配置多个代理，不能灵活的控制请求是否走代理。工作方式：若按照上述配置代理，当请求了前端不存在的资源时，那么该请求会转发给服务器 （优先匹配前端资源）方法二 编写vue.config.js配置具体代理规则：module.exports = { de
2021-08-24 14:04:24
251
原创 Vue封装的过度与动画
作用：在插入、更新或移除 DOM元素时，在合适的时候给元素添加样式类名。写法：准备好样式：元素进入的样式：v-enter：进入的起点v-enter-active：进入过程中v-enter-to：进入的终点元素离开的样式：v-leave：离开的起点v-leave-active：离开过程中v-leave-to：离开的终点 /* 进入的起点、离开的终点 */ .hello-enter,.hello-leave-to{ transform: transl..
2021-08-24 14:03:23
81
原创 mongoDB索引查询
索引基础索引是对数据库表中一列或多列的值进行排序的一种结构，可以让我们查询数据库变得 更快。MongoDB 的索引几乎与传统的关系型数据库一模一样，这其中也包括一些基本的查 询优化技巧。下面是创建索引的命令：db.user.ensureIndex({"userame":1})获取当前集合的索引：db.user.getIndexes()删除索引的命令是：db.user.dropIndex({"username":1})复合索引数字 1 表示 username 键的索引按升序存储，-1 表示
2021-08-22 19:16:09
3561
原创 mongodb数据库的创建，增删改查
使用创建吗数据库use '数据库名称' //有就使用，没有就创建插入，增加数据db.user.insert({"name":"xjt"})展示数据库的表 show collections展示表的数据> db.user.find(){ "_id" : ObjectId("6121d6122a72a5ac17821a1d"), "name" : "xjt" }查找具体的数据{age:{$gte:22,$lte:25}}//大于等于22,小于等于25> db.user
2021-08-22 14:44:23
134
原创 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
95
原创 Vue的路由守卫前置和后置
路由配置const router = new VueRouter({ mode: 'history', routes: [ { path: '/', redirect: '/blog/welcome' }, { path: '*', name: 'NotFound', component: NotFound, meta: { isAuth: false, title: '页面找不到' } },
2021-08-20 22:55:26
318
原创 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
475
原创 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
67
原创 Vue生命周期
/*常用的生命周期钩子： 1.mounted: 发送ajax请求、启动定时器、绑定自定义事件、订阅消息等【初始化操作】。 2.beforeDestroy: 清除定时器、解绑自定义事件、取消订阅消息等【收尾工作】。关于销毁Vue实例 1.销毁后借助Vue开发者工具看不到任何信息。 2.销毁后自定义事件会失效，但原生DOM事件依然有效。 3.一般不会在beforeDestroy操作数据，因为即便操作数据，也不会再触发更新流程了。*/ beforeCreate.
2021-08-04 22:15:45
199
原创 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
250
原创 实训（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
68
原创 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
211
原创 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
64
原创 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
130
原创 异步请求、读取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
230
原创 Vue + elementui +router+swiper的几个不走弯路小技巧
1.elementUI的元素动态删减先看效果 <el-input v-for="(item ,i) in addForm.detail" :key="i" v-model="addForm.detail[i]" size="medium" :index="i"> <el-button @click="addpop(i)" :disabled="addForm.detail.length<2?true:false" style="padding-right:10px"
2021-06-26 11:38:36
452
原创 这段时间用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
1983
6
原创 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
95
原创 jq实现todolist
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"> <link .
2021-05-26 23:02:44
355
1
原创 jQuery事件
jQuery事件一、事件注册二、事件处理2.1事件绑定2.2事件处理off（）解绑事件2.3自动触发事件trigger（）一、事件注册<script> $(function() { //单个事件注册 // $('div').click(function() { // $(this).css('background', 'purple'); // });
2021-05-26 14:16:20
60
原创 jq发布微博案例
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery.min.js"></script> <style> * { margin: 0; padding: 0 .
2021-05-26 11:07:45
377
原创 jq高亮效果
<!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>D.
2021-05-25 00:37:14
200
原创 jq淘宝服饰案例tab
jq实现<!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.
2021-05-24 15:04:19
99
原创 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
73
原创 js轮播图 携程
window.addEventListener('load', function() { //获取元素 var foucss = document.querySelector('.banner'); var imgbox = foucss.children[0]; var foucsol = document.querySelector('.focusol') //获取banner宽度 var w = foucss.offsetWidth; .
2021-05-22 16:05:01
424
原创 js轮播图大众方式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>图片
2021-05-22 09:57:13
59
原创 js放大镜
<!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>D.
2021-05-20 23:12:39
49
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人