前端
文章平均质量分 93
HTML、CSS、JS、JQuery、VUE
每 天 早 睡
不积跬步,无以至千里;不积小流,无以成江海
展开
-
33--Vue-前端开发-使用Vue脚手架快速搭建项目
node的安装:官方下载,一路下一步node命令类似于pythonnpm命令类似于pip使用npm安装第三方模块,速度慢一些,需换成淘宝镜像以后用cmpm代替npm的使用安装脚手架:创建vue项目:可以通过命令行创建,也可通过图形化界面的创建命令行:界面:找一个空目录,选择包管理器npm选择手动配置勾选依赖功能选择vue版本创建项目成功后页面祝贺,你已创建第一个Vue项目!注意:以后写代码,都在src写,其它地方一般不动。index.js相当于python中的_原创 2023-03-11 00:12:29 · 516 阅读 · 0 评论 -
32--Vue-前端开发-Vue语法之组件化开发
购物车的例子eg1:计算商品价格(掌握对象的迭代方法)eg2:全选全不选实现(掌握v-model的使用)eg3:自由选择商品计算价格(掌握v-for用法和自增自减)二、v-model进阶lazy:等待input框的数据绑定时区焦点之后再变化number:数字开头,只保留数字,后面的字母不保留;字母开头,都保留trim:去除首位的空格三、生命周期钩子方法含义beforeCreate创建Vue实例之前调用created创建Vue实例成功后调用(可以在此处发送异步请原创 2023-03-10 22:35:14 · 1168 阅读 · 0 评论 -
31--Vue-前端开发-Vue语法
1.前端介绍1、HTML(5)、CSS(3)、JavaScript(ES5、ES6):编写一个个的页面 ----> 给后端(PHP、Python、Go、Java) ----> 后端嵌入模板语法 ----> 后端渲染完数据 ----> 返回数据给前端 ----> 在浏览器中查看2、Ajax的出现 -> 后台发送异步请求,Render+Ajax混合3、单用Ajax(加载数据,DOM渲染页面):前后端分离的雏形。原创 2023-02-26 22:44:46 · 349 阅读 · 0 评论 -
VUE框架入门
一、MVVM模型Vue则是通过Vue对象将数据和view完全分离开来了。对数据进行操作不在需要引用相应的DOM对象,数据和View是分离的,他们通过Vue对象实现相互的绑定。二、从JQuery到Vue思维的转变:将原有的直接操作DOM转变为操作数据。Vue.js专于MVVM模型的ViewModel层。它通过双向数据绑定把View层和Model层连接起来,通过对数据的操作就可以完成对页面视图的渲染。操作元素属性比操作DOM树更加符合我们的认知,降低难度。三、Vue简介四、Vue语法1)v原创 2022-05-16 01:13:34 · 337 阅读 · 0 评论 -
JavaScript语法-JQuery框架
一、什么是JQueryJQuery是最受欢迎的JavaScript库之一,它提供了DOM操作,以及Ajax和多种动画功能,是一种轻量级且运行速度快的JavaScript库。JQuery库位于一个JavaScript文件中,其中包含了所有的JQuery函数。二、JQuery版本JQuery的库文件,以jquery-x.x.x.js、jquery-x.x.x.min.js或jquery-x.x.x.pack.js形式发布。文件名x.x.x的部分是JQuery的版本号(如3.5.1等),min和pack为原创 2022-05-16 00:02:15 · 402 阅读 · 0 评论 -
JavaScript语法-BOM和事件
一、BOM简介BOM(Browser Object Model,浏览器对象模型)是JS与浏览器窗口交互的接口。如改变浏览器尺寸、滚动条滚动相关特效,要用到BOM技术。在JS中,一个浏览器窗口就是一个window对象。1)window对象操作window对象表示浏览器打开的窗口window对象是当前JS脚本运行所处的窗口,而这个窗口包含DOM结构,window.document属性就是document对象。浏览器的每个标签页,都拥有自己的window对象,也就是说,同一个窗口的标签页之间,不会共原创 2022-05-15 23:17:34 · 290 阅读 · 0 评论 -
JavaScript语法-DOM
1.DOM简介图片21.DOM节点树图片3图片4目的:JS对html或css进行增删改查的访问元素节点:图片5什么document对象图片6访问元素节点的常用方法图片7图片8图片9删除节点常用方法图片10复制节点常用方法图片11替换元素节点常用方法图片122.DOM进阶节点关系图片13图片14属性操作的常用方法图片15操作css文档属性图片16...原创 2022-05-15 22:29:11 · 251 阅读 · 0 评论 -
JavaScript语法-基础
一、JS能做什么1)改变HTML内容2)改变HTML属性3)改变CSS样式4)隐藏HTML元素5)显示隐藏HTML元素二、JS知识体系JS语法---->DOM操作---->BOM操作---->JS框架三、JS的书写位置第一种写法:在<body>中的<script>标签中,书写JavaScript代码<script> document.getElementById("demo"),innerHTML = "我的第一段JavaScri原创 2022-05-13 01:09:17 · 141 阅读 · 0 评论 -
CSS语法-浮动与定位
一、浮动浮动是用来实现并排浮动是要把固定格式从上到下改变成并排2.浮动使用要点1)要浮动,并排的盒子都要设置浮动2)父盒子要有足够的宽度,否则盒子会掉下去3)浮动元素不在区分块级和行内元素,它们一律能够设置宽度和高度,即使是span与a标签二、定位1.什么是相对定位(参照本身元素的位置)盒子可以相对自己原来的位置,进行位置调整,称之为相对定位。语法是:position: relative;position: relative;top: 50px;left: 50px;1)位原创 2022-05-12 00:06:24 · 268 阅读 · 0 评论 -
CSS语法-盒模型
一、盒模型1.什么是盒模型所有的HTML标签都可以看成矩形盒子,由width、height、padding、border构成。2.盒模型总宽度盒子的总宽度=width + 左右padding + 左右borderborder:边框padding:内容到达边框区域(页边距)3.width属性width属性表示盒子内容的宽度。width属性的单位通常是px,移动端开发也会设计百分数、rem等单位。当块级元素(div、h系列、li等)没有设置width属性时,它将自动撑满。4.paddin原创 2022-05-11 22:44:49 · 169 阅读 · 0 评论 -
CSS语法-CSS选择器
一、CSS简介CSS(Cascading Style Sheet, 层叠式样式表)是用来给HTML标签添加样式的语言。CSS3是CSS的最新版本,增加了大量的样式、动画、3D特性和移动端特性。1.前端三层三层语言功能结构层HTML搭建结构、放置部件、描述语义样式层CSS美化页面、实现布局行为层JavaScript实现交互效果、数据发送与接收、表单验证等2.CSS样式和结构分离CSS使样式和结构分离,样式和结构不用“混合着写”,而是彼此分开。HT原创 2022-05-11 00:57:42 · 428 阅读 · 0 评论 -
HTML语法-标签
一、前端开发介绍1.前端主要技术HTML5:搭建网页结构的语言,增加了很多移动端的支持CSS3:样式表,美化网页的语言,增加了很多动画、过度等新特性,要记的英语单词也非常多JavaScript:前端开发工程师最重要的“看家语言”Vue.js/React.js:从2016年前后开始流行的前端框架本文主要讲的是HTML。2.开发流程(复用理念)1)美工制图–>搭建页面主体-HTML–>页面元素排版-CSS–>页面元素交互开发-JS–>前后端整合对接2)需求分析–>原创 2022-05-09 22:36:25 · 346 阅读 · 0 评论