
web前端
文章平均质量分 74
前端基础知识笔记
不想想了
和尊重你的人同行,跟积极的人共事,与情绪好的人相处
展开
-
Express 框架引入了需要的模块
总结:cookie-session模块和multer模块用于处理HTTP请求和响应,而path模块和fs模块用于处理文件路径和文件系统操作。原创 2023-05-18 18:59:22 · 1477 阅读 · 0 评论 -
Web Server系统概述
Web Server系统和网页是两个不同的概念Web Server系统可以用多种技术和语言进行开发Web Server系统由以下部分组成Web Server系统的运行原理开发一个Web Server系统并运行测试原创 2023-05-17 21:05:55 · 1666 阅读 · 0 评论 -
网页内容无法复制的背后逻辑代码!
网上知识产权内容为什么无法复制的背后逻辑代码实现。原创 2023-04-03 07:00:00 · 242 阅读 · 0 评论 -
uni-app快速上手顺序
文章目录1,官方文档1.1组件——>模板层(分内置组件与自定义或者外部插件)1.1.1内置直接引用:1.1.2自定义/外部1.1.3更多uni-app的模板、示例1.2vue.js——>脚本层1.3接口——>脚本层1.4CSS3——>样式层1.5尺寸单位2,直接打开Hbuilder创建项目体验2.1认识目录结构2.2全局配置3,关于如何模拟运行4,直接调用原生API5,打包发行5.1HBuilder发行5.2HBuilder发行云打包5.3微信开发者工具上传7,快速体验白话:uni原创 2022-03-26 18:44:49 · 3158 阅读 · 2 评论 -
vue+vue-Axios+Express实现前后端简单跨域访问
文章目录vue+vue-axios环境搭建前端组件express搭建结果呈现vue+vue-axios环境搭建查看node是否安装:node -v卸载指令:npm uninstall -g vue-cli安装指令:npm install -g @vue/cli(以上步骤下次不用重复)创建test :vue create myapp(项目名称)vue-Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中安装:npm install --save a原创 2021-04-26 22:24:31 · 1449 阅读 · 0 评论 -
MVC框架理解与(Django里为MVT和VUE的MVVM模型)
MVC框架.:是一个经典的架构模式,其中MVC分别指的是:M: Model(模型,包含数据和数据处理方法)V: View(视图,提供视图,即页面)Controller: (控制层,负责逻辑处理)举例:在Node中的MVC框架,处理流程应该是以下步骤:服务端收到客户端的请求路由层开始处理服务端接收到的请求,匹配相应的路由匹配到相应的路由之后调用对应的controller(即对应的逻辑处理函数)controller接收到请求之后,向model层取用数据model层接收到controll原创 2021-04-21 15:24:28 · 1140 阅读 · 1 评论 -
Express的搭建与应用手册
文章目录一,了解是什么,有什么用二,Express基本入门使用安装Hello worldExpress 应用程序生成器Basic routing利用 Express 托管静态文件参考:一,了解是什么,有什么用官网链接: Express 中文网.框架:半成品,用来快速解决某一类问题。使用框架要遵守框架使用规范其他常用框架: bootstrap lay-ui vua react库:工具集,使用非常灵活常见库:jQuery day.js underscore art-template axi原创 2021-04-21 15:07:00 · 967 阅读 · 0 评论 -
VS Code/IDEA内联MySQL数据库并检索数据
一,准备1、开发工具 VS Code2、电脑系统 windows 103、安装插件:打开VSCODE点击左侧四边形的扩展程序按钮,在打开的搜索扩展程序里搜索:MySQL MySQL Syntax vscode-database安装二,VS Code中导入MySQL数据库1、打开VS Code,按如图所示点击“host”为主机地址,本地就填写127.0.0.1或localhost,如果是其它服务器地址,则填写对应IP地址2、输入数据库(管理员)用户名(一般root),回车3、输入密码,原创 2021-04-07 16:55:39 · 974 阅读 · 0 评论 -
CSS样式(文本及字体七个基本属性)
font-size用来设置文本字体的大小text-align用来设置文本的对齐方式font-family用来设置字体的类型font-weight用来设置字体的粗细原创 2021-01-14 11:52:06 · 758 阅读 · 1 评论 -
JavaScript获取样式(/获取值不对?)
问题:用document.getElementById(‘element').style.xx可以获取元素的样式信息,可是它获取的只是DOM元素style属性里的样式规则,对于通过class属性引用的外部样式表,就拿不到我们要的信息了。原创 2021-01-07 12:08:33 · 656 阅读 · 0 评论 -
HTML笔记(浅解a标签的邮件功能)
邮件利用mailto关键字<a href="mailto:?@?.com">发送邮件</a><A HREF="mailto:zhangming@aptech.com">发送反馈信息</A> 效果:发送邮件发送反馈信息mailto基本语法很简单,它的参数列表如下:to(收信人)suject(主题)cc(抄送)bcc(暗抄送)body(内容)标准的mailto写法吧:Mailto:1aa@1xx.com?2c=抄送内容@2yy原创 2021-01-04 18:27:16 · 6135 阅读 · 0 评论 -
css 实现背景图片平铺效果
直接上代码:#da{ background-image: url(" images/bg.gif "); background-repeat: no-repeat; //不重复 background-size: 100% 100%; // 满屏} div{backgroud-image:url(images/bg.gif);} <!-- 默认 -->其他平铺方式:repeat:即默认方式,完全平铺背景;no-repeat:在X及Y轴方向均不平铺;原创 2021-01-04 15:57:46 · 7454 阅读 · 0 评论 -
HTML笔记(form与table标签区别,区分利用ul,dl与table标签)
文章目录区分from标签table标签区分<from>封装要被提交服务器的表单内容(一系列控件)form不管到底嵌套了多少个table标签;它只关心范围内有多少个可提交的表单元素。主要用于向服务器传输数据;如常见的登录、注册页面。<table>以表格的形式布局展示内容主要用于创建表格,多与from标签一起用。即:table仅用来布局用的,而form则是用来封装数据的。通常发挥作用的是form,但是form内那些无规则随意摆放的文本框需要一个form里嵌套ta原创 2021-01-04 15:10:27 · 2960 阅读 · 1 评论 -
在vscode直接提交代码至GitHub
写代码不懂靠记忆背诵 多练代码W3C网站js要深入学习弄懂查看:终端D:进入D盘cd… 返回上传目录git add . 注意空格git commit -m ‘留言信息’ -前有空格git push 推送Stay Hungry,Stay Foolish.博客简历9.23父标签>子标签行数 回车(ul>li5)9.28一,dos是英文Disk Operating System的缩写,意思是“磁盘操作系统”。是微软系列操作系统之一。dos需要操作人员记住很多命令原创 2020-12-26 19:59:08 · 3800 阅读 · 1 评论 -
JavaScript预编译简介
文章目录一、js运行三部曲:二、预编译前奏三、预编译的两个规则:四、预编译四部曲(函数预编译时)详解:JavaScript预编译一、js运行三部曲:1.语法分析(通篇扫描看有没有语法错误)2.预编译3.解释执行(js不是全文编译完成再执行,而是块编译,即一个script块中预编译然后执行,再按顺序预编译下一个script块再执行 但是此时上一个script快中的数据都是可用的了,而下一个块中的函数和变量则是不可用的。)二、预编译前奏1、imply global 暗示全局变量:任何变量如果未经声原创 2020-12-26 18:51:22 · 215 阅读 · 0 评论 -
vue详细介绍,使用实例
简介Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue也完全能够为复杂的单页应用提供驱动。Vue是Angular和React的“优点整合版”一个MVVM框架,Angular的优点:指令系统、双向绑定,React的优点:做组件很快,一切都是组件,Redux的单项数据传递也被借鉴原创 2020-12-16 22:21:50 · 1049 阅读 · 1 评论 -
JavaScript中数组的字面量与字面量对象
文章目录对象字面量数组的字面量JavaScript 字面量对象 与 数组 混用对象字面量JavaScript包括一个原型链特性,允许对象继承另一个对象的属性。正确的使用能减少对象初始化的时间和内存损耗。//对象字面量var empty_object = {}; var stoog = { "first-name" : "Jerry", second_name : "howead"};注意:1.如果属性名称合法并且不是保留字,那么名字的 引号 可以不写。也就是说,是“保留原创 2020-12-14 23:02:17 · 547 阅读 · 0 评论 -
JavaScript中的构造函数(基础知识)
是什么按以往的经验,构造函数同样存在于很多主流的程序语言里,比如c++、Java、PHP等等,与这些主流程序语言一样,构造函数在JavaScript中也是用来创建对象时初始化对象,并且总与new运算符来调用的函数。为什么用在使用对象字面量创建一系列同一类型的对象时,这些对象可能具有一些相似的特征(属性)和行为(方法),此时会产生很多重复的代码,而使用构造函数就可以实现代码复用。怎么用先举个例子:function Person(name, gender, hobby) { this.name =原创 2020-12-14 15:53:54 · 521 阅读 · 0 评论 -
JavaScript对象与定义(如果你理解了对象,就理解了 JavaScript)
文章目录JavaScript 对象对象属性对象方法对象定义1,使用对象字面量2,使用 JavaScript 关键词 new3,使用对象构造器前言:如果您理解了对象,就理解了 JavaScript。JavaScript 对象真实生活中的对象、属性和方法理解:1,在真实生活中,汽车是一个对象。2,汽车有诸如发动机和颜色等属性,(adj)3,也有诸如启动和停止的方法。(v)JavaScript 中的所有事物都是对象,此外,JavaScript 允许自定义对象。JavaScript 提供多个内建对象原创 2020-12-14 14:25:45 · 515 阅读 · 0 评论 -
总被问到:浏览器地址栏输入网址+回车发生了什么?
文章目录过程:(标答)在浏览器中输入 www.baidu.com后执行的全部过程(理解答案)解析url(网址)DNSTCP三次握手为什么要发起三次握手http请求请求报文渲染页面TCP四次挥手前言:计算机专业各科老师总问到,干脆总结打个便利小抄过程:(标答)1、DNS 解析:将域名解析为IP地址;根据IP地址找到对应的服务器;2、TCP 连接: TCP三次握手;3、发生HTTP请求;4、服务器处理请求并返回HTTP报文;5、浏览器解析渲染页面;6、断开连接: TCP四次挥手;在浏览器中原创 2020-12-12 23:12:11 · 1674 阅读 · 0 评论 -
web前端学习(总结/心得)
文章目录学习前端前提一, 明确方向/态度二, 明确内容路线学习前端过程三,明确方法,怎么学1、入门(两方面)->搭积木2、尝试写完整的东西四,如何深入3、把握主流实用知识4、广度认知,扩充知识面5、项目6、现实个人学习心得/建议:前言:在学习的时候,即使有计划,有时候也会因为一些其他的干扰,陷入迷茫之中,暂断学习,所以总结一下学习web前端的一些表层的东西,帮助自己在学习过程中更加明确每一步该怎么走,也分析给大家。博主学前端的教训最早,在MOOC上看视频,大一花一个月寒假纯学习,就写了几个HTM原创 2020-12-11 23:09:04 · 26230 阅读 · 7 评论 -
js(原型与原型链是什么,有什么用)
文章目录前言原型模式理解原型对象原型对象的问题原型链原型链的问题总结前言所有 JavaScript 对象都从原型继承属性和方法。要了解原型与原型链是什么,有什么用,需要先了解JavaScript对象,构造函数等基本知识。以下是本篇文章正文内容,下面案例可供参考注意:本文目的在于在学习使用原型与原型链前,更好是了解它们,从而更好了解它们存在的意义与使用场景。话句话说:本文看看就好,别追求全看通,总结在这以后慢慢理解。原型模式我们创建的每个函数都有一个prototype (原型)属性,这个属性原创 2020-12-02 11:08:07 · 1443 阅读 · 0 评论 -
css(a标签,五种链接伪类/状态)
五种链接状态a { text-decoration: none;}正常的未被访问过的链接a:link { text-decoration: none;}已经访问过的链接a:visited { text-decoration: none;}鼠标划过(停留)的链接a:hover { text-decoration: none;}正在点击的链接,鼠标在元素上按下还没有松开a:active { text-decoration: none;}原创 2020-11-25 19:56:29 · 588 阅读 · 0 评论 -
JavaScript小白学习路径方法及须知
JavaScript学习路径阮一峰ES6 入门教程学习地址:链接: https://es6.ruanyifeng.com/.原创 2020-11-25 19:51:11 · 834 阅读 · 0 评论 -
前端课程软件安装
Vscode编辑器下载地址:(HTML)链接: https://pc.qq.com/detail/16/detail_22856.html.Vscode 配置教程链接: https://zhuanlan.zhihu.com/p/79612479.谷歌chrome浏览器下载地址:链接: https://pc.qq.com/detail/12/detail_22472.html.Git的下载地址:链接: https://git-scm.com/.Gittortoise 腾讯软件中心下载地址:链原创 2020-11-25 19:37:40 · 1088 阅读 · 0 评论 -
web过渡(js/transition/display)
文章目录JavaScript过渡CSS过渡transition过渡display隐显过渡JavaScript过渡具体代码如下: <title>js过渡</title> <link id="mystyle" rel="stylesheet" href="index1.css"></head><body> <div id="wrapper"> <br> <br>原创 2020-11-18 19:46:18 · 870 阅读 · 0 评论 -
css浮动易错
问题:解决:/* overflow:hidden; */解决结果:或 /* position:absolute; */解决结果:如下完整代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2020-11-16 16:58:29 · 114 阅读 · 0 评论 -
JavaScript变量,常量,字面量的定义与应用
文章目录什么是变量和常量,字面量区别:声明变量变量的命名规则和规范规则 - 必须遵守的,不遵守会报错规范 - 建议遵守的,不遵守不会报错变量提升(hoisting)JavaScript 中有六种数据类型包括:五种基本数据类型复杂(引用)数据类型作用域生存期什么是变量和常量,字面量变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据,使用变量可以方便的获取或者修改内存中的数据。变量较为重要的是-声明方法-,-命名规则-和-作用域-三部分。常量 指程序运行时,值不能改变的量为常量。通原创 2020-11-16 16:16:38 · 1076 阅读 · 0 评论 -
前端的那些居中方法
一,最常用div页面居中,实例如下 width: 600px; height: 400px; top: 50%; left: 50%; margin-left: -300px; margin-top: -200px;div中的文字水平居中:dutext-align:center;即可。div中的文字垂直居中:line-height:值。二,几种定位(position)的居原创 2020-11-12 17:36:35 · 15122 阅读 · 0 评论 -
css小结(position定位与float定位)
css总结(position)CSS中position有五种不同的定位方法:1,static 静态定位、默认,元素出现在正常的文档流中2,Fixed 固定定位、固定在页面中,不随浏览器的大小改变而改变位置。3,relative 相对定位,定位的起始位置为此元素原先在文档流的位置。4,absolute 绝对定位,定位的起始位置为最近的父元素(position不为static),否则为html文档本身。5、sticky 定位sticky 英文字面意思是粘,粘贴,所以可以把它称之为粘性定位。原创 2020-11-12 15:40:03 · 496 阅读 · 0 评论 -
用css画圆
用css完成一个实心圆形。要求圆形有边框、背景色,边框的宽度为10px、颜色为红色、边框样式为实心。背景色为蓝色。background-color: blue; width: 100px; height: 100px; border-radius: 50%; border: 10px solid red;用css实现颜色渐变效果 background: radial-gradient(circle at原创 2020-11-11 22:28:44 · 4041 阅读 · 0 评论 -
CSS选择器须知
一,CSS基础选择器1,标签选择器标签名{属性名1:属性值1;属性名2:属性值2;…}<style> p{ font-size:20px; }</style><body> <p>段落文本</p></body>2,id选择器#id属性值{}<p id=" "> </p>3,类选择器.c原创 2020-11-04 23:27:07 · 208 阅读 · 0 评论 -
console.log()的作用与实现
console.log()的作用是什么主要是方便你调式javascript用的。你可以看到你在页面中输出的内容。相比alert他的优点是:1,他能看到结构话的东西,如果是alert,淡出一个对象就是[object object],但是console能看到对象的内容。,2,console不会打断你页面的操作,如果用alert弹出来内容,那么页面就死了,但是console输出内容后你页面还可以正常操作。3,console里面的内容非常丰富,你可以在控制台输入:console,然后就可看到:Cons原创 2020-11-02 22:48:46 · 41605 阅读 · 0 评论 -
html小结(FRAME)
FRAME1、分割视窗指令<frameset>..........</frameset> 【1】垂直(上下)分割 -- rows<frameset rows=#> #号可为点数: 如欲分割为100,200,300三个视窗,则<frameset rows=100,200,300>; 亦可以*号代表,如<frameset rows=*,500,*> 百分比:如<frameset rows=30%,70%>,各原创 2020-10-24 11:23:34 · 237 阅读 · 0 评论 -
HTML小结(input)
html5 input属性【限制输入行为和格式】1,autocomplete属性使用与标签,默认打开(on),用off关闭<form autocomplete="on"> <input id="myCar" list="cars" /> <datalist id="cars"> <option value="BMW">BMW</option>原创 2020-10-14 19:56:22 · 255 阅读 · 0 评论 -
开始学css吧!
什么是CSS?个人学了CSS的小总结CSS全称为Cascading Style Sheets,中文翻译为“层叠样式表”,简称CSS样式表,所以称之为层叠样式表(Cascading Stylesheet)简称CSS。在网页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。CSS高级属性层叠性(多个属性效果叠加+优先级)继承性(子承父业)CSS作用:CSS具有对原创 2020-09-24 22:39:08 · 131 阅读 · 0 评论 -
CSS盒子模型(Box Model)全解
CSS盒模型(Box Model)一,W3C盒子模型由四部分组成1,content(内容部分)属性 widthheight2,padding(内边距)顺时针属性 -top(上)-right(右)-bottom(下)-left(左)3,border(边框)属性border-width 边框的宽度 可以设置为thin. medium. thick和具体数值, 如5px; 默认值为medium,浏览器解析为2px宽border-style 边框样式原创 2020-09-21 21:15:21 · 3209 阅读 · 0 评论