前端
关注
分享
扫一扫
走到天涯海角
从坑中爬出后，避免再次入坑！
展开
-
媒体查询复习总结
1. 常见的布局方式：静态布局，流式布局，自适应布局，响应式布局静态布局：58官网，政府官网，宽度固定死流式布局：如把li的宽度设置成20%，向左浮动，不是很好看响应式布局：目前大部分互联网的页面都是采用响应式的布局，对于不同的宽度会有不同的样式，但是都是同一个页面。响应式布局某些部分也会用到静态布局、流式布局，也可以使用FILEX布局或者一些单位值，它综合了所有的布局效果。2.媒体查询下分为媒体类型（手机或者电脑）和媒体特性屏幕宽度在600px和800px之间样式生效不同在于有无.原创 2020-06-02 21:42:22 · 265 阅读 · 0 评论 -
亲子阅读（相似页面）
不想做重复性的工作，又不是机器人，这种做过好多次，今天稍微记一下。<!DOCTYPE html><html><head><meta charset="UTF-8"><title>亲子阅读</title><link rel="stylesheet" href="dist/css/zui.min.css"...原创 2020-04-26 22:11:19 · 222 阅读 · 0 评论 -
使用WebSocket前的页面编写（联系老师界面）
功能暂时还不是我做的，但是页面却是我负责的，其他页面有关WebSocket都从我这边黏贴样式。效果图：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>联系老师</title><link rel="stylesheet" href="d...原创 2020-04-26 22:01:59 · 273 阅读 · 0 评论 -
关于WEB-INF下路径的问题（html，css，js）
首先看图：index.html中怎么引用css，js文件夹呢？<link rel="stylesheet" href="dist/css/zui.min.css"> <link rel="stylesheet" media="screen" href="css/style.css"> <script src="js/particles...原创 2020-03-30 12:44:26 · 2048 阅读 · 0 评论 -
前端如何对接接口
作为一名前端工程师，不能只会写静态页面，还要会对接后端的接口。1.把地址改为后端工程师的电脑地址在webpack.base.config.js中把测试地址改成后端地址proxy: { '/aaa': { //识别url的第一个路径来判断 //后端地址 target: 'http://...原创 2019-11-07 12:15:26 · 25691 阅读 · 4 评论 -
ZUI框架加上Flex布局构建登录后的主页
LayUI框架虽然已经帮我们写好了主页布局，但是LayUI框架的插件较少，不足以我们使用，所以这个主页需要自己来写。 要注意的是，不能使用浮动布局，因为浮动布局比较麻烦，还要用JS来动态计算宽高，不够方便。 所以，我们采用Flex布局。效果图：页面分为三个部分：头部为导航条，左边为菜单，右边为iframe，我们只要往这三个部分填充用Z...原创 2020-03-26 13:07:14 · 596 阅读 · 0 评论 -
界面提示
<span id="message"></span>$("#message").text(data.msg);原创 2020-03-01 15:38:08 · 243 阅读 · 0 评论 -
移动端flex布局复习
这些天要写几个移动端的页面，想到了用flex布局，今天就稍微复习并总结一下知识点。Flexbox得到了W3C的认可，可以在各个浏览器中广泛地运用。Flexbox是一维布局模型，要么设置水平方向要么设置垂直方向。弹性盒子Flexbox的两根轴线：主轴和交叉轴，flex的空间分布和对齐能力依赖于这两根轴。如果flex元素不设置高度的话，flex元素的高度会等于flex父级容器的高度。注意：设置...原创 2019-10-29 23:57:49 · 579 阅读 · 0 评论 -
对于动态网页和静态网页的理解，以及提供例子说明
1.静态网页和动态网页的区别不在于：会不会动2.静态网页和动态网页的区别在于： 静态网页是一次编写后直接放在服务器上，服务器不用编译，就可以直接运行，修改网页内容麻烦，后期不会有大的改动。修改网页内容时，需要从服务器上把代码拷贝下来，然后把代码放在编辑器中，修改想要更改的内容，操作不便。 动态网页可以不用修改网页代码，在网页代码不变的情况下，操作数据库或者其...原创 2020-02-07 20:41:19 · 4435 阅读 · 0 评论 -
JS一部分基础复习
主要事件：用于表单6个事件（onfocus：聚焦，onblur：失焦，onclick: 点击, onchange：内容改变后触发, onload：加载, onsubmit：提交）HTML事件处理方式:JS事件处理方式：容易出错的地方：1.表单中一般不建议用button来写2.一般表单校验的事件，都会用form的onsubmit事件配套提交按钮（type="submi...原创 2020-02-06 19:53:10 · 205 阅读 · 0 评论 -
纯前端实现登录页面(表单通过正则判断，实现验证码功能以及简单的登录和重置功能)
页面效果如下：代码分享：HTML代码：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <link rel="icon" href="image/logo.jpg"> <title>登录系统</title> ...原创 2020-02-05 21:24:29 · 4294 阅读 · 7 评论