前言之前公司设计的网站比较混乱,很多地方不统一,其中一个就是弹出层,导致这个原因是因为,公司的UI换了好几个人,而他们每个人做出来的都不太一样。最近公司开始整顿这个问题,对于统一的这种东西当然是做成一个模块,或者插件,而我打算做成插件。之所以写这篇文章是因为,当写完这个插件以后,发现其中有不少的理念,而这些理念我想把它总结一下,虽然这个插件并不复杂。该怎样架构?对于架构这个概念,接触的比较少,我的
**Java Web–HTML、CSS、JavaScript学习笔记** HTML(Hyper Text Markup Language超文本标记语言):控制的是页面的内容,是由标签组成的语言,能够展示超文本的效果。CSS:控制的是页面的布局,视觉效果等C/S结构:Client—Server 客户端到服务器 B/S结构:Browser—Server 浏览器到服务器页面由三部分组成:内容(结构)、表
转载
2023-07-10 18:28:35
106阅读
前端学习 HTML HTML基础 HTML:Hyper Text Markup Language(超文本标记语言)。超文本包括:文字、图片、音频、视频、动画等 <!DOCTYPE html> DOCTYPE声明:告诉浏览器使用什么规范 <!--标题标签--> <h1></h1>h1最大,h6最小 < ...
HTML/CSS/JS 的关系 html 负责页面内容显示和结构 css 页面美化js 与用户交互面试题:网页的三层结构结构是什么?各自的作用结构层、表现层、行为层 script标签的使用 <!--嵌入的方式--> <script> js代码 </script> <!-- 外部js文件引入的方式 - ...
转载
2021-10-17 22:18:00
201阅读
2评论
你需要了解的21个CSS惊人技巧http://www.iteye.com/news/11112-web-css24 个漂亮的个性化 HTML 表单技术s html jshttp://www.gotapi.com/html
原创
2023-04-07 09:27:18
168阅读
这几天比较空闲所以研究了一下封装的方法,对于我们这些小白来说,封装往往显得高大上,下面我就来讲解下我的封装之路。原生js封装最简单的tab插件:html部分:写了两个包含框一个id为wrap一个为wraps 第一项第二项第三项
第一部分
第二部分
第三部分
第一项第二项第三项
第一部分
第二部分
转载
2023-10-19 11:53:17
89阅读
[常用的前端JavaScript方法封装]1、输入一个值,返回其数据类型function type(para) {
return Object.prototype.toString.call(para)
}
复制代码2、数组去重function unique1(arr) {
return [...new Set(arr)]
}
function unique2(arr) {
HTML、CSS、JS的区别。在日常学习中,html,css和js我们都学过,起初分不清这三者的区别和联系,随着知识的增长,有了一些体会。随微点阅读小编看一下这三项技术都是什么,能干什么?web前端工程师是近几年才发展出来的新兴职业,也是目前火爆且高薪的职业。不同的公司有不同的叫法,例如网页界面开发、网站设计等等。要学习web前端开发,需要掌握哪些知识呢?小编总结了一下,必须掌握的就是以下几点。1
转载
2023-10-09 00:10:12
122阅读
第11章 CSS简介、HTML是网页的结构,CSS是网页的外观,JavaScript是网页的行为。、CSS的出现就是为了改造HTML单调的默认外观。、CSS引入方式有3种:外部样式表、内部样式表、行内样式表。、在实际开发中,一般都是使用外部样式表第12章 CSS选择器、id和class(1)id就像你的身份证号,而class就像你的名字。同一个页面中,id只允许出现一次,而
转载
2024-01-26 09:43:46
90阅读
Animate.css:css动画
原创
2021-08-24 14:41:38
136阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device
原创
2023-02-01 11:56:23
163阅读
开发者需要了解的WebKit https://.infoq.cn/article/webkit-for-developers 开发者需要了解的 WebKit 彭超 2013 年 3 月 18 日 话题:JavaScriptHTML5语言 & 开发 Paul Irish是著名的前端开发工程师,同
转载
2018-11-09 14:56:00
117阅读
2评论
链接:https://www.zhihu.com/question/22689579/answer/22318058来源:知乎HTML与CSS你家电脑拿到一个html(就是上图HTTP响应的body里的内容)之后,就会对它进行解析渲染。服务器返回给你的html文件里面,写的是一些代码,大概是这样的:浏览器拿到这些代码之后,分析一下给你渲染好页面显示出来,如果不用css,效果是这样的,按照浏览器默认
转载
2019-04-28 15:33:16
724阅读
二阶段的课程体系 HTML静态页面 JavaScript 客户端动态脚本 浏览器解释执行 页面内容可以动态改变,有交互效果 jQuery JS库,就是对JS的封装,底层就是JS(提升js的使用效率) javaWeb 和服务器交互动态网站,使用java语言,访问服务器的数据库 java开发工程师的要求 ...
转载
2021-07-12 19:47:00
187阅读
2评论
1:颜色值缩写
09c=0099cc
2:div居中显示
position:absolute; //把div左上角放在body的中心,向左上挪动宽高的一半
width:600px;
height:400px;
left:50%; &nbs
原创
2011-06-09 18:08:42
363阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
原创
2023-02-01 11:31:23
44阅读
Atom通用代码编辑器,Github出品,基于electron桌面应用平台,https://atom.io/,源代码:https://github.com/atom/atomVisual Studio Code通用代码编辑器,微软出品,基于electron桌面应用平台,https://code.visualstudio.com/,源代码:https://github.com/Mic...
原创
2022-11-20 23:14:16
183阅读
一、使用函数有两步:1、定义函数,又叫声明函数, 封装函数。定义函数的三个要素:功能,参数,返回值。function 函数名(形参){ 函数代码 return 结果 } //2、调用函数 var 变量 = 函数名(实参);二、对函数的参数和返回值的理解1、函数的参数就是完成一件事情的已知条件,就是输入。//2、函数的返回值就是事情完成的结果。就是输出。三、以下为简单的函
转载
2024-10-01 22:20:15
52阅读
# 如何实现axios html js封装类
## 一、整体流程
首先,我们需要了解整体的开发流程。下面是实现“axios html js封装类”的步骤表格:
| 步骤 | 描述 |
| ---- | ---- |
| 1 | 创建一个HTML页面 |
| 2 | 引入axios库 |
| 3 | 创建一个JavaScript类来封装axios请求 |
| 4 | 在该类中添加不同的方法来发
原创
2024-05-06 05:09:27
211阅读
一、项目来源慕课网—手把手从0打造电商网页开发
网址:https://www.imooc.com/learn/1236
源码:右侧资料下载
二、摘要1.基本框架搭建(三、1-3)
2.实现html+css效果,一些要点笔记(三、4-8)
3.js效果步骤分析(三、9-10)
4.做完感受(四)
三、开始构建1.先搭建基本页面结构,并用link连接到首页
2.搭建页面骨骼
页面分为三大块,导航,首部
转载
2024-01-26 08:39:15
30阅读