前端
文章平均质量分 76
idiot_MAN
这个作者很懒,什么都没留下…
展开
-
面试题:项目中如何封装axios请求
请求拦截器和响应拦截器是 axios 提供的拦截器机制,用于在 HTTP 请求和响应的过程中,对请求和响应进行统一的处理。原创 2023-03-17 18:12:12 · 1262 阅读 · 1 评论 -
Node.js-----使用express写接口
cros(Cross-Origin Resource Sharing,跨域资源共享)由一系列HTTP响应头组成,这些HTTP响应头决定浏览器是否阻止前端JS代码跨域获取资源浏览器的同源安全策略默认会阻止网页"跨域"或缺资源,但是如果接口服务器配置了CROS相关的HTTP响应头就可以接触浏览器端的跨域访问限制。原创 2023-03-14 18:14:54 · 619 阅读 · 0 评论 -
Express的详细教程
什么是Express官方给出的概念:Express是基于Node.js平台,快速,开放,极简的Web开发框架通俗的理解:Express的作用和Node.js内置的http模块类似,是专门用来创建Web服务器的Express能做什么对于前端程序员来说,最常见的两种服务器,分别是:Web 网站服务器:专门对外提供 Web 网页资源的服务器。API接口服务器:专门对外提供API接口的服务器。使用Express,我们可以方便、快速的创建Web 网站的服务器或API接口的服务器。原创 2023-03-09 09:11:00 · 4153 阅读 · 1 评论 -
解决跨域的方案:JSONP,cors方式 ,vue-cli反向代理(最常用的方法)
Vue.config.js的配置(配置反向代理)----在module.exports中。原创 2022-10-19 10:31:30 · 294 阅读 · 0 评论 -
fetch和axios的使用
XMLHttpRequest是一个设计非常粗糙得API,配置和调试方式非常混乱,而去基于事件得已不模型邪气来不友好。url参数是必须要填写的,option可选,设置fetch调用时的Request对象,如method、headers等。Axios 是一个基于 promise 的网络请求库,可以用于浏览器和 node.js。请求,但是与XMLHttpRequest不同的是,,相比较XMLHttpRequest更加的简洁。接收的才是后台传过来的真正的数据,一般第一个。实例,值得注意的是fetch方法的第二个。原创 2022-10-18 22:36:51 · 172 阅读 · 0 评论 -
Vuex使用和v-model语法详细教程
/ 初始化vuex对象state: {// 管理数据count: 0,},})如何在组件中获取count?state: {// 管理数据},// d定义mutations}})mutations是一个对象,对象中存放修改state的方法// 方法里的参数 第一个参数是当前store的state属性// 第二个参数payload 运输参数 调用mutations的时候 可以传递参数},},},如何在组件中调用mutations?actions: {原创 2022-09-29 21:43:32 · 864 阅读 · 0 评论 -
VUE路由案例(商品列表)---vue练习必选项目(附原码)
练习VUE基础知识点,练习了组件封装,父子组件之间得通信,组件插槽和组件路由,是一个很不错得练习项目。原创 2022-09-28 22:23:21 · 1038 阅读 · 0 评论 -
前端常见面试题---flex:1 是什么?
如果一个项目的flex-grow属性为2,其他项目都为1,则前者占据的剩余空间将比其他项多一倍。flex-shrink属性定义了项目的缩小比例,默认为1,即如果空间不足,该项目将缩小。flex-shrink属性定义了项目的缩小比例,默认为1,即如果空间不足,该项目将缩小。含义:将剩下得600-100-200=300px 平分为3份,flex-grow :1 占1份 、flex-grow :2 占2份。flex-shrink:定义了项目得缩小比列,默认值为1,即如果空间不足,将该项目缩小。原创 2022-09-27 09:14:13 · 2938 阅读 · 0 评论 -
组件插槽和自定义属性
除了核心功能默认内置的指令(v-model和v-show),vue允许我们注册自定义指令。v-xxxxhtml+css的复用的主要形式是组件你需要对普通DOM元素进行底层操作,这时候就会用到自定义指令目标:获取标签 扩展额外的功能使用自定义指令,传入一个值需求:定义color指令,传入一个颜色,给标签设置文字颜色。原创 2022-09-26 10:19:24 · 522 阅读 · 0 评论 -
$refs 、$nextTic、动态组件、name的使用
我们封装的组件,可以自己定义name属性组件名 让使用者有个统一的前缀风格。使用vue内置的keep-alive组件,可以让包裹的组件保存在内存中不被销毁。 Vue内置的keep-alive组件,包裹要频繁切换的组件。vue内置component组件,配合is属性,设置要显示的组件。使用keep-alive内置的vue组件,让动态组件缓存。组件切换会导致组件被频繁的销毁和重新创建,性能不高。多个组件使用一个挂载点,并动态切换,就是动态组件。可以用组件的name属性值,来注册。原创 2022-09-26 10:16:00 · 500 阅读 · 0 评论 -
vue生命周期
组件 从到的整个过程 就是生命周期原创 2022-09-22 22:39:24 · 184 阅读 · 0 评论 -
vue组件通信---父传子、子传父、非父子之间的数据传递
/ 导出空白的vue对象。原创 2022-09-22 09:24:30 · 565 阅读 · 0 评论 -
vue面试题(二)
Vue.js允许自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和v-bind表达式全局的用Vue.filter()局部的用filters属性。原创 2022-09-21 10:42:24 · 104 阅读 · 0 评论 -
vue脚手架---组件的使用
一个页面,可以拆分成一个个组件(一个vue文件),一个组件就是一个整体,每个组件可以有自己独立的结构,样式和行为(html,css,js)单双标签都可以或者小写加 - 形式,运行后,会把这个自定义标签当做组件解析,使用 组件里封装的标签替换到这个位置。在style上假如scoped属性,就会在此组件的标签上加上一个随机生成的data-v开头的属性。: 封装的思想,把页面上 可复用的部分,封装为组件,从而方便项目的开发和维护。每个组件都是一个独立的个体,代码里体现为一个独立的vue文件。原创 2022-09-21 09:33:21 · 732 阅读 · 0 评论 -
如何打开别人的vue项目
我们从上下载别人的vue源码, 应该如何运行呢?打开别人的 vue项目 ,找到vue项目所在的文件夹,如果有node_modules 文件夹 请删除,如果没有继续下面的步骤。原创 2022-09-20 21:45:05 · 5311 阅读 · 5 评论 -
@vue/cli脚手架的安装
项目中没有webpack.config.js文件,应为@vue/cli用的vue.config.js// 覆盖webpack的配置 devServer : {//自定义服务配置 open : true , //自动打开浏览器 port : 3000 , } , })原创 2022-09-20 16:56:49 · 222 阅读 · 0 评论 -
vue基础-动态class、动态style、vue过滤器、vue计算属性vue基础-动态class、动态style、vue过滤器、vue计算属性
转换格式,过滤器就是一个函数,传入值返回处理后的值过滤器只能用在插值表达式 和v-bind 表达式字母转大写:输入 hello 输出 ‘HELLO’字符串翻转 输入’hello world’ 输出 ’dlrow olleh‘时间戳转换为时间日期格式全局: Vue.filter(‘过滤器名’,(值)=>{return 返回处理后的值})局部: filters:(过滤器名字,(值)=>{return 返回处理后的值})原创 2022-09-19 22:16:24 · 924 阅读 · 0 评论 -
vue数据监听 -key的作用 和diff算法
2:数组截取 3:更新值数组非变更方法,返回新数组,不会导致v-for更新,可采用覆盖数组 或this.$set。原创 2022-09-19 16:01:02 · 1260 阅读 · 0 评论 -
JS数组常用的方法
整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。2.1如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。2.2如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。向数组添加的新项目。slice() 方法可从已有的数组中返回选定的元素。原创 2022-09-18 22:36:11 · 354 阅读 · 0 评论 -
VUE基础常见面试题
即模型-视图-视图模型, VM是这个设计模式的核心, 连接v和m的桥梁, 内部会监听DOM事件, 监听数据对象变化来影响对方. 我们称之为数据绑定。 Vue 处理指令时,v-for 比 v-if 具有更高的优先级, 虽然用起来也没报错好使, 但是性能不高, 如果你有5个元素被v-for循环, v-if也会分别执行5次. MVC: 也是一种设计模式, 组织代码的结构, 是model数据模型, view视图, Controller控制器, 在控制器这层里编写js代码, 来控制数据和视图关联。原创 2022-09-18 21:24:21 · 101 阅读 · 0 评论 -
vue指令
标签名 v-bind:属性名=“属性值” /> v-show用的是display:none控制标签的显示隐藏 (频繁切换)v-if 用的是插入和删除节点来控制标签的显示隐藏。v-for=“(值,索引) in 目标结构”v-model.修饰符=“vue数据变量”v-model=“vue数据变量”v-for=“值 in 目标结构”让v-model拥有更强大的功能。原创 2022-09-18 21:23:41 · 225 阅读 · 0 评论 -
Vue基础概念
渐进式:逐渐进步,想用什么就用什么,不用全部都用 vue从基础开始学习,循序渐进向前学习声明式渲染—组件系统—路由—vuex库: 封装的属性和方法(jquery)框架:拥有自己的规则和元素,比库强大的多(vue.js)原创 2022-09-18 21:23:09 · 196 阅读 · 0 评论 -
Git下载,安装与环境配置
Git 常用的是以下 6 个命令:git clone、git push、git add 、git commit、git checkout、git pull,后面我们会详细 介绍。Git 使用 git init 命令来初始化一个 Git 仓库,Git 的很多命令都需要在 Git 的仓库中运行,所以 git init 是使用 Git 的第一个命令。git tag atag 当你执行 git tag -a 命令时,Git 会打开你的编辑器,让你写一句标签注解,就像你给提交写注 解一样。原创 2022-09-14 22:25:43 · 646 阅读 · 0 评论 -
webpack基础教程
webpack 是node的第三方模块包,用于打包代码webpack是一个现代JavaScript应用程序的功能:html/css/js------>压缩合并。原创 2022-09-13 22:59:55 · 711 阅读 · 0 评论 -
ES6模块---前端模块
每个js文件都是一个独立的模块导入其它模块成员使用 import向外共享模块成员 适用 export注意:NodeJS默认仅支持Commonjs模块化规范,想基于node.js体验es6的模块化,需要配置1:安装了 v14.15.1或更高版本的node2:在package.json的根节点中添加 "type":"module"原创 2022-09-13 10:13:58 · 210 阅读 · 0 评论 -
node模块---后端模块
1:通过require导入自定义模块,得到的是module.exports所指向的对象2:使用module.exports对象将模块内的成员共享出去,供外界使用/*module.exports单词写起来比较复杂,为了简化向外共享成员的代码,node提供了exports对象exports和module.exports指向的是同一个对象exports和module.exports指向不同的对象,以module.exports为准*/let a = 10}// a: a,// }原创 2022-09-13 10:06:16 · 278 阅读 · 0 评论 -
node基础教程
自定义模块就是自己定义的模块注意:自定义模块中定义的方法,变量只能在当前的模块中使用加载模块:require() 可以引入需要的内置模块,用户自定义模块,第三方模块向外共享:每个js自定义模块中都有一个module对象,它里面存储了和当前模块有关的信息定义模块aa.js// 向外暴露定义模块bb.js{ name: '张三', age: 12 },{ name: '李四', age: 22 },{ name: '王五', age: 33 },]index.js中使用两个模块```\原创 2022-09-12 22:47:45 · 320 阅读 · 0 评论 -
npm教程
npm安装npm集成到了node.js里面。node.js是在服务器端运行JavaScript的平台,Node保留了前端浏览器 JavaScript中那些熟悉的接口,没有改写语言本身的任何特性,依旧基于作用域和原型链,区别在于它将 前端中广泛运用的思想迁移到了服务器端。node.js 后面会详细讲解。node.js 下载地址: http://nodejs.c n/download 下载完成,安装完成node.js,npm也会同步安装好。原创 2022-09-12 15:31:44 · 265 阅读 · 0 评论 -
HTTP协议简介
通信就是信息的传递和交互通信三要素: 通信的主体,通信的内容,通信的方式HTTP协议就是超文本传输协议,规定了客户端和服务端之间进行网页内容的传输时,所必须遵守的传输格式客户端要以HTTP协议要求的格式把数据提交到服务器服务器要以HTTP协议要求的格式把内容响应给客户端HTTP请求方法 属于http协议中的一部分,请求方法的作用,用来表明要对服务器上的资源执行的操作最常用的请求方法GET和POSTHTTP请求方法GET 发送请求来获得服务器上的资源(查询)原创 2022-09-09 10:00:24 · 195 阅读 · 0 评论 -
防抖和节流
缓存搜索的列表1 定义全局缓存对象2:将搜索结果存储到缓存对象中3优先从缓存中获取搜索列表节流【重点】防抖和节流的区别防抖:事件被频繁触发,防抖能保证只有最后一次触发生效,前面N多次的触发都会被忽略节流:事件被频繁触发,节流能够减少事件触发的频率,有选择性的执行一部分事 件案例一:跨域搜索跨域搜索(应用防抖节流)原创 2022-09-07 21:08:55 · 164 阅读 · 0 评论 -
es6新特性
ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。ECMAScript是JavaScript的一套标准ES6(JavaScript语言的下一个版本)ES6的第一个版本是在2015年6月发布的----ECMAScript2015(ES2015)原创 2022-09-07 20:51:10 · 273 阅读 · 0 评论 -
同源策略和跨域
如果两个页面的协议 (http) ,域名(www.xxx.com) 和端口(80)都相同,则两个页面具有相同的源http://www.test.com/outer.html 同源https://www.test.com/about.html 不同源 协议不同http://blog.test.com/index.html 不同源 域名不同http://www.test.com:80/outer.html 同源同源策略 是浏览器提供的一个安全策略。原创 2022-09-07 09:03:38 · 276 阅读 · 0 评论 -
jQuery中form表单基本使用
表单在网页中主要负责数据采集的功能,HTML中的form标签,主要用于采集用户输入的信息,并通过form标签的提交操作,把采集到的信息提交到服务器端进行处理。原创 2022-09-06 23:23:52 · 1370 阅读 · 0 评论 -
jQuery的Ajax
浏览器中提供的XMLHttpRequest 用法比较复杂,jQuery对XMLHttpRequest进行封装,提供了一些列Ajax相关的函数,降低了Ajax的使用难度。原创 2022-09-06 14:00:08 · 216 阅读 · 0 评论 -
JQuery
jquery一个高效的,精简的且功能丰富的JavaScript工具库,满足了各种浏览器的兼容问题web应用发展的过程中,jquery起到了不可或缺的推动作用当下框架流行的时代,jquery不再那么适用使用jquery感受,简单简洁,链式调用,读写一体。原创 2022-09-06 10:42:02 · 182 阅读 · 0 评论 -
AJAX详细教程
全称 AsynchronousJavaScript+XML(异步JavaScript和XML)在网页中利用XMLHttpRequest对象和服务器进行数据交互的方式,就是Ajax。原创 2022-09-03 16:43:42 · 621 阅读 · 0 评论 -
Echars---数据可视化详细教程
应对现在数据可视化的趋势,越来越多企业需要在很多场景(营销数据,生产数据,用户数据)下使用,可视化图表来展示体现数据,让数据更加直观,数据特点更加突出。原创 2022-08-31 21:50:47 · 419 阅读 · 0 评论 -
es6新特性
ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。ECMAScript是JavaScript的一套标准ES6(JavaScript语言的下一个版本)ES6的第一个版本是在2015年6月发布的----ECMAScript2015(ES2015)...原创 2022-08-29 17:19:05 · 161 阅读 · 1 评论 -
常用的正则表达式代码(收藏保存)
常用的正则表达式验证代码原创 2022-08-29 16:14:13 · 731 阅读 · 0 评论 -
Pandoc——Pandoc安装、使用
Markdown 是我平时编写各类材料和文章时最喜欢的工具之一,但将其作为文档分发时却略有些不便。直至我发现了 Pandoc,它可以将文档在 Markdown、LaTeX、reStructuredText、HTML、Word docx 等多种标记格式之间相互转换,并支持输出 PDF、EPUB、HTML 幻灯片等多种格式。该程序被称为格式转换界的 “瑞士军刀”。如果已经安装了 [LaTeX][https://so.csdn.net/so/search?2,打开cmd,切换到word文件所在的目录。...原创 2022-08-29 15:57:04 · 1196 阅读 · 0 评论