随笔分类 - html/css
摘要：人类对于运动的食物往往会投入更多的关注，因此巧妙的使用动画能够极大地提升网站的用户体验，快速唤起用户对重要元素的关注。 在css3中引入了全新的动画语法，它能够帮助你在设计中实现许多有趣的事情。通常构建炫酷的动画是非常复杂和费时的，而使用动画库和生成器则可以帮助你完美处理这一切。 在这篇文章中我们将
阅读全文
posted @ 2020-11-26 12:31
笑人
摘要：你是否正处于选择 App 开发技术的两难境地？如今，渐进式 Web 应用程序需求旺盛。知道这是为什么吗 ？ 下面让我们来详细的梳理一下。 移动电话用户的增长促使在线企业重新考虑对移动应用的优化。手机端占用了超过 60％ 的互联网流量。 人们不仅浏览社交媒体网站，还浏览服务和产品。所以针对移动进行优化
阅读全文
posted @ 2020-11-26 12:30
笑人
摘要：目录： 1、综合 1.1、使用场景 1.2、核心思想 1.3、切入角度 1.4、其他 2、基础层设计 2.1、自建Gitlab 2.2、版本管理 2.3、自动编译发布Jenkins 2.4、纯前端版本发布 2.5、统一脚手架 2.6、Node中间层 2.7、埋点系统 2.8、监控和报警系统 2.9、
阅读全文
posted @ 2020-11-26 12:29
笑人
摘要：前言 图标是前端在业务开发中不得不写的一个东西，以我司的几个部门为例，每个组在写图标上都有不一样的方式： 用户平台：单色图标用 iconfont 上提供的字体文件，彩色图标用 img 引入代替或者使用iconfont 上提供的 symbol.js 。 saas：引入 svg 文件，通过 react-
阅读全文
posted @ 2020-11-26 12:26
笑人
摘要：json 简介 jsON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。 它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - Dec
阅读全文
posted @ 2020-11-26 12:25
笑人
摘要：理解差异 根据您是网站的用户还是开发自己的网站，良好的在线体验将涉及安全的第三方和可信加密。为了理解如何完成这项工作并更好地理解为什么百度会支持某些元素，了解HTTP和HTTPS之间究竟有什么区别以及它为何重要至关重要。 HTTP 超文本传输协议(HTTP)是一种用于通过Internet发送和接收信
阅读全文
posted @ 2020-11-26 12:24
笑人
摘要：随着互联网的飞速发展，web应用在软件开发中所扮演的角色变得越来越重要，同时，web应用遭受着格外多的安全攻击，其原因在于，现在的网站以及在网站上运行的应用在某种意义上来说，它是所有公司或者组织的虚拟正门，所以比较容易遭受到攻击，存在安全隐患。 今天主要给大家分享下有关安全测试的一些知识点以及注意事
阅读全文
posted @ 2020-11-26 12:21
笑人
摘要：在原生开发小程序的过程中，发现有多个页面都使用了几乎完全一样的逻辑。由于小程序官方并没有提供 Mixins 这种代码复用机制，所以只能采用非常不优雅的复制粘贴的方式去“复用”代码。随着功能越来越复杂，靠复制粘贴来维护代码显然不科学，于是便寻思着如何在小程序里面实现 Mixins。 什么是 Mixin
阅读全文
posted @ 2020-11-26 12:20
笑人
摘要：一般网站优化都是优化后台，如接口的响应时间、SQL优化、后台代码性能优化、服务器优化等。高并发情况下，对前端web优化也是非常重要的。下面说说几种常见的优化措施。 1、html css js位置 一般需要将css放页面最上面，即HEAD部分，而将js代码放页面底部。因为页面需要加载为CSS才进行渲染
阅读全文
posted @ 2020-11-26 12:19
笑人
摘要：html提供了5种空格实体（space entity），它们拥有不同的宽度，非断行空格（ ）是常规空格的宽度，可运行于所有主流浏览器。其他几种空格（       ‌‍）在不同浏览器中宽度各异。 它叫不换行空格，全称No-Br
阅读全文
posted @ 2020-11-26 12:18
笑人
摘要：随着 H5 标准的发布以及推广，使得移动应用的开发也受到了很大影响，出于效率、成本等原因，移动应用的开发不再完全依赖于 “原生”。近日越发火热的混合应用（Hybrid App）介于 Web 应用和原生应用之间，兼具了 “原生应用良好用户交互体验” 和 “Web 应用跨平台开发”的两大优势。而 Fac
阅读全文
posted @ 2020-11-26 12:17
笑人
摘要：1：基本概念 在两个或者多个指定的颜色之间显示平稳的过渡 渐变的效果是由浏览器生成的 渐变的类型主要分为两种：线性渐变（Linear Gradients）和径向渐变（Radial Gradients）；线性渐变是一个向上、向下、向左、向右或者对角方向的渐变，而径向渐变则是由它们的中心定义。 作为元素
阅读全文
posted @ 2020-11-26 12:15
笑人
摘要：水印项目我们提出了两种解决方案 一、用shadow dom实现 1、基本思路 通过 attachShadow 这个方法生成一个shadow root 即shadow的根节点，然后在这个根节点下面通过循环语句添加水印，利用position为absolute进行排版，使其铺满容器 show me the
阅读全文
posted @ 2020-11-26 12:14
笑人
摘要：方法 在本文中，我想介绍一些组件相关的设计概念，在进行前端开发时应该考虑这些概念。我认为最好的方法是给每个概念一个简洁精炼的名字，然后逐一解释每个概念是什么以及为什么重要，对于比较抽象概念的会举一些例子来帮助理解。 以下这个列表并不是不全面也不完整，但我注意到的只有 8 件事情值得一提，对于那些已经
阅读全文
posted @ 2020-11-25 12:38
笑人
摘要：在线上项目中,需要统计产品中用户行为和使用情况，从而可以从用户和产品的角度去了解用户群体，从而升级和迭代产品，使其更加贴近用户。用户行为数据可以通过前端数据监控的方式获得，除此之外，前端还需要实现性能监控和异常监控。性能监控包括首屏加载时间、白屏时间、http请求时间和http响应时间。异常监控包括
阅读全文
posted @ 2020-11-25 12:37
笑人
摘要：一、前言 ”前后端分离“已经成为互联网项目开发的业界标杆，通过Tomcat+Ngnix(也可以中间有个Node.js)，有效地进行解耦。并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。 前后端分离(解
阅读全文
posted @ 2020-11-25 12:35
笑人
摘要：一 小程序兴起的背景 小程序兴起的背景可以分为行业背景和技术背景。 1. 行业背景： 与移动互联网成熟、流量红利终结伴随的是 App 的巨型化、寡头化，流量成本越来越高昂，这几点其实大家平时也有体会——手机里装了多少 App，其中，多少 App 装了之后基本没使用过，占据用户大部分时间的 App 越
阅读全文
posted @ 2020-11-25 12:33
笑人
摘要：先简单介绍下 link 标签作用 你可以在页面 <head> 元素内部使用 <link> 标签书写一些声明式的资源获取请求 preload (预加载) 有些资源是在页面加载完成后即刻需要的，对于这种即刻需要的资源，你可能希望在页面加载的生命周期的早期阶段就开始获取，在浏览器的主渲染机制介入前就进行预
阅读全文
posted @ 2020-11-25 12:32
笑人
摘要：UI设计和Web前端都是当今比较火爆的互联网热门岗位，市场需求量很大，薪资待遇较高，自然引来越来越多人的学习。但是学习IT培训的学员们总是很犯难，对于女生而言：到底是学UI设计好，还是Web前端好？下面我们看一看专家是怎么说的。 UI设计根据这三方面来展开学习： 1平面设计 在达内UI设计培训第一阶
阅读全文
posted @ 2020-11-25 12:30
笑人
摘要：1.禁止div点击 //css属性： pointer-events: none; //或者定义属性，在js中添加： $(".原类名").addClass("新类名"); //js： //禁用 $.fn.disable = function () { $(this).addClass("disable
阅读全文
posted @ 2020-11-25 12:29
笑人
浙公网安备 33010602011771号