- 博客(72)
- 收藏
- 关注
RSS订阅原创 Axios
通俗来说， json-server模拟服务端接口数据，一般用在前端人员可以不依赖后端的API开发，而在本地搭建一个JSON服务，快速生成一个REST API风格的后端服务。通过id检索一条数据 http://localhost:3000/posts/1 (将id=1的数据检索出来)如果页面A的origin源（协议：//域名：端口号），和接口B的origin不一致，就是跨域请求，浏览器会拦截掉。字段重组，只保留请求发送的字段，请求没有发送原来对象中存在的字段，那么原对象中的该字段会删除。
2023-12-08 10:35:19
467
原创 vue补充继上一篇
作用和场景顶层组件向任意的底层组件传递数据和方法，实现夸层组件通信夸层传递普通数据1.顶层组件通过provide函数提供数据2.底层组件通过inject函数获取数据子孙修改爷爷中的数据：可以给子孙传递一个修改该数据的方法Pinia是Vue的最新状态管理工具，是Vuex的替代品1.提供更加简单的API（去掉了mutation）2.提供符合，组合式风格的API（和vue3新语法统一）3.去掉了modules的概念,每一个store都是一个独立的模块。
2023-10-14 10:53:34
285
原创 Vue的学习补充
代码规范：一套写代码的约定规则。JavaScript Style规范说明 https://standardjs.com/rules-zhcn.html组件导入，无需注册。Vue3语法：组件导入，无需注册。new Vue()创建一个应用实例=>createApp()将创建实例进行封装，保证每个实例的独立封闭性。
2023-10-13 08:01:56
137
原创 git&&gitHub
查看用户名 ：git config user.name查看密码： git config user.password查看邮箱：git config user.email查看配置信息： $ git config --list修改用户名git config --global user.name "xxxx(新的用户名)"修改密码git config --global user.password "xxxx(新的密码)"修改邮箱。
2023-10-05 16:42:01
997
原创 这是一篇关于获取页面的各种距离总结
与 clientHeight 和 clientWidth 相比，我想这对属性用的更多一点，因为更多的时候我们需要获取的是元素的完整宽高。offset 有偏移的意思，所以这里也可以理解为鼠标位置相对于目标元素内部左上角的偏移值，和目标元素本身以及外部的元素都无关。分别点击 hello 元素的绿色边框和空白区域，会发现前者的值为负数，后者的值为整数，且都是相对空白区域的左上角开始计算的。分别返回元素的高度和宽度，包括元素本身的高和宽、padding 和 border ，以及滚动条的高和宽。
2023-08-15 19:21:02
274
原创 less学习语法
1.rgb/rgba/translate/rotate/scale2.非常好用的css函数： css中可以自定义属性：在一个大型的网页项目中，我们css使用到的某几种属性值往往是特定的4.Less语法三：嵌套选择器的嵌套：&：表示父级可以用于伪类、伪元素：在Less中，算术运算符+-*/可以对任何数字、颜色或变量进行运算。在原来的CSS编写过程中，多个选择器中可能有大量相同的代码 混合是一种将一组属性从一个规则集（或混入）到另一个规则集的方法。 注意：混入在没有参数的情况下，小括号可以省
2023-08-14 17:29:33
1721
原创 重温git和GitHub
分支：在版本控制过程中，同时推进多个任务，为每个任务，我们就可以创建每个任务的单独分支。使用粉质意味着程序员可以把自己的工作从开发主线上分离开来，开发自己分支的时候，不会影响主线分支的运行。对于初学者而言，分支可以简单理解为副本，一个分支就是一个单独的副本。合并分支时，两个分支在同一个文件的同一个位置有两套完全不同的修改。4.修改完代码需要再次git add 文件名->git commit -m "版本日志" 文件名。引入远程库地址，并起别名（最好和文件名相同，容易记，在哪个分支上创建都可）
2023-08-11 21:06:36
927
原创 Promise详细版
/2.设置点击事件//3.创建ajax实例化对象//console.log('ajax实例化对象刚刚被创建出来：'，xhr.readState)//4.打开请求//console.log('ajax已经打开了请求'，xhr.readState)//5.发送请求(send方法中发送的是请求体数据，只不过get请求是没有请求体的，而post请求有请求体)xhr.send()//6.客户端接收服务端中响应回来的结果数据// 2:已经完成了请求的发送。
2023-08-08 20:19:56
1539
1
原创 ES6系列之let、const、箭头函数使用的坑
ES6新增了let命令，用来声明变量，它的用法类似于var2.1 var存在变量提升let、const不存在2.2同一个作用域内不能重复定义同一个名称。
2023-08-01 21:24:41
529
原创 bootstrap入门到精通
bootstrap是一个用于快速开发web应用程序和网站的前端框架。基于HTML、CSS和JavaScript封装响应式ElementUI 更适合用于企业内部的管理系统、后台管理等应用场景，而 Bootstrap 更适合用于构建响应式的 Web 网站、博客等前端页面。
2023-07-29 17:47:24
404
原创 Vue基础-综合案例（基于vue2）
vue-clivue脚手架）是vue官方提供的、快速生成vue工程化项目的工具。特点：①开箱即用②基于webpack③功能丰富且易于扩展④支持创建vue2和vue3的项目在实际开发中，前端开发者可以把自己封装的.vue组件整理、打包、并发布为npm的包，从而供其他人下载和使用。这种可以直接下载并在项目中使用的现成组件，就叫做vue组件库。拦截器会在每次发起ajax请求和得到响应的时候自动被触发。应用场景：①Token身份认证②Loading效果等等。
2023-07-27 19:21:23
523
原创 Vue-路由
路由（router）就是对应关系。路由分为两大类：①后端路由②前端路由通俗易懂的概念：Hash地址与组件之间的对应关系。vue-router是vue.js官方给出的路由解决方案。他只能结合vue项目进行使用，能够轻松地管理SPA项目中组件的切换。
2023-07-27 08:44:15
204
原创 Vue-购物车案例
1.案例效果2.实现步骤①初始化项目基本结构②封装EsHeader组件2.1创建并注册EsHeader组件2.2封装es-header组件③基于axios请求商品列表数据（GET请求，地址为https://www.escook.cn/api/cart）④封装EsFooter组件4.1创建并注册EsFooter组件4.2封装es-footer组件4.2.0封装需求4.2.1渲染组件的基础布局4.
2023-07-21 20:27:24
450
原创 Vue-组件高级（上）
watch侦听器允许开发之监视数据的变化，从而针对数据的变化做特定的操作。例如：监视用户名的变化并发起请求，判断用户名是否可用。在数据接收方，调用bus.on('事件名称',事件处理函数）方法注册一个自定义事件。父子关系父->子 属相绑定子->父 事件绑定父<->子 组件上的v-model兄弟关系EventBus后代关系全局数据共享vuex①能够掌握watch侦听器的基本使用定义最基本的watch侦听器、监听对象中单个属性的变化。
2023-07-21 13:38:21
159
原创 Vue中值的传递（父传子，子传父，子父同步）
②子组件中，通过props接收父组件传递过来的数据。属性绑定的形式，把数据传递给子组件。触发自定义事件，更新父组件中的数据。①在v-bind：指令之前添加。
2023-07-19 17:50:49
1640
原创 Vue-组件基础（下）
指的是：在封装组件时对外界传递过来的props数据进行合法性的校验，从而防止数据不合法的问题。使用数组类型的props节点的缺点：无法每个prop指定具体的数据类型在封装组件时，可以为prop属性指定自定义的验证函数，从而对prop属性的值进行更加精确的控制计算属性本质上就是一个function函数，它可以实时监听data中数据的变化，并return一个计算后的新值，供组件渲染DOM时使用。在封装组件时，为了让组件的使用者可以监听到组件内状态的变化，此时需要用到。
2023-07-18 09:43:03
303
原创 Vue-组件基础（上）
单页面应用程序（英文名：SinglePageApplication）简称SPA，顾名思义，指的是一个Web网站中只有唯一的一个HTML页面，所有的功能与交互都在这唯一的一个页面内完成。组件化开发指的是：根据封装的思想，把页面上可重用的部分封装为组件，从而方便项目的开发和维护。例如：http://www.ibootstrap.cn/（Bootstrap可视化布局系统 (bootcss.com)）所展示的效果，就契合了组件化开发的思想。
2023-07-15 21:42:37
474
原创 Vue-品牌列表案例
卡片（Card）、表单相关(Forms)、按钮(Buttons)、表格(Tables)插值表达式、属性绑定、事件绑定、双向数据绑定、修饰符、条件渲染、列表渲染、全局过滤器。属性（用来记录下一个可用的id值），并在。注意：需要在data数据中声明。vue指令与过滤器相关的知识点。：监听input输入框的。①创建基本的vue实例。：导入vue的js文件。
2023-07-14 17:54:17
627
原创 前端工程化与webpack
前端工程化指的是：在企业级的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行规范化、标准.化。最终落实到细节上，就是实现前端的“4个现代化模块化、组件化、规范化、自动化概念：webpack是前端项目工程化的具体解决方案。主要功能：它提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器端JavaScript的兼容性、性能优化等强大的功能。好处：让程序员把工作的重心放到具体功能的实现上，提高了前端开发效率和项目的可维护性。
2023-07-11 20:55:24
968
原创 ES6语法
ES6模块化规范是浏览器端与服务器端通用的模块化开发规范。它的出现极大的降低了前端开发者的模块化学习成本，开发者不需要再额外学习AMD、CMD或CommonJS等模块化规范。ES6模块化规范中定义：每个JS文件都是一个独立的模块导入其他模块成员使用import关键字向外共享模块成员使用export关键字注意：第5行代码中的只是创建了一个形式上的异步操作。是ES8（ECMAScript2017）引入的新语法，用来简化Promise异步操作。
2023-06-28 09:10:04
113
原创 数据库与身份认证
数据库(database)是用来阻止、存储和管理数据的仓库。为了方便管理互联网世界中的数据，就有了数据库管理系统的概念。用户可以对数据库中的数据进行新增、查询、更新、删除等操作。SQL（Structured Query Language）是结构化查询语言，专门用来访问和处理数据库的编程语言。能够让我们以编程的形式，操作数据库里面的数据。三个关键点：1.SQL是一门数据库编程语言2.使用SQK语言编写出来的代码，叫做SQL语句3.SQL语言只能在关系型数据库中使用。
2023-06-24 17:27:41
267
原创 4.使用Express跨域资源共享（继上一章）
cors是Express的一个第三方中间件。通过安装和配置cors中间件，可以很方便的解决跨域问题。（有缺陷的解决方案：只支持GET请求）调用app.use(cors()
2023-06-07 18:12:28
884
原创 Express路由
官方给出的概念：Express是基于NOde,js平台，快速、开放、极简的Web开发框架通俗的理解：Express的作用和Node.js内置的http模块类似，是专门用来创建Web服务器的Express地本质就是一个npm上的第三方包，提供了快速创建Web服务器的便捷方法。广义来讲，路由就是映射关系。中间件（Middleware），特指业务流程的中间处理环节。.全局生效简化形式//这是定义中间件的简化形式console.log('这是最简单的中间件函数')
2023-06-07 13:22:31
631
原创 模块的加载机制
使用require()加载自定义模块时，必须指定以./或../开头的路径标识符。在加载自定义模块时，如果没有指定./或../这样的路径标识符，则node会把它当做内置模块或第三方模块进行加载。同时，在使用require()导入自定义模块时，如果省略了文件的扩展名，则Node.js会按顺序分别尝试加载以下的文件：①按照确切的文件名进行加载②补全.js扩展名进行加载③补全.json扩展名进行加载④补全.node扩展名进行加载⑤加载失败，终端报错。
2023-06-03 13:53:27
490
原创 npm+模块加载机制
package.json中的main的作用：当require中导入路径不写index.js是会从main中寻找路径//这是包的入口文件//定义格式化时间的函数//定义一个补零的函数//定义转义HTML字符的函数case '<':return '<'case '>':return '>'case '"':return '"'case '&':return '&'})//定义还原字符串的函数case '<':return '<'case '>':return '>'
2023-06-02 21:31:47
1340
原创 模块化
模块化是指解决一个复杂问题时，自顶向下逐层把系统划分成若干模块的过程。对于整个系统来说，模块式可组合、可分解和更换的单元。模块作用域和函数作用域类似，在自定义模块中定义的变量、方法等成员，只能在当前模块内被访问，这种模块级别的访问限制，叫做模块作用域。
2023-05-29 16:46:14
694
原创 node.js与内置模块
1.什么是node.jsNode.js是一个基于Chrome V8引擎JavaScript运行环境2.Node.js中JavaScript运行环境注意：①浏览器是JavaScript的前端运行环境②Node.js是JavaScript的后端运行环境③Node.js中无法调用Dom和Bom等浏览器内置API3.Node.js可以做什么Node.js作为一个JavaScript的运行环境，仅仅提供了基础的功能和API。
2023-05-28 16:47:36
956
原创 小程序-基础加强（二）：使用npm包
Vant Weapp是有赞前端团队开源的一套小程序UI组件库，助力于开发者快速搭建小程序应用。她所使用的是MIT开源许可协议，对商业使用比较友好。API Promise化，指的是通过额外的配置，将官方提供的、基于回调函数的异步API，升级改造为基于Promise的异步API，从而提高代码的可读性、维护性，避免回调地狱的问题。全局数据共享（又叫做：状态管理）是为了解决组件之间数据共享的问题。开发中常用的全局数据共享方案有：Vuex、Redux、MobX等。分包指的是把一个。
2023-05-20 19:04:30
837
原创 第六章总结-莫凡商城的注册、登录功能
type的属性值有三种除了这种方式可以设置按钮大小，还有其他的通过视图来控制按钮的方式，因为我们知道，微信小程序的按钮并不都是这三种颜色。其他方式比如把按钮放在一个view中。然后对这个view做修改，把可以圆形，方形等等，对应里边的按钮自然会占满整个view，形状也就被改变了。
2023-05-17 13:22:37
1081
原创 小程序-基础加强（一）：自定义组件
①在项目的根目录中，鼠标右键，创建文件夹②在新建的conponents->test文件夹上，鼠标右键，点击“新建Component③键入组件的名称之后回车，会自动生成组件对应的4个文件，后缀名分别为.js、.json、.wxml和.wxss样式数据、方法和属性数据监听器数据监听器用于监听 和响应任何属性和数据字段的变化，从而执行特定的操作。它的作用类似于vue中的watch监听器。
2023-05-13 17:35:50
164
1
原创 小程序-视图与逻辑
页面导航指的是页面之间的相互跳转。例如，浏览器中实现页面导航的方式有如下两种：①链接下拉刷新是移动端的专有名词，指的是通过手指在屏幕上的下拉滑动操作，从而重新加载页面数据的行为上拉触底是移动端的专有名词，通过手指在屏幕上的上拉滑动操作，从而加载更多数据的行为。修改保存后跳转的页面：如果不修改，则会按照app.json中设置的首页进行显示；修改后则直接按照修改后的页面显示。生命周期是指一个对象从创建->运行->销毁的整个阶段，强调的是一个时间段。
2023-05-09 10:27:32
67
原创 微信小程序-上拉触底案例
①在data中定义inloading节流阀false表示当前没有进行任何数据请求true表示当前正在进行数据请求②在getColors（）方法中修改isloading节流阀的值在刚调用getColors时将节流阀设置为true在网络请求的complete回调函数中，将节流阀重置为false③在onReachBotton中判断节流阀的值，从而对数据请求进行节流控制如果节流阀的值为true，则阻止当前请求如果节流阀的值为false，则发起数据请求。
2023-05-07 14:31:53
147
原创 小程序-模板与配置
3.Mustache语法格式把data中的数据绑定到页面中渲染，使用Mustache语法（双大括号）将变量包起来即可。语法格式为：WXSS是一套样式语言，用于美化WXML的组件样式，类似于网页开发中的cssrpx(responsive pixel)是微信小程序独有的，用来解决屏适配的尺寸单位使用WXSS提供的@import语法，可以导入外联的样式表tabBar是移动端应用常见的页面效果，用于实现多页面的快速切换。底部tabBar顶部tabBartabBar中只能配置。
2023-05-05 14:53:13
386
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人