![](https://img-blog.csdnimg.cn/2a1909c3d41c49519a624f8dd0c3bfbe.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
文章平均质量分 74
主动学习前端,提升自己工作效率
谢迅
这个作者很懒,什么都没留下…
展开
-
sql变量、存储过程
1. 存储过程的概念存储过程 (Stored Procedure) 是在大型数据库系统中 , 一组为了完成特定功能的 SQL 语句集 , 存储在数据库中 , 经过第一次编译后再次调用不需要再次编译 , 用户通过指定存储过程的名字并给出参数 (如果该存储过程带有参数) 来执行它 , 存储过程是数据库中的一个重要对象 ; 存储过程中可以包含 逻辑控制语句 和 数据操纵语句 , 它可以接受参数 , 输出参数 , 返回单个或多个结果集以及返回值 ;2. 存储过程的优缺点优点 :由于应用程序随着时间推移会不断更原创 2022-07-12 09:46:20 · 1475 阅读 · 0 评论 -
常见前端面试题整理(带答案)
(1)根据内容的语义化,选择合适的标签。便于开发人员阅读和写出更优雅的代码,也便于团队后期的开发和维护;(2)在没有CSS,或者CSS尚未加载的时候,页面也能够呈现出很好的内容结构、代码结构(如标题和正文分开);(3)有利于搜索引擎优化。搜索引擎依赖于标签来确定上下文和各个关键字的权重,语义化标签,有助于爬虫获取到更多有效的信息(1)canvas 标签,可以实现使用 javascript 在网页上绘制图像,如坐标轴、折线图;(2)支持 svg(可伸缩矢量图形),svg 图像在放大的时候图像质量不会降低;(3原创 2022-06-15 12:34:58 · 7097 阅读 · 1 评论 -
vue入门教程(二)
是一套用于构建用户界面的前端框架。前端开发者最主要的工作,就是为网站的使用者(又称为:网站的用户)构建出美观、舒适、好用的网页。 vue 框架的特性,主要体现在如下两方面:数据驱动视图 在使用了 vue 的页面中,vue 会监听数据的变化,从而自动重新渲染页面的结构。好处:当页面数据发生变化时,页面会自动重新渲染!注意:数据驱动视图是单向的数据绑定。双向数据绑定 在填写表单时,双向数据绑定可以辅助开发者在不操作 DOM 的前提下,自动把用户填写的内容同步到数据源中。好处:开发者不再需要手动操作 DOM 元原创 2022-06-14 12:37:17 · 145 阅读 · 0 评论 -
vue入门(一)==》前端工程化和webpack
五点前阿斯顿发原创 2022-06-13 17:13:15 · 75 阅读 · 0 评论 -
node入门(五)--前后端的身份认证
服务端渲染的概念:服务器发送给客户端的 HTML 页面,是在服务器通过字符串的拼接,动态生成的。因此,客户端不需要使用 Ajax 这样的技术额外请求页面的数据。优点:缺点:前后端分离的概念:依赖于 Ajax 技术的广泛应用。后端只负责提供 API 接口,前端使用 Ajax 调用接口的开发模式。优点:缺点:不谈业务场景而盲目选择使用何种开发模式都是耍流氓。 另外,具体使用何种开发模式并不是绝对的,为了同时兼顾了首页的渲染速度和前后端分离的开发效率,一些网站采用了首屏服务器端渲染 + 其他页面前后端分离的开发模原创 2022-06-12 23:51:16 · 91 阅读 · 0 评论 -
node入门(五)--连接数据库
分原创 2022-06-12 10:57:33 · 77 阅读 · 0 评论 -
nodemon : 无法加载文件,在系统上禁止运行脚本?
1.管理员身份打开powerShell2. 输入set-ExecutionPolicy RemoteSigned3.返回VS测试,已经OK了原创 2022-06-11 10:18:21 · 237 阅读 · 0 评论 -
node入门(四)--Express
在 Express 中使用路由最简单的方式,就是把路由挂载到 app 上,示例代码如下:原创 2022-06-10 12:43:29 · 112 阅读 · 0 评论 -
ES6模块化与异步编程高级用法
1.fs 文件系统模块 ⚫ fs.readFile() 方法,用来读取指定文件中的内容 ⚫ fs.writeFile() 方法,用来向指定的文件中写入内容 如果要在 JavaScript 代码中,使用 fs 模块来操作文件,则需要使用如下的方式先导入它:......原创 2022-06-08 12:49:56 · 90 阅读 · 0 评论 -
Vue入门(二)
下载和引入vue.js文件。 编写入门程序。 视图:负责页面渲染,主要由HTML+CSS构成。 脚本:负责业务数据模型(Model)以及数据的处理逻辑。<body> <!- 视图 --> <div id="div"> {{msg}} </div></body><script src="js/vue.js"></script><script..原创 2022-06-07 17:01:58 · 277 阅读 · 0 评论 -
node入门(三)npm包
ASOKJ原创 2022-06-06 11:00:11 · 1157 阅读 · 0 评论 -
node入门(二)模块化
注意:为了防止混乱,建议大家不要在同一个模块中同时使用 exports 和 module.exports原创 2022-06-06 10:49:21 · 105 阅读 · 0 评论 -
Git安装使用保姆级教程
注意:如果使用了 --global 选项,那么该命令只需要运行一次,即可永久生效。 5. 获取帮助信息原创 2022-06-02 18:37:54 · 107 阅读 · 0 评论 -
移动web(二)
1、空间转换 目标:使用transform属性实现元素在空间内的位移、旋转、缩放等效果 l 空间:是从坐标轴角度定义的。 x 、y 和z三条坐标轴构成了一个立体空间,z轴位置与视线方向相同。 l 空间转换也叫3D转换 l 属性:transform...原创 2022-05-11 12:19:34 · 55 阅读 · 0 评论 -
css3基础入门(二)
1、盒子模型作用: 控制元素的显示效果包括: 尺寸,元素位置,边框,元素内容的位置 盒子模型: 内容+外边距+边框+内边距 内容:content: 负责控制元素的尺寸 外边距:margin:负责控制元素的位置 边框:border:负责控制元素的边框1px solid red 内边距:padding:负责控制元素内容的位置盒子模型之内容Contentwidth/height 赋值方式: 像素: 200px 上级元素的百分比: 50% 盒子模型之外边距margin ...原创 2022-05-03 12:24:32 · 449 阅读 · 0 评论 -
swiper-轮播图使用教程
Swiper 使用方法1.首先加载插件,需要用到的文件有swiper-bundle.min.js和swiper-bundle.min.css文件,不同Swiper版本用到的文件名略有不同。可下载Swiper文件或使用CDN。<!DOCTYPE html><html><head> ... <link rel="stylesheet" href="dist/css/swiper-bundle.min.css"></head&g原创 2022-04-08 23:18:59 · 5052 阅读 · 0 评论 -
正则表达式
1.正则表达式是什么? 是用于匹配字符串中字符组合的模式 2.正则表达式有什么作用? 表单验证(匹配) 过滤敏感词(替换) 字符串中提取我们想要的部分(提取) 2.判断是否有符合规则的字符串: test() 方法 用来查看正则表达式与指定的字符串是否匹配1.正则表达式使用分为几步? 定义正则表达式 检测查找是否匹配3.检索(查找)符合规则的字符串: exec() 方法 在一个指定字符串中执行一个搜索匹配1.正则表达式检..原创 2022-04-06 10:24:14 · 78 阅读 · 0 评论 -
BOM--windows对象
BOM(Browser Object Model ) 是浏览器对象模型 window 是浏览器内置中的全局对象,我们所学习的所有 Web APIs 的知识内容都是基于 window 对象实现的 window 对象下包含了 navigator、location、document、history、screen 5个属性,即所谓的 BOM (浏览器对象模型) document 是实现 DOM 的基础,它其实是依附于 window 的属性。 注:依附于 window 对象的原创 2022-04-03 23:44:22 · 182 阅读 · 0 评论 -
js高级篇
css定义了这个div的overflow“auto”的属性,还有就是要给这个div一个适合这个页面的宽度。这样,当“box”里面的内容宽度大于css定义的宽度时,就会出现滚动条了。里面的内容可以是表格,也可以是图片等等overflow的auto值很像scroll,它唯一解决的是在你不需要的时候也会出现滚动条的问题。auto属性只会在它需要的时候给盒子一个滚动条。滚动事件(scroll) 当页面进行滚动时触发的事件 为什么要学? 很多网页需要检测用户把页面滚动到某个区域原创 2022-04-03 00:50:09 · 411 阅读 · 0 评论 -
css3入门(三)
position一般分为三种,一种是相对定位relative,一种是绝对定位absolute,一种是固定定位fixed1、position:relative 相对定位特点: 1)不影响元素本身的特性; 2)不使元素脱离文档流(元素移动之后原始位置会被保留); 3)如果没有定位偏移量,对元素本身没有任何影响; 4)提升层级。注:定位元素位置控制:top/right/bottom/left 定位元素偏移量2、position:absolute ...原创 2022-04-02 10:32:55 · 92 阅读 · 0 评论 -
DOM入门(三)
获取事件对象事件对象是什么也是个对象,这个对象里有事件触发时的相关信息 例如:鼠标点击事件中,事件对象就存了鼠标点在哪个位置等信息如何获取在事件绑定的回调函数的第一个参数就是事件对象 一般命名为event、ev、e常见事件对象属性type 获取当前的事件类型 clientX/clientY 获取光标相对于浏览器可见窗口左上角的位置 offsetX/offsetY 获取光标相对于当前DOM元素左上角的位置key用户按下的键盘键的值 现在不提倡使用keyCode事件流和两原创 2022-03-31 17:00:13 · 753 阅读 · 0 评论 -
DOM入门(二)
DOM节点 1. 什么是DOM 节点? DOM树里每一个内容都称之为节点 2. DOM节点的分类? 元素节点 比如 div标签 属性节点 比如 class属性 文本节点 比如标签里面的文字 3. 我们重点记住那个节点? 元素节点 可以更好的让我们理清标签元素之间的关系...原创 2022-03-29 10:40:43 · 1419 阅读 · 0 评论 -
移动Web(一)
字体图标 Ø 字体图标展示的是图标,本质是字体。 Ø 处理简单的、颜色单一的图片字体图标-Iconfont下载字体包: l 登录(新浪微博) → 选择图标库 → 选择图标,加入购物车 → 购物车 → 添加至项目 → 下载至本地使用字体图标 - Unicode编码: l 引入样式表:iconfont.css l 复制粘贴图标对应的Unicode编码 l 设置文字字体使用字体图标 – 类名: l 引入字体图标样式表l 调用图标对应的...原创 2022-03-28 13:57:16 · 68 阅读 · 0 评论 -
DOM入门(一)
DOM树是什么 将 HTML 文档以树状结构直观的表现出来,我们称之为文档树或 DOM 树 作用:文档树直观的体现了标签与标签之间的关系 document 对象 是 DOM 里提供的一个对象 所以它提供的属性和方法都是用来访问和操作网页内容的 例:document.write() 网页所有内容都在document里面二、获取DOM对象1.1 选择匹配的第一个元素1.2 选择匹配的多个元素 ...原创 2022-03-28 13:34:29 · 4655 阅读 · 0 评论 -
JS基础入门(三)
1.5 作用域1. JS 中作用域分为哪三种? 全局作用域。函数外部或者整个script 有效 局部作用域。也称为函数作用域,函数内部有效 块级作用域。 { } 内有效 2. 根据作用域不同,变量分为哪三种? 全局变量 局部变量 块级变量 3. 有一种特殊情况是全局变量是那种?我们提倡吗? 局部变量或者块级变量 没有let 声明直接赋值的当全局变量看 我们强烈不提倡 还有一种特殊情况,函数内部的形参可以当做局部变量看 1原创 2022-03-21 11:20:46 · 392 阅读 · 0 评论 -
git和GitHub
gitGit(读音为/gɪt/。),是目前世界上最先进的分布式版本控制系统,可以有效、高速的处理从很小到非常大的项目版本管理。Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。其作用就是可以让你更好的管理你的程序,比如你原来提交过的内容,以后虽然修改了,但是通过git这个工具,可以把你原来提交的内容重现出来,这样对于你后来才意识到的一些错误的更改,可以进行还原。现在很多其他自由软件项目中也使用了 Git,例如 很多 Freedesktop原创 2022-03-18 13:33:45 · 114 阅读 · 0 评论 -
Function类型
函数实际上是对象。可以封装一段特定功能的代码。每个函数都是Function类型的实例,具有属性和方法。函数名是一个指向函数对象的指针。函数名仅仅是只想函数对象的指针,因此函数名和包含对象指针的其他变量没有什么不同,所以,一个函数可以有多个名字。①创建函数声明function sum(a,b){ return a+b;}函数表达式var sum=function(a,b){ return a+b;};构造函数 可以传入多个参数,但最后一个参数会作为函数体。v...原创 2022-03-18 13:28:45 · 199 阅读 · 0 评论 -
JS基础入门(二)
引用类型对象是某个引用类型的实例,新对象是使用new操作符后跟一个构造函数来创建的。构造函数本身是一个函数,只不过该函数是为创建对象的目的而定义的。var person=new Object();person.name="ly";person.age=22;Array类型数组是一个按顺序排列的集合,集合的每个值称为元素。JavaScript的数组可以包括任意的数据类型。数组用[]表示,元素之间用,分隔,并且ECMAScript数组的大小是可以动态调整的,即可以随着数据的添加自动增长。原创 2022-03-17 13:04:07 · 1057 阅读 · 0 评论 -
DOM 文档对象模型
DOM 文档对象模型和页面相关内容 通过元素的id获取元素对象 let 元素对象 = document.getElementById(“元素id”); 通过CSS中接触到的选择器获取元素对象 let 元素对象 = document.querySelector(“选择器”); 获取和修改元素的文本内容 元素对象.innerText; //获取 元素对象.innerText=“xxx”; //修改 获取和修改表单中的控件的值 控件.value //获取 控件.value=“xxx” //原创 2022-03-16 12:26:45 · 67 阅读 · 0 评论 -
BOM浏览器对象模型
BOM浏览器对象模型包含和浏览器相关内容 window对象: 该对象的属性和方法称为全局属性和全局方法, 访问时可以省略掉window.window对象中常见的方法alert(“xxx”) 弹出提示框 confirm(“xxxx”) 弹出确认框 prompt(“xxx”) 弹出文本框 parseInt() 将字符串或小数转成整数 parseFloat() 将字符串转成整数或小数 isNaN() 判断变量是否是NaN console.log() 浏览器控制台输出 let timer原创 2022-03-16 12:21:42 · 158 阅读 · 0 评论 -
前端-常见面试题
题 1:JavaScript中的==与===“==” 的比较规则 先检查两个操作数的数据类型是否相同 如果相同,则比较两个数是否相等 如果不同,则先将两个数转换为相同数据类型,再进行比较 4.js自动进行了一次数据类型转换,将字符串、数组、布尔值转为数字,再进行比较。“===”的比较规则 先检查两个操作数的数据类型是否相同 若不同,直接返回false 若相同,则比较二者是否相等 跟==不同,当数据类型不同时, 不进行数据类....原创 2022-03-15 13:34:04 · 1009 阅读 · 0 评论 -
数据库究竟有哪几种最常用语言?
我们常说的SQL语言共分为四大类:数据查询语言DQL,数据操纵语言DML,数据定义语言DDL,数据控制语言DCL。1. 数据查询语言DQL数据查询语言DQL基本结构是由SELECT子句,FROM子句,WHERE子句组成的查询块:SELECT <字段名表>FROM <表或视图名>WHERE <查询条件>2 .数据操纵语言DML数据操纵语言DML主要有三种形式:1) 插入:INS...原创 2022-01-06 10:16:51 · 5484 阅读 · 0 评论 -
VUE的使用
Vue常用指令{{变量}} : 插值, 让此处的文本内容和变量进行绑定 ,不需要依赖某个标签存在 v-text=“变量”: 让元素的文本内容和变量进行绑定, 需要依赖标签 v-html=“变量”: 让元素的标签内容和变量进行绑定 v-bind:属性名=“变量” , 让元素的某个属性的值和变量进行绑定 , 简写可以把v-bind去掉 v-model=“变量”: 让控件的value属性和某个变量进行双向绑定, 双向绑定: 变量会影响页面显示的内容,页面元素的内容改变也会影响变量, 当需要从代码中获取原创 2022-03-10 11:20:53 · 902 阅读 · 0 评论 -
前端MVC设计模式VSM,V,VM设计模式
前端MVC设计模式MVC设计模式:实际上就是把前端实现一个业务功能的代码划分为3部分Model : 模型 , 指数据模型 对应的是从服务器获取到数据的部分代码. View: 视图 , 指页面部分代码 Controller: 控制器, 把数据模型的内容 展示到页面中的过程称为控制器部分 前端MVC设计模式的弊端: 需要在Controller部分 频繁进行DOM操作(遍历查找元素过程)会影响效率, 从而影响用户的体验度 M,V,VM设计模式Model : 模型 , ...原创 2022-03-10 11:17:04 · 1179 阅读 · 0 评论 -
JS基础入门(一)
JavaScript作用: 负责给页面添加动态效果.语言特点:属于弱类型语言:java: String name = “tom”; int age=18; name=30; 报错javascript: let name=“tom”; let age=18; name=30; 不会报错属于脚本语言,不需要编译直接解析执行.基于面向对象安全性强: JS语言只能访问浏览器内部的数据,浏览器以外的程序或磁...原创 2022-03-09 17:15:14 · 185 阅读 · 0 评论 -
css3基础入门(一)
CSS层叠样式表 作用: 负责美化页面 (装修)如何在html页面中添加CSS样式代码内联样式:在标签的style属性中添加样式代码, 弊端:不能复用内部样式:在head标签里面添加style标签, 通过选择器找到元素后再添加样式代码, 可以复用但是不能多页面复用外部样式:在单独的css样式文件中写样式代码, 在html页面中通过link标签引入, 可以多页面复用,可以将样式代码和html代码分离开.工作中外部样式使用的最多, ...原创 2022-03-06 00:47:24 · 282 阅读 · 0 评论 -
前端-HTML
Git地址https://gitee.com/teduliu/cgb2112.git课程介绍web前端: 学习如何搭建页面,如何美化页面,如何给页面添加动态效果MySQL数据库:学习如何对数据进行增删改查SpringBoot: 学习如何接收客户端请求,以及如何响应请求,并将页面展示,业务逻辑,数据存储三大部分整合项目HTML作用: 负责搭建页面结构和内容 (盖房子毛坯房)HyperTextMarkupLanguage: 超文本标记语言超文本: 指不仅仅是纯文本,还包括字体和多媒体(图片原创 2022-03-03 13:11:09 · 72 阅读 · 0 评论