A444477的博客

原创 前端生成txt文件

![请添加图片描述](https://img-blog.csdnimg.cn/899bb28b3dca4bb68e17473a38f8e3eb.png

原创 axios拦截器

XHR（1）xhr是XMLHttpRequest的简写（2）xhr是一组API函数集，可被JavaScript、JScript、VBScript以及其他web浏览器内嵌的脚本语言调用，通过HTTP在浏览器和web服务器之间收发XML数据或者其他数据。最大的好处就是动态刷新网页。（3）xhr中的get、post请求// 创建XHRlet xhr = new XMLHttpRequest();// 利用open方法将API接口引过来，建立连接xhr.open('GET', 'http://xxxx

原创 git基础教程

git介绍分布式版本控制系统SVN是集中式版本控制系统，版本库放在中央服务器，干活首先要从中央服务器得到最新的版本，然后干活，干完后把自己做的活推送到中央服务器。而且集中式版本控制系统是必须联网才能正常工作。Git是分布式版本控制系统，没有所谓中央版本控制系统，每个人的电脑就是一个完整的版本库，工作的时候无需联网。git安装配置官网下载傻瓜安装，安装完成后，需要在git bash中进行配置：$ git config --global user.name "Your Name"$ git co

原创 npm install 错误解决

npm install 错误解决1、https://blog.csdn.net/czp555/article/details/106467177?utm_medium=distribute.pc_relevant.none-task-blog-2defaultbaidujs_title~default-0.pc_relevant_default&spm=1001.2101.3001.4242.1&utm_relevant_index=32、https://blog.csdn.net/

原创 跨域的解决办法

1、webpack的devServer配置代理2、nginx配置反向代理，负载均衡、动静分离3、设置header头配置跨域4、jsonp（局限性）5、第三方模块 cors等

原创 vue-cli 脚手架

1npm run build/yarn build 发布项目npm run serve/yarn seve 启动test: unit 测试2vue inspect > ickt.js 查看webpack配置3配置 webpack 创建vue.config.js4渐进式pwa、单元测试

原创 vue3 异步组件

https://blog.csdn.net/weixin_39841838/article/details/109326857

原创 vue3怎么绑定原型方法

const app = createApp(App);import axios from "axios";app.config.globalProperties.$axios = axios;app.use(store).use(router).mount("#app");

原创 form-data和json格式的区别和转换

区别https://blog.csdn.net/fksfdh/article/details/106153248转换https://blog.csdn.net/weixin_52361730/article/details/114883088

原创 vue的router-link的tag属性不起作用

vue3.0 貌似取消了tag

原创 node服务器的路径问题

当使用history路径模式时，出现了如下错误Uncaught SyntaxError: Unexpected token '<'且错误出现在第一行问题出现在history模式是通过改变url的path来进行改变页面，需要服务器的支持，启动了服务器之后，路径最好使用绝对路径，在那里访问都可以一访问得到。原因！！！如果在服务器上存在一个通过配置可以被直接访问的静态文件夹static中有index.html，若该html文件中有引入外部js文件如：static/js/hammer.min.j

原创 简单使用vue路由的写法

vue路由用法vue路由 vue3的写法： 1、import { createApp } from 'vue'; 2、import { createRouter, createWebHashHistory } from 'vue-router'; 3、定义路由规则 4、const router = createRouter({ routes, history： createWebHashHistory(), }) 5、定义组件 6、const app = {

原创 设置nodejs的npm的全局安装路径

找到想要设置的文件路径，用npm config set prefix设置为npm全局路径。

原创 为什么全局的vue在vscode里面不能用

一定要在自己的项目 npm install一下！！！

原创 Vue中@click事件无效？@click.native中.native的含义和使用

至于为什么加上.native就可以直接触发事件，是因为使用.native之后父级组件可以像处理原生的DOM事件一样通过 v-on 监听子组件实例的任意事件(@即为v-on:的简写)，如果不加natvie，会认为监听的是来自子组件search.vue自定义的事件，然而子组件内也没有使用$emit()来将子组件的触发事件抛出，因此onSubmit()方法没有执行。1.加.native2....

原创 前端vuex的几个问题

1、为啥子不能在actions中异步修改state数据。因为当某种类型的action只有一个声明时，action的回调会被当作普通函数执行，而当如果有多个声明时，它们是被视为Promise实例，并且用Promise.all执行，总所周知，Promise.all在执行Promise时是不保证顺序的，例如有3个promise实例：P1\P2\P3，它们3个之中不一定哪一个先有结果，如果凑巧这三个action中修改了同一个state，结果不堪设想。...

原创 webpack-dev-server不好使的原因

在体验webpack5发现了个坑点，之前项目示例中webpack4的contentBase使用不了。下图属性已经被取代。改用 static

原创 script标签的引入位置

JavaScript的执行会阻塞HTML的解析渲染；JavaScript的下载会阻塞HTML的解析，不会阻塞渲染。内嵌式script时，不管放在哪里，都会因为执行js而阻碍html的解析和渲染外部引入script时，network线程下载只会影响html的解析，不会影响渲染。所以将script标签放在body尾部可以避免出现因为阻塞html渲染而导致的长时间白屏现象。当使用script标签引入外部js文件时, Network线程会阻塞HTML的解析, 但不会阻塞HTML的渲染;因此网上大部分的观点

原创 什么时候用methods什么时候用computed？计算属性和方法的区别？

methods一般运用在需要主动触发的事件上，computed则是用在响应对某个数据的处理上。computed依靠自己的依赖进行缓存，因为着只要依赖的变量不变，计算属性返回的值永远是原来运行的结果。而methods每次渲染调用就会和函数一样重新执行一次。...

原创 vscode的clg快捷键设置

原创 webStorage中localStorage、sessionStorage、cookie的区别

webstoragewebstorage是本地存储，存储在客户端，包括localStorage和sessionStorage。localStoragelocalStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。sessionStoragesessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除。存放数据大小为一般为5MB

原创 vue基础02

类的绑定样式绑定条件模板指令条件模板指令和显隐指令模板指令：控制元素创建和删除的指令循环模板指令支付宝邮箱交互过渡过渡动画过渡只有在本元素样式是用的class绑定的情况下宽高过渡才会展现，id等都不行。过渡事件多元素过渡列表过渡sort的用法array.sort(sortby)默认按照unicode编吗排序function（a，b） {return a-b/return b-a}return的值小于0则a在前，所以a-b就是升序从小到大，b-a就是

原创 前端图片src动态绑定失效，静态路径有用的问题

原因：图片在assets文件夹中的情况：项目编译过程中会被webpack打包处理编译为模块依赖，加载图片需要通过url-loader加载器实现，url-loader加载器解析不了动态绑定的src地址，因此动态绑定src需要通过加载模块的方法去加载图片，使用require（）。解决办法：### 1、使用require请求模块### 2、将图片文件放在static文件夹下，不会被打包如下图：...

原创 Vue基础第一天

Vue基础第一天MVVM模型双向绑定的实现V->M:事件监听M->V:特性set、get $setwebpack编译数据丢失计算属性数据插值和属性绑定单例单例模式的核心是：确保只有一个实例，并且提供全局访问全局模式不是单例模式，但在Javascript开发中，我们经常会把全局变量当作单例来使用。例如:var a={};当用这种方式创建对象a的时候，对象a确实是独一无二的。如果变量a被声明在全局作用域中，则我们可以在代码中的任意位置使用

原创 箭头函数和function的区别

箭头函数和function的区别1、写法不同2、this指向不同，箭头函数的this指向定义函数的环境，固定不变3、箭头函数不能当构造函数4、箭头函数不能变量提升

原创 前端第27次总结-节点、快捷尺寸、获取样式的方法、键盘事件、面向对象、原型、原型链、安全类、内置的构造函、继承、BOM、Git、touch事件、动画、zepto、touch

前端第27次总结-节点快捷尺寸1、元素： clientWidth|Height 内容宽高 offsetWidth|Height +padding宽高 clientLeft|Top border的宽高2、jq Width|Height 内容宽高 innerWidth|innerHeight 带padding宽高 outerWidth|outerHeight 带border宽高 outerWidth|outerHeight（true） 带margin3、定位元素 offsetPar

转载 前端26次总结--jQuery特点、常用方法--jq操作节点

$()、延迟、终止、函数节流和防抖、highcjarts插件、节点操作、animate动画、节点、jquery中的节点操作、更改this指向、代码规范事件流程、dom2级事件绑定、IE中的高级绑定方式、dom0级和dom2级的区别、dom0 和 attachEvent 的区别、dom2级、dom0级移除方式 IE 移除、事件对象、事件总结、高级浏览器和IE阻止冒泡、默认、IE的事件对象、事件其他属性jQuery历史和特点特点 ： 简化dom开发、兼容$()常用方法延迟、终止函数节

原创 前端第25次总结--或与分组和非捕获组、预定义类、定时器等

----或与分组和非捕获组、预定义类、定时器和—dom操作、事件、属性和样式操作、样式计算、能力检测或与分组、非捕获组预定义类定时器dom操作dom事件属性操作样式操作对应与排他选项卡<body> <div id="app" class="app"> <div class="header"> <span class="choose">精选</span>

原创 前端第24次总结--JavaScript作用域、闭包、IIFE、数组、数组方法、排序、类数组、对象、json、this、字符串的属性和方法、正则方法、字符集、边界、量词

前端第24次总结–JavaScript作用域、闭包、IIFE、数组、数组方法、排序、类数组、对象、json、this、字符串的属性和方法、正则方法、字符集、边界、量词作用域闭包// 函数封闭数据的作用 function demo() { var num = 10; console.log(num); } demo(); // 外部不能访问内部数据 console.log(

原创 前端第23次总结--JavaScript简介、版本发展、js基础语法

前端第23次总结–JavaScriptJavaScript介绍版本发展js是由es、dom、bom组成的。alertconsole.log 和 控制面板声明提升，变量只提升定义不提升赋值，函数整体提升数据类型运算符math对象非是原来是0，就变1，原来为1，就变0异或是两者相同则为0，不同则为1补码的补码等于原码...

原创 前端第22天--rem布局

前端第22天–rem布局rem 和 emrem：font size of the root element，rem是相对于根元素来设置字体大小的，这就意味着，我们只需要根据自己的需求在根元素确定一个参考值。em：以使用em为单位的元素本身的font-size大小为参考点，标准不统一，容易造成混乱浏览器的默认字体高度一般为16px，即1em:16px，但是 1:16 的比例不方便计算，为了使单位em/rem更直观，CSS编写者常常将页面跟节点字体设为62.5%，比如选择用rem控制字体时，先需要设置根

原创 前端第21天--bootstrap的表单、按钮、图片、字体图标和nav导航类、媒体查询

前端第21天–bootstrap的表单表单<body> <form action="" class="form-horizontal"> <!-- row用form-group代替 --> <!-- 栅格布局中，列用col代替 --> <div class="form-group" > <!-- 通过control-label对label添加样式 --&g

原创 前端第20天--bootstrap、栅格系统、辅助类、表格

前端第20天–bootstrapbootstrap 的简介、组成、下载、引入、使用栅格系统

原创 前端18、19天--景深、背面不可见、正方体、浮动布局、列表布局、双飞翼布局、固比固、圣杯、flex布局项目

前端18、19天–景深、景深<style> .container { /* transform-style: preserve-3d; */ perspective: 1000px; /* transform: rotateY(30deg); */ width: 300px; height: 120px; border: 5px

原创 前端第17天--阴影渐变、背景、过渡、变换、动画

前端第17天–阴影渐变、背景、过渡、变换、动画渐变：.item { height: 200px; width: 200px; background-image: -webkit-linear-gradient(top,green,red,yellow); } .item2 { height: 200px; width: 200px;

原创 前端16天--IFC、BFC、H5新特性、选择器、伪类元素、扩展盒模型、圆角、盒子阴影等--2021/4/21

前端16天–IFC、BFC、H5新特性–2021/4/21HTML5是HTML标准的最新演进版本：1、是一个新的HTML语言版本包含了新的元素、属性和行为。2、同时包含了一系列可以被用来让web站点和应用更加多样化的、功能更强大的技术。（API）之前学的是HTML4.01（Xhtml1.0）2014.10.29，HTML5诞生XHTML 元素必须被正确地嵌套。XHTML 元素必须被关闭。标签名必须用小写字母。XHTML 文档必须拥有根元素。H5兼容性：chrome://flagsc

原创 几种查重算法（python版）--查找、删除数组中重复元素的算法

几种查找数组中重复元素的算法（python版）最简单粗暴的在41、利用set方法和count（list.obj) 实现删除重复和统计重复。代码如下：# set集合方法去重 count(list.obj)记录出现次数str_1 = r'''It was designed by the prestigious architect Zaha Hadid and has a wave-like roof that is 160 metres long.Today's special events

原创 冒泡排序、快速排序、插入（直接插入）排序、二分搜索算法--python版

冒泡排序、快速排序、插入（直接插入）排序、二分搜索算法–python版冒泡排序冒泡排序：例如 一个数组[5，10，6，7，4，5，9] 要求从小到大排序第一轮，从第一个数字开始往后遍历数组，和后一个数字比较，如果前一个大于后一个，就交换位置，让比较大的那个数字继续和后面的数字进行比较，直到最后就得到这个数组里面最大的数字，放在了数组最后面。第二轮，和第一轮同理，比较到倒数第二个数字停，这就是数组中第2大的数字。循环往复，就得到从小到大排好序的数组了。代码如下：# 将列表中数字按照从小到大

原创 python 学生成绩管理系统

python 学生成绩管理系统需求：代码：import osfilename = 'student.txt'def main(): while True: menu() choice = int(input("请选择：")) if choice in [0,1,2,3,4,5,6,7]: if choice==0: answer = input("你确定要退出吗？y/n")

原创 2021/3/29--前端第15天--csshack、IE6兼容、css单位、BFC\IFC 、布局导航

2021/3/29–前端第15天–csshack、IE6兼容、css单位、布局导航csshack属性值的hack选择器的hack<style> /* 内容css hack */ h1{ color: red; /* ie6下为绿色 */ /* 下划线或者横线 */ _color:green; /* ie 6/7 黄色 */