![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端全栈开发
文章平均质量分 90
...
QSY.com
这个作者很懒,什么都没留下…
展开
-
Vue3.x
什么是hook?本质是一个函数,把setup函数中使用的CompositionAPI进行了封装类似于vue2中的mixin自定义hook的优势:复用代码,让setup中的逻辑更清除易懂。转载 2023-03-14 22:49:29 · 165 阅读 · 0 评论 -
Vue2.x--Vuex与路由
1. 概念:专门在Vue中实现集中式状态(数据)管理的一个Vue插件,对Vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信2. Github 地址:https://github.com/vuejs/vuex。转载 2023-03-11 08:14:44 · 228 阅读 · 0 评论 -
Vue2.x--组件化编程
使用创建,其中options和时传入的那个options几乎一样,但也有点区别区别如下:1. el不要写,为什么?最终所有的组件都有经过一个vm管理,由vm中的el决定服务那个容器2. data必须写成函数,为什么?转载 2023-03-08 16:59:24 · 200 阅读 · 0 评论 -
Vue2.x基础
二、Vue基础2.1.模板语法2.2.数据绑定2.3.data与el的两种写法2.4.MVVM模型2.5.数据代理2.5.1.Object.definProperty属性2.5.2.基本原理2.6.事件处理2.6.1.事件的基本使用2.6.2.Vue中的事件修饰符2.6.3.键盘事件2.7.计算属性与监视2.7.1.插值语法--姓名案例2.7.2.计算属性--姓名案例2.7.3.计算属性2转载 2023-02-26 15:27:21 · 198 阅读 · 0 评论 -
前端工程化与webpack
概念:webpack是前端工程化的具体解决方案。主要功能:它提供了友好的前端模块化开发支持,以及代码压缩混淆、处理浏览器端JavaScript的兼容性、性能优化等强大的功能。好处:让程序员把工作的重心放到具体功能的实现上,提高了前端开发效率和项目的可维护性。注意:目前Vue,React等前端项目,基本上都是基于webpack进行工程化开发的。// 在webpack.config.js配置文件中,通过entry节点指定打包的入口。通过output节点指定打包的出口。转载 2023-02-15 18:59:50 · 155 阅读 · 0 评论 -
Node.js之数据库与身份验证
身份认证(Authentication)又称"身份验证"、"鉴权",是指通过一定的手段,完成对用户身份的确认。Cookie是存储在用户浏览器中的一段不超过4KB的字符串,它由一个名称(Name)、一个值(Value)和其他几个用于控制Cookie有效期、安全性、使用范围的可选属性组成。不同域名下的Cookie各自独立,每当客户端发起请求时,会自动把当前域名下所有未过期的Cookie一同发送到服务器。转载 2023-02-12 20:21:07 · 170 阅读 · 0 评论 -
Node.js之路由
中间件(Middleware),特指业务流程的中间处理环节。// 常量mv所指向的,就是一个中间件函数console.log('这是一个简单的中间件函数');// 注意:在当前中间件的业务处理完毕后,必须调用next()函数// 表示把流转关系交给下一个中间件或路由next();// 全局生效的中间件console.log('这是一个简单的中间件函数');next();});// 可以在路由中,通过如下两种等价的方式,使用多个局部中间件:自己手动模拟。转载 2023-02-11 13:46:17 · 967 阅读 · 0 评论 -
Node.js与内置模块
Node.js是一个基于Chrome V8引擎的JavaScript运行环境。Node.js的官网地址:https://nodejs.org/zh-cn/fs模块是Node.js官方提供的、用来操作文件的模块。它提供了一系列的方法和属性,用来满足用户对文件的操作需求。方法,用来读取指定文件的内容。方法,用来向指定的文件写入内容。如果要在JavaScript代码中,使用fs模块来操作文件,则需要使用如下的方式先导入它:path模块是Node.js官方提供的、用来处理路径的模块。转载 2023-02-10 16:59:21 · 233 阅读 · 0 评论 -
jQuery
1.语法2.参数(1)params:想要更改的样式属性,以对象形式传递,必须写。属性名可以不用带引号,如果是复合属性则需要采取驼峰命名法borderLeft。其余参数都可以省略。(2)speed:三种预定速度之一的字符串("slow","normal",or"fast")或表示动画时长的毫秒数值(如:1000)(3)easing:(Optional)用来指定切换效果,默认是"swing",可用参数"linear"(4)fn:回调函数,在动画完成时执行的函数,每个元素执行一次。转载 2023-02-08 15:49:53 · 120 阅读 · 0 评论 -
JavaScript之动画特效
移动端浏览器兼容性较好,不需要考虑以前JS的兼容性问题,可以放心的使用原生JS书写效果,但是移动端也有自己独特的地方。比如触屏事件touch(也称触摸事件),Android和IOS都有。touch对象代表一个触摸点。触摸点可能是一根手指,也可能是一根触摸笔。触屏事件可以相应用户手指(或触控笔)对屏幕或者触控板操作。touchstart:手指触摸到一个DOM元素时触发。touchmove:手指在一个DOM元素上滑动时触发。tiuchend:手指从一个DOM元素上移动时触发。转载 2023-02-06 12:10:12 · 922 阅读 · 0 评论 -
JavaScript之BOM
window对象给我们提供了一个location属性用于获取或设置窗体的URL,并且可以用于解析URL。因为这个属性返回的是一个对象,所以将这个属性也成为location对象。转载 2023-02-04 17:01:16 · 127 阅读 · 0 评论 -
JavaScript之DOM
自定义属性目的:是为了保存并使用数据。有些数据可以保存到网页中而不用保存到数据库中。给元素添加数据,称为注册事件或者绑定事件。注册事件有两种方式:传统方式和方法监听注册方式。传统注册方式:1.利用on开头的事件onclick4.特点:注册事件的唯一性5.同一个元素同一个事件只能设置一个处理函数,最后注册的处理函数将会覆盖前面注册的处理函数方法监听注册事件:1.w3c标准,推荐方式2.addEventListener()它是一个方法。转载 2023-02-01 19:48:47 · 67 阅读 · 0 评论 -
JavaScript之流程控制
通常来说,一段程序代码中所有用到名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。整个script标签或者是一个单独的js文件。在函数内部就是局部作用域,这个代码的名字只在函数内部起效果和作用。现实生活中:万物皆对象,对象是一个具体的事务,看得见摸得着的实物。例如:一本书、一辆汽车、一个人可以是"对象",一个数据库、一张网页、一个与远程服务器的连接也可以是"对象"。转载 2023-01-27 18:10:24 · 617 阅读 · 0 评论 -
JavaScript之数据类型
编程:就是让计算机为了解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程。转载 2023-01-24 14:39:47 · 90 阅读 · 0 评论 -
web前端零基础css3
CSS:层叠样式表CSS的作用:给网页中的HTML标签设置样式。css写在style标签中,style标签一般写在head标签里面,title标签下面。盒子的概念:1.页面中的每一个标签,都可看做是一个“盒子”,通过盒子的视角更方便的进行布局。2.浏览器在渲染(显示)网页时,会将网页中的元素看做是一个个的矩形区域,我们也形象的称之为盒子。盒子模型:CSS中规定每个盒子分别由内容区域(content)、内边距区域(padding)、边框区域(border)、外边距区域(margin)转载 2023-01-17 10:20:07 · 146 阅读 · 0 评论 -
web前端零基础html5
网页由那些部分组成?文字、图片、音频、视频、超链接。前端的代码是通过什么软件转换成用户眼中的页面的?通过浏览器转换(解析和渲染)成用户看到的网页。转载 2023-01-05 17:14:10 · 104 阅读 · 0 评论