web前端技术
文章平均质量分 78
来杯黑美式
github:https://github.com/laiba345
展开
-
Vue组件间通信方式总结
【代码】Vue组件间通信方式总结。原创 2023-04-03 14:26:48 · 377 阅读 · 1 评论 -
Pinia状态管理
我们知道Store是使用defineStore() 定义的并且它需要一个唯一名称,作为第一个参数传递// 返回一个函数,该函数的命名有自己的规范count: 99,})})这个name,也称为id,是必要的,Pinia使用它来将Store连接到devtools返回的函数,统一使用useX作为命名方案,这是约定的规范Store在它被使用之前是不会创建的,我们可以通过调用use函数来使用Store// 原来的响应式的方式。原创 2023-03-10 15:47:47 · 644 阅读 · 1 评论 -
JavaScript重要知识点之~闭包
首先,在nAdd前面没有使用var关键字,因此nAdd是一个全局变量,而不是局部变量。其次nAdd是一个匿名函数,而这个匿名函数本身也是一个闭包,所以nAdd相当于是一个操控者,可以在函数外部对函数内部的局部变量进行操作。:上述代码中,result实际上就是闭包f2函数。它一共运行了两次,一次结果为999,一次为1000。:这证明了f1中的局部变量n一直保存在内容中,并没有在f1调用后被自动清除。原创 2023-03-06 18:48:59 · 461 阅读 · 0 评论 -
在Vue项目中引入Bootstrap样式
【代码】在Vue项目中引入Bootstrap样式。原创 2023-02-19 15:53:00 · 828 阅读 · 0 评论 -
M1芯片Mac安装node.js外加全局环境配置(nvs安装)
1、Node.js2、HomeBrew3、Git4、Nvs原创 2023-01-16 20:11:08 · 815 阅读 · 0 评论 -
前端工具(运用造型)
我们只需要刷新浏览器,就可以看到改动后的内容。实际上,我们可以看到,nodemon其实也是在调用node命令。:调用require(‘fastclick’)会返回FastClick.attach函数。原创 2023-01-15 15:27:19 · 607 阅读 · 0 评论 -
ES6的编程风格(十大编程风格)
也就是对于函数原型上添加方法时,不在使用prototype,而是直接在class 里面定义。原创 2022-12-02 11:10:29 · 523 阅读 · 0 评论 -
ECMAScript重点复习(二)
解释:上面代码中,变量foo直接写在大括号里面。这时,属性名就是变量名, 属性值就是变量值。下面是另一个例子。除了属性简写,方法也可以简写解释:上面method:function… 可以直接写成 method() {}这种写法用于函数的返回值,将会非常方便CommonJS 模块输出一组变量,就非常合适使用简洁写法。属性的赋值器(setter)和取值器(getter),事实上也是采用这种写法。(使用set和get来进行书写操作)简洁写法在打印对象时也很有用解释:上原创 2022-10-25 15:53:14 · 402 阅读 · 0 评论 -
数组去重的10种方式(JavaScript)
【代码】数组去重的10种方式(JavaScript)原创 2022-10-10 15:42:42 · 822 阅读 · 0 评论 -
尚品汇后台管理项目(Vue)
简洁版加强版buildmocknode_modulespublicsrc - 程序员源代码存储的地方后台管理系统API接口在线文档:在线接口文档1在线接口文档2书写API (store -> modules -> user.js)一般是先在vuex中书写相应的api如:actions,commit等 然后在具体想用的组件中进行dispatch操作axios二次封装二次封装的时候,有些内容我们也要进行修改,如服务器返回的接口,有时候返回真实的结果可能是200,也可能是20000换成真实接原创 2022-09-29 15:33:43 · 3329 阅读 · 3 评论 -
ECMAScript重点复习(一)
let x = 1;解构赋值可以方便地将一组参数与变量名对应起来// 参数是一组有次序的值 function f([ x , y , z ]) {// 参数是一组无次序的值 function f({... } f({原创 2022-09-29 10:27:33 · 431 阅读 · 0 评论 -
Vue3(笔记)
使用vite创建什么是vite? - 新一代前端构建工具传统构建与vite构建对比图创建步骤具体应用常用 Composition API官方文档ref函数作用:定义一个响应式的数据语法① 创建一个包含响应式数据的引用对象(reference对象,简称ref对象)② JS中操作数据:xxx.value③ 模板中读取数据:不需要.value,直接备注:ref函数_处理基本类型 && ref函数_处理对象类型reactive函数作用: 定义一个对象类型的响应式数据(基本类型不原创 2022-08-22 08:21:36 · 387 阅读 · 0 评论 -
JavaScript中的Map的使用 (滑动窗口使用Map)
因为这样初始化 left = right = 0 时区间 [0, 0) 中没有元素,但只要让 right 向右移动(扩大)一位,区间 [0, 1) 就包含一个元素 0 了。3、此时,我们停止增加 right,转而不断增加 left 指针缩小窗口 [left, right),直到窗口中的字符串不再符合要求(不包含 T 中的所有字符了)。2、我们先不断地增加 right 指针扩大窗口 [left, right),直到窗口中的字符串符合要求(包含了 T 中的所有字符)。窗口加入字符时,应该更新哪些数据?...原创 2022-08-18 17:08:27 · 228 阅读 · 0 评论 -
Vue中组件通信方式 || V-model || Vue进阶
1、适用场景子组件给父组件传递数据使用$emit和 $on【简写@】2、事件分类原生DOM事件【click|mouseenter…】自定义事件【子给父传递数据】,自定义事件也可以使用click等,不过要加上一些修饰关键字 native等组件绑定原生DOM事件,并非原生DOM事件,而是所谓的自定义事如果你想把自定义事件变为原生DOM事件,需要加上修饰符.native修饰这个修饰符,可以把自定义事件【名字:原生DOM类型的】变为原生DOM事件,...原创 2022-08-17 20:48:33 · 438 阅读 · 0 评论 -
直接在组件中调用接口获取数据(不通过Vuex)【需掌握了解】
POST原创 2022-08-14 20:41:09 · 356 阅读 · 0 评论 -
路由导航守卫(进阶)
路由导航守卫....持续更新,笔记原创 2022-08-13 17:43:10 · 223 阅读 · 0 评论 -
Web项目 - 登录注册业务逻辑
web项目,登录注册业务逻辑原创 2022-08-12 12:09:39 · 953 阅读 · 0 评论 -
使用Mock技术模拟数据
使用mock技术模拟假数据原创 2022-08-08 16:20:44 · 1391 阅读 · 0 评论 -
axios(尚硅谷)
web前端axios技术原创 2022-08-06 10:25:00 · 2741 阅读 · 0 评论 -
JavaScript权威指南(原书第7版) 犀牛书
前端JS犀牛书重点知识(持续更新ing...)原创 2022-08-06 09:32:26 · 4614 阅读 · 0 评论 -
npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! Vue开发中安装库经常报错
npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR!npm ERR! While resolving: @vue/eslint-config-standard@6.1.0npm ERR! Found: eslint-plugin-vue@8.7.1npm ERR! node_modules/eslint-plugin-vuenpm ERR! dev eslint-plugin-vue@"^8.0.3" from t原创 2022-07-18 10:06:14 · 24498 阅读 · 7 评论 -
VUE框架
Vue框架(尚硅谷教程,持续更新)原创 2022-07-08 20:00:54 · 1567 阅读 · 2 评论 -
github通过git命令上传文件
github文件上传,解决网站上无法拖拽上传文件的问题原创 2022-06-04 17:37:13 · 580 阅读 · 0 评论 -
移动WEB开发之流式布局
学习目录移动端最终需要完成一个京东页面原创 2022-06-04 10:52:52 · 650 阅读 · 0 评论 -
HTML + CSS3基础看课笔记
换行标签文本格式化标签(对文字突出重要性)比较推荐前面的一组div可以看成是一个大盒子,span可以看成是一个小盒子span意为跨距,多个span可以在同一行当中border是设置边框原创 2022-05-14 15:05:08 · 268 阅读 · 2 评论 -
CSS 2D 3D转换
CSS3 2D转换为什么称为2D转换呢2D转换之移动translate最大的优点是不会影响其他元素的位置像margin-top等都会影响其他元素的布局,上面的往上面走,下面的会浮上去填满使用这种过渡效果不会影响的元素translate里面的符号使用百分比<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv原创 2022-05-08 20:36:08 · 445 阅读 · 0 评论 -
CSS练习二:大背景 + 小背景页面显示
实现效果图1代码实现<!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"> &l原创 2022-04-09 15:44:05 · 586 阅读 · 0 评论 -
CSS练习
实现效果图代码实现:<!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"> &l原创 2022-04-09 11:06:54 · 1021 阅读 · 0 评论 -
NPM(包管理工具)
课程说明NPM ---- 包管理器认识一下什么是NPM类似于手机里的APP Store全称*(Node Package Manager),即node包管理器是Node.js默认的、以JavaScript编写的软件包管理系统npm来分享和使用代码已经成了前端的标配官网npm被全球超过1100万开发人员所依赖拥有超过一百万个软件包,是世界上最大的软件注册表总结:拥有了NPM,相当于拥有了超过一百万个软件包,一旦学完npm,后面都用npm来管理包NPM的安装npm是Node,js默认原创 2022-04-03 22:47:29 · 4551 阅读 · 0 评论 -
Git(用在IDEA中)
前言之版本控制什么是版本控制?版本控制(Revision control)是一种在开发的过程中用于管理我们对文件、目录或工程等内容的修改历史,方便查看更改历史记录,备份以便恢复以前的版本的软件工程技术。版本控制的作用?实现跨区域多人协同开发追踪和记载一个或者多个文件的历史记录组织和保护你的源代码和文档统计工作量并行开发、提高开发效率跟踪记录整个软件的开发过程减轻开发人员的负担,节省时间,同时降低人为错误无论是工作还是学习,或者是自己做笔记,都经历过这样一个阶段!我们就迫切需要一个版原创 2022-04-02 10:52:38 · 1186 阅读 · 0 评论 -
ES6教程
什么是ECMA?ECMA(European Computer Manufacturers Association)中文名称为欧洲计算机制造商协会,这个组织的目标是评估、开发和认可电信和计算机标准。1994 年后该组织改名为 Ecma 国际;什么是ECMAScript?ECMAScript 是由 Ecma 国际通过 ECMA-262 ***标准化的脚本程序设计语言***;let变量声明与声明特性声明变量let alet blet c, d, elet f = 100let g = 532原创 2022-03-25 21:14:11 · 1196 阅读 · 0 评论 -
Ajax(Web数据交互方式)
发送POST请求在***为一个元素绑定事件***(使用添加监听的方式来进行)的时候,有以下四个步骤:① 创建对象 ==> ② 初始化,设置类型与URL ==> ③ 发送,一般来说发送的形式随意,没有过多的一个要求 ==> ④ 事件绑定代码示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA原创 2022-03-22 09:28:39 · 1184 阅读 · 0 评论 -
Ajax中express框架安装失败npm ERR(A complete log of this run can be found in)
上面出现的问题就是代码书写路径上使用了中文,改为英文路径名即可!安装时的编码指令都是一样的初始化编码npm init --yes安装express库编码npm i expressnpm install express -g上面两个都可以试下...原创 2022-03-21 10:42:34 · 435 阅读 · 0 评论 -
jQuery
01-10了解jQueryjQuery是一个javaScript库jQuery极大简化了JavaScrip编程初识jQuery例子:需求:点击"确定" 按钮,提示输入的值方式一:使用原生DOM实现<script> // 使用原生dom实现 window.onload = function () { var btn1 = document.getElementById('btn1') btn1.onclick = function原创 2022-03-14 09:57:18 · 1232 阅读 · 0 评论 -
JavaScript中call和apply的理解
JavaScript的框架中,其实最底层的封装方法就是各种回调这样的好处就是省去了开发者要写大量代码去封装方法的时间,让开发者记住调用的方法,拿过来就能用,什么Agular,Vue…其实扒开底裤,都是这些玩意那么call和apply这两方法就是给了各个框架发挥想象力的空间了…代码演示function aa() { // (3)所以,aa中的this,指向bb console.log(this) this.say = function (n) { conso转载 2022-02-26 16:13:28 · 139 阅读 · 0 评论 -
尚硅谷JavaScript高级教程(javascript实战进阶)
01 - 10准备开课前的一些基础知识(略)数据类型分类:基本数据类型(值)① String - 任意字符串 ② Number - 任意的数字 ③ boolean - true/false④ undefined - undefined ⑤ null - null引用数据类型(对象)① Object - 任意对象 ② Function - 一种特别的对象(可以执行)③ Array - 一种特别的对象(数值下标, 内部数据是有序的)判断数据类型typeof可以判断u原创 2022-02-23 15:12:57 · 1207 阅读 · 0 评论 -
JavaScript视频 --李立超
JavaScript简介起源95年,主要用于处理网页中的前端验证 – 检查用于输入的内容是否符合一定的规则比如:用户名长度密码的长度邮箱的格式等现在常常用作页面的一些动态效果的展示:甚至是一款 小游戏都可以使用JavaScript来完成Node.js用在服务器上面JS的标准命名ECMAScript,是网景公司把JavaScript捐出来了以后规定命名ECMAScript是一个标准,这个标准需要由各个浏览器厂商来实现。不同的浏览器使用的引擎是不一样的,JavaScript实现原创 2021-12-29 19:49:43 · 1256 阅读 · 1 评论 -
JavaScript教程 -- 廖雪峰
JavaScript历史要了解JavaScript,我们首先要回顾一下JavaScript的诞生。在上个世纪的1995年,当时的网景公司正凭借其Navigator浏览器成为Web时代开启时最著名的第一代互联网公司。由于网景公司希望能在静态HTML页面上添加一些动态效果,于是叫Brendan Eich这哥们在两周之内设计出了JavaScript语言。你没看错,这哥们只用了10天时间。为什么起名叫JavaScript?原因是当时Java语言非常红火,所以网景公司希望借Java的名气来推广,但事实上Ja原创 2021-12-17 20:18:56 · 1550 阅读 · 0 评论 -
HTML5知识点
基础小知识软件的分类:系统软件(linux)、应用软件、游戏软件软件:客户端(本地可以看见的)(服务员)+ 服务器(接收消息,可以远程处理业务)(厨师) 软件 = 客户端 + 服务端服务器开发的语言:java(主流)、Node.js(主流)----前端进行书写的(JavaScript)一定要学好node.js客户端的形式:①文字客户端HTML ②图形化界面 C/S(有手就可以对网页进行操作)③网页(B/S架构)学习前端 (开发成本低)网页优点:①无需安装 ②无需更新 ③跨平台(电脑、手机都行)原创 2021-12-05 22:09:36 · 409 阅读 · 0 评论