- 博客(44)
- 收藏
- 关注
原创 一轮面试题
computed适用于需要动态计算值,并且具有缓存特性的场景。返回一个新的值,可以直接在模板中使用。一般用于简单的数据计算。watch适用于需要监听数据变化,并且需要执行异步操作或者复杂逻辑的场景。监听数据的变化,执行指定的回调函数。可以监听多个数据的变化,更灵活,但相对也更复杂。事件委托是一种常见的 JavaScript 编程技术,它利用了事件冒泡的特性。在事件委托中,我们将事件监听器绑定到父元素上,而不是直接绑定到子元素上。
2024-04-01 17:49:37
931
原创 点击换行功能
设置文字超过限制长度后换行,换行后通过点击向上按钮切换到上一行,点击向下按钮切换到下一行,如果上一行或下一行没有文字则不切换,样式部分自行优化本项目最终效果是这样。
2023-06-21 18:00:22
171
原创 vue知识点--vuex+映射
vuex中的state数据同渲染指令可以渲染到vue组件中(响应式更新:数据变化视图会自动更新)actions通过 commit 执行 mutations中的方法。mutations是改变vuex state中数据的唯一方式。actions动作,异步,延迟方法,不能直接修改state。把vuex的数据与方法映射为组件的数据与方法。state是存放数据的地方。从现有数据计算出新的数据。...
2022-08-11 21:26:20
517
原创 vue知识点——路由
Vue.js 路由允许我们通过不同的 URL 访问不同的内容。通过 Vue.js 可以实现多视图的单页Web应用(single page web application,SPA)。Vue.js 路由使用前需要载入vue-router库。
2022-08-06 17:27:42
335
原创 vue知识点--axios
method,//请求方法get,post,put,dalete。3.可以通过get,post,put,delete操作资源。4.get获取,post新增,put修改,delete删除。打开cmd命令窗口cd到项目目录。params,//get请求的数据。res.data请求返回的数据。2.强调每个url地址都是一个资源。1、导入(在mian.js中)2、挂载(在mian.js中)3、使用(在App.vue中)headers,//请求头配置。data,post请求的数据。url,//请求的地址。......
2022-07-28 21:24:14
340
原创 vue知识点--组件传参
原理父组件通过import引入子组件并注册,在子组件的标签上添加要传递的属性,子组件通过props接收。接收有两种形式,一是通过数组形式[‘要接收的属性’],二是通过对象形式{}来接收,对象形式可以设置要传递的数据和默认值,而数组只是简单的接收,是只读的,不能进行修改。子组件向父组件传数据使用自定义事件,vue组件提供了一个emit子组件绑定一个事件,通过this.$emit()来触发。在子组件中绑定一个事件,并给这个事件定义一个函数https。...
2022-07-27 20:20:38
375
原创 vue知识点--生命周期
Vue的生命周期就是vue实例从创建到销毁的全过程,也就是newVue()开始就是vue生命周期的开始。Vue实例有⼀个完整的⽣命周期,也就是从开始创建、初始化数据、编译模版、挂载Dom->渲染、更新->渲染、卸载等⼀系列过程,称这是Vue的⽣命周期。钩子函数是Vue生命周期中每个阶段对外开放让程序员操作Vue的接口。Vue有8个钩子函数。...
2022-07-27 19:02:02
645
原创 vue知识点--cmd命令
rd/s/q安静模式删除目录和内容。(3)用来测试网络是否畅通。输入cmd进入cmd控制台。win+r打开运行窗口。pingip(主机名)md目录名(文件夹)rd目录名(文件夹)
2022-07-25 20:30:30
535
原创 vue知识点--npm指令
NPM的全称是,是一个NodeJS包管理和分发工具,npm是JavaScript运行时环境Node.js的默认包管理器,已经成为了非官方的发布Node模块(包)的标准。
2022-07-25 20:08:50
2204
原创 jQuery知识点
一、什么是jQueryjQuery是一门轻量的、免费开源的javascript函数库,主要作用是用于简化javascript代码jQuery的核心思想:"写的更少,但做的更多"通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行"操作"(actions)。jQuery的优势1,简化了js的写法,用$替代了document.getXxx()2,可以像CSS选择器一样非常方便的获取元素3,可以通过修改css样式控制页面的效果二、jQuery的引
2022-05-17 00:28:14
274
原创 js知识点-dom节点
一、dom节点类型1、元素节点2、属性节点3、文本节点二、查看元素节点1、查看节点名称节点对象.nodeName console.log(oDiv.nodeName); //节点名称 DIV 2、查看标签名称节点对象.tagName; console.log(oDiv.tagName); //标签名称 DIV3、查看节点类型节点对象.nodeType;返回值:元素节点返回值为:1 属性节点返回值为:2 文本节点返回值为:3
2022-04-24 20:08:33
508
原创 Javascript 知识点03-分支与循环
一、Javascript中的程序结构1、顺序结构没有任何结构就是顺序,所有语句从上到下,逐条执行 顺序结构主要包括注释语句、赋值语句、输入输出等语句2、分支结构单分支:要么做,要么不做;如果if(条件)条件为true,那么执行if(){}所有语句,否则直接跳过if结构 预备知识:{}叫做语句体,如果多条语句放到{}中就变成了一个整体(一组),要么都执行,要么都不执行。否则结构只能控制它下方的一条语句; 语法: if(条件){ 语句 .......; } 双分支或多分支 if…else if
2022-03-30 23:12:30
738
原创 Javascript知识点02-运算符
1、算术运算符(1)加号 +加号两侧同时为数字,进行加法运算 加号两侧任何一侧为字符串,表示字符拼接(2)减号 -(3)乘号 *(4)除号 /(5)取余 %在进行减 乘 除 取余运算时:符号两侧同时为数字进行对应的算术运算,若其中有一侧为非数字,则运算时会把该侧转换为数字,转换成功,进行对应的算术运算,转换失败,得到NaN(Not a Number非数字) <script> /* + 加 - 减
2022-03-29 18:27:56
1037
原创 javascript 知识点01
一、简介1、前端三个层结构层:html 表示层:css 行为层:js2、JavaScriptJavaScript是一种轻量级的脚本语言。所谓“脚本语言”,指的是它不具备开发操作系统的能力,而是只用来编写控制其他大型应用程序的“脚本”。 JS即Javascript, javaScript是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。 javascript通过浏览器进行解析二、js创建方式JavaScript代.
2022-03-28 20:53:12
991
原创 移动端入门知识点03—弹性盒子项目属性
一、项目采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为 Flex 项目(flex item),简称"项目"。二、项目属性1、align-self 单个项目在交叉轴的对齐方式该属性允许单个项目有与其他项目不一样的对齐方式,可覆盖align-items属性。值:值 解释 auto 默认,继承父容器align-items值; stretch 当项目未设置高度或为auto时,.
2022-03-24 22:56:33
588
原创 移动端知识点02—弹性盒子
一、定义弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。二、弹性盒子内容弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。 弹性容器通过设置 displ...
2022-03-23 20:54:47
984
原创 用HTML及CSS制作一个简易动画效果
简介:用css3动画效果制作一个简易的僵尸移动动画首先,你需要这样一张图代码部分:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=de..
2022-03-22 16:53:54
1182
原创 移动端入门知识点—分栏+布局+媒体查询+单位
一、分栏1、列宽度语法:column-widthcolumn-width: 200px;/* 栏宽 列宽 */2、列数语法:column-countcolumn-count: 4;/*栏数 列数 */3、列间距语法:column-gap column-gap: 20px; /* 列间距 */4、列样式(边框)语法:column-rulecolumn-rule: 1px dotted pink;5、缩写语
2022-03-21 21:42:32
287
原创 css3知识点03—变换+动画
一、变换 transform1、移动语法:transform:translate(x , y);translateX(数值+单位) 水平移动、 translateY(数值+单位) 垂直移动 transform:translate(150px,150px) ; /* 斜着走 */transform: translateX(500px); /* 往左右走 */transform: translateY(500px); ..
2022-03-17 21:54:06
1067
原创 css3知识点02—阴影+自定义字体+圆角+渐变+过渡
一、阴影1、文本阴影 text-shadow语法:text-shadow: h-shadow v-shadow blur color;值 描述 h-shadow 必需,水平阴影的位置,允许负值。 v-shadow 必需,垂直阴影的位置,允许负值。 blur 可选,模糊的距离 color 可选,阴影的颜色 /* text-shadow: h-shadow(必需,水平阴影的位置,允许负值 正值阴影在右)
2022-03-16 19:50:51
315
原创 css3知识点01—新增选择器+新增伪类+伪元素
一、css3新增选择器1、兄弟选择器相邻兄弟选择器E + F { }紧挨选择器E后的那个兄弟选择器F /* 相邻兄弟选择器,该代码意思是选择紧邻div后的那一个span元素,且只有第一个span会被选中。 */ div+span{ color: pink; }通用兄弟选择器E ~ F{ }选择器E后的所有的兄弟选择器F/* 通用兄弟选择器,选择所有div元素后面的span元素 */ /* 一对多 */ .
2022-03-15 21:49:19
564
3
原创 HTML5 —新增标签
一、html5简介 HTML5是一个新的网络标准,现在仍处于发展阶段。目标是取代现有的HTML4.01和XHTML1.0 标准。它希望能够减少互联网富应用(RIA)对Flash、Silverlight、JavaFX等的依赖,并且提供更多能有效增强网络应用的API。...
2022-03-14 20:49:35
692
原创 CSS知识点05
一、浮动 float浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。加了浮动会自动块化。正常文档流在下,浮动在上时,会浮到正常文档流上方。正常文档流在上,浮动在下时,浮动只能浮在正常文档流下一行 。值 解释 none 默认,不浮动 left 左浮动 right 右浮动 <htm...
2022-03-12 15:04:22
493
1
原创 CSS知识点04—背景+CSS精灵
一、背景1、background-color 属性指定元素的背景色。body { background-color: red;}/*为页面指定一个红色背景*/
2022-03-07 21:52:57
250
1
原创 CSS知识点03-盒子模型
一、盒子模型-边框1、border-width 边框宽度border-width:6px;2、border-color 边框颜色border-color:red;3、border-style 边框样式值 详解 none 无边框 solid 实线 dashed 虚线 dotted 点状线 double 双实线 4、边框分类边框可以单独给每个边设置样式border-top 上边框 border-bottom .
2022-03-05 10:54:19
146
3
原创 CSS知识点02 文本样式+盒子模型+伪类
一、文本相关样式1. text-align 文本对齐方式 值:left right center justify 左对齐(默认) 右对齐 居中对齐 两端对齐 text-align: left;/* 默认 水平居左对齐 */text-align: right; /* 水平居右对齐 */text-align: center; /* 水平居中显示 */text-align: justify;/* 两端对齐显示 */2. text-i..
2022-03-03 20:14:29
248
1
原创 CSS知识点01
一.CSS是什么?层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML等文件样式的计算机语言。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。CSS的优点:使HTML专注于网页的内容,CSS专注于网页的表现 提供了丰富的格式化功能 可以针对各种可视化浏览器(主要有显示器、打印机、PDA等)来设置不同的样式二、CSS引入方式1.行内样式...
2022-03-02 18:48:35
326
原创 表单具体示例
<form action="" method="post"> 账号:<input type="text" name="un" maxlength="10" placeholder="账号输入不能 超过10个字符"/><br><br><!-- maxlength限制输入的最大字符长度 ;placehoder文本框提示信息--> 密码:<input type="password" name="pw" placeh.
2022-02-28 21:49:07
175
原创 HTML知识点04-表单
一、表单组成部分一个表单有三个基本组成部分:表单标签:这里面包含了处理表单数据所用程序的URL以及数据提交到服务器的方法。 表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮:包括提交按钮、复位按钮和一般按钮二、表单语法<form method="post" action="result.html"> <p> 用户名:<input type="text" name="username" p
2022-02-25 19:38:02
1539
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人