摘要: 在前端的面试和日常的工作当中,经常会碰到让一个div(或者一块区域)上下左右垂直居中的问题,左右居中是非常简单的,如: margin: 0 auto; 但是,要做到垂直居中的话,很多同学就犯愁了,下面就给大家分享3中垂直居中的方案。 提前先准备好一个div,这里做了个类似弹窗的样子出来,html代码 阅读全文
posted @ 2020-01-17 23:20 热爱前端知识 阅读(560) 评论(0) 推荐(0)
摘要: 如何使用 引入 <script src="../node_modules/jquery/dist/jquery.js"></script> <script src="../dist/script/ux-form.js"></script> html <div class="container"> < 阅读全文
posted @ 2020-01-17 22:43 热爱前端知识 阅读(800) 评论(0) 推荐(0)
摘要: 一个网页基本是由 结构(html) + 样式(css) + 脚本(js) 组成。学习的话 应该从最基本的标签开始, 结构清晰了, 再用css美化, 最后可以用脚本加上特效 块级 和 行类标签 特点: 1. 宽度自适应父级,总是从新的一行开始。 行内的,不会折行。 <div> <div>123</di 阅读全文
posted @ 2020-01-17 22:12 热爱前端知识 阅读(574) 评论(0) 推荐(0)
摘要: 很久以前系统的学过JavaScript,但有许多细节的知识已经忘了,今天再来一个全面的学习梳理、复习。 一、JavaScript基本概念 1、js 技术用在什么地方? 地图搜索 网页游戏 对用户输入校验(email ,数字,身份证,ip...) 股市网站.. 核心一句话;js可以对网页的元素进行编程 阅读全文
posted @ 2020-01-17 21:40 热爱前端知识 阅读(195) 评论(0) 推荐(0)
摘要: 介绍 最近开始刷一些书和题,此系列是介绍在读Web最佳实践的一些收获和体会。 web前端发展现状 存在问题: 代码组织混乱 代码格式的问题突出 页面布局随意 网站整体性能差,没有意识到应用诸如缓存,动态加载,脚本压缩,图片压缩等提高性能技术 推荐做法: 压缩样式表和脚本文件 减少HTTP请求次数 简 阅读全文
posted @ 2020-01-17 20:59 热爱前端知识 阅读(151) 评论(0) 推荐(0)
摘要: 本次技术调研来源于H5项目中的一个重要功能需求:实现微信长按网页保存为截图。 这里有个栗子(请用微信打开,长按图片即可保存):3分钟探索你的知识边界 将整个网页保存为图片是一个十分有趣的功能,常见于H5活动页的结尾页分享。以下则是项目中调研和踩坑的一些小结和汇总。 一、实现HTML页面保存为图片 1 阅读全文
posted @ 2020-01-17 20:17 热爱前端知识 阅读(2078) 评论(0) 推荐(1)
摘要: 在第二篇文章 《新型前端开发方式》 中有说到 React 有很爽的一点就是给我们一种创造 HTML 标签的能力,那么今天这篇文章就详细讲解下 React 是如何提供这种能力的,作为前端开发者如何来运用这种能力。 在第三篇文章 《JavaScript代码里写HTML一样可以很优雅》 中介绍了 Java 阅读全文
posted @ 2020-01-17 19:32 热爱前端知识 阅读(663) 评论(0) 推荐(0)
摘要: 一、起源 (故事纯属虚构,如有雷同,纯属巧合)传说在很久很久以前,我们有志之士有了个创业的想法,于是乎开始了自己的创业之梦,但是人手不足啊,于是乎所有角色老子一个人全包了: Roles: PM, DBA, RD, FED, Designer, ... Skills: Linux, MySQL, JA 阅读全文
posted @ 2020-01-17 19:03 热爱前端知识 阅读(225) 评论(0) 推荐(0)
摘要: 学习javascript好多同学不知道怎么上手,跟着网上的新手教程做了一遍又觉得javascript很简单,但是真正自己用起来又觉得写不出什么东西,我觉得学习最好的方法就是跟着有趣的例子做,所以我们的口号是“每天一例,轻松javascript” 今天给大家带来第一个例子,简单Dom操作,效果先看下图 阅读全文
posted @ 2020-01-17 18:37 热爱前端知识 阅读(398) 评论(0) 推荐(0)
摘要: 前言:本人前端开发,在日常开发中需要打开多个窗口进行开发,如:本地服务窗口,ide工具,设计图,prd文档,浏览器,浏览器调试工具; 如此多的窗口同时打开并且时常需要查看的情况下,遗憾的是,即使我是双屏开发也有一种力不从心的感觉。现实情况公司也不可能再给我配几个屏幕,辛亏自windows7开始可以在 阅读全文
posted @ 2020-01-17 18:08 热爱前端知识 阅读(149) 评论(0) 推荐(0)
摘要: 在一般的Web开发中,很少会用到Blob,但Blob可以满足一些场景下的特殊需求。Blob,Binary Large Object的缩写,代表二进制类型的大对象。Blob的概念在一些数据库中有使用到,例如,MYSQL中的BLOB类型就表示二进制数据的容器。在Web中,Blob类型的对象表示不可变的类 阅读全文
posted @ 2020-01-17 17:25 热爱前端知识 阅读(1381) 评论(0) 推荐(0)
摘要: 我看到了什么 在看淘宝前端团队的博客的时候,无意中点进了关于我们这个页面,其中有个动画我觉得很有趣,也很通用,感觉在哪里都可以使用一样,效果如下图所示: 每次刷新的头像和‘You’的位置都是不同的,说实话,我觉得蛮有意思的,于是我自己尝试去实现了一下。下面我会从我的角度去分析实现这样的效果,因为我不 阅读全文
posted @ 2020-01-17 16:51 热爱前端知识 阅读(312) 评论(0) 推荐(0)
摘要: 现代浏览器性能优化-JS篇 众所周知,JS的加载和执行会阻塞浏览器渲染,所以目前业界普遍推荐把script放到</body>之前,以解决js执行时找不到dom等问题。但随着现代浏览器的普及,浏览器为我们提供了更多强大的武器,合理利用,方可大幅提高页面加载速度。 理解渲染过程(HTML Parser) 阅读全文
posted @ 2020-01-17 16:50 热爱前端知识 阅读(926) 评论(0) 推荐(0)