摘要：
canvas 和 webGL 这两项图形技术结合 css3 可以说能完成绝大部分的动画和需求。但 canvas 和 webGL 毕竟是偏向底层的绘制引擎，某些场景使用起来还是过于繁琐的，不分场合一律使用锤子解决的行为不值得提倡。svg 在解决排版，图标，相关动画还是非常高效的，而且 svg 还是矢量 阅读全文
摘要：
新手Web设计师和开发人员往往以有缺陷的创作而告终，却不知道真正的故障出自于哪里。虽说有这么多的设计书籍，但即使都读了，也不会对最后的设计有任何意义。在第一个原型中创建一个无缝的设计真的是一个挑战——事实上，只是做好单个部分就是一个难点。 有时候设计是如此糟糕，以致于完全不值得挽救。因为有这么多的毛 阅读全文
摘要：
深色模式时代已经来临 现在有一种新的趋势 - 把东西变黑。过去，你必须决定你的网站的风格(亮或暗)或者必须保存用户自己定义的主题风格。 Safari 12.1 ( macOS 10.14.4自带) 增加了对检测系统颜色主题的支持. 它可以传递此信息，并且可以呈现网站的特定版本。当你的系统使用深色模式 阅读全文
摘要：
设置项目 首先，创建一个新的 index.html 文件，并编写如下代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-wid 阅读全文
摘要：
Input 标签来获取图片 通过设置 input 标签的 type 属性为 file，来让用户可以选择文件，设置 accept 限制选择的文件类型，绑定 onchange 事件，来获取确认选择后的文件 <input type="file" accept="image/*" onchange="loa 阅读全文
摘要：
从事该行业足够长的时间的人们经常会忘记这些指标对于新人来说听起来很荒诞，所以您必须原谅他们。 要学习网络分析并了解它如何使您受益，最好先了解周围常见的术语，这是一个好主意。 在本文中，我们将介绍基本的网络分析指标以及一些有关如何利用这些指标来推动洞察力的花絮。 1. Unique Visitors 阅读全文
摘要：
一、Chrome浏览器双指触摸的模拟 结果是模拟不了。 页面整体缩放行为是可以通过按住Shift键+页面左键模拟的，但是，实际上，还是一个触摸点，因此无法模拟双指缩放行为。 除非是有触摸板，或者屏幕就是触摸屏。 否则，只能连手机进行调试了。 二、触摸屏与event.touches 在触屏设备下，要判 阅读全文
摘要：
css设置边框可以用border简写属性，它可以在一个声明设置所有的边框属性，按照border-width、border-style、border-color顺序设置；也可以单独使用这几个属性来设置边框样式。 边框属性介绍： border属性： 一个简写属性，在一个声明中所有的边框属性。 可以设置的 阅读全文
摘要：
如何动态修改css样式 一、使用obj.className来修改样式表的类名 function changeStyle1() { var obj = document.getElementById("btnB"); obj.style.backgroundColor= "black"; } 缺点：会 阅读全文
摘要：
1、概念 什么是单页应用呢？单页应用的全称是 single-page application，简称 SPA，它是一种网站应用的模型，它可以动态重写当前的页面来与用户交互，而不需要重新加载整个页面。单页应用的流畅性让 Web 应用更像桌面端或 Native 应用了。相对于传统的 Web 应用，单页应用 阅读全文
摘要：
在过去的几年中，web服务或API的普及和使用有所增加。 web服务或API是程序或软件组件的集合，可以帮助应用程序进行交互或通过形成其他应用程序或服务器之间的连接执行一些进程/事务处理。基本上有两种类型的web服务——基于互联网协议，REST和SOAP推动数据和信息的通讯。 由于这些web服务暴露 阅读全文
摘要：
今天我们来谈谈Web和前端开发过程中需要学习什么？前端开发需要使用什么开发工具？也简单介绍前端开发前景和薪水。 前端工程师的主要职责： 前端工程师在不同的公司有不同的功能，但性质相似。 1、网站设计与网页界面开发 2、做网站界面开发 3、Web界面开发，前端数据绑定，前台逻辑 4、设计、开发、数据 阅读全文
摘要：
1.背景与介绍： 平时开发的项目中可能会出现下面这些情况： 由于用户误操作，多次点击表单提交按钮。 由于网速等原因造成页面卡顿，用户重复刷新提交页面。 黑客或恶意用户使用postman等工具重复恶意提交表单（攻击网站）。 这些情况都会导致表单重复提交，造成数据重复，增加服务器负载，严重甚至会造成服务 阅读全文
摘要：
在web前端开发过程中，UI设计师经常会设计一些带渐变文字的设计图，在以前我们只能用png的图片来代替文字，今天可以实现使用纯css实现渐变文字了。下面就介绍3中实现方式供大家参考！ 基础样式： .gradient-text{ text-align: left; text-indent:30px; 阅读全文
摘要：
01、谨慎使用外边距属性 与其它的属性不同，垂直方向上的外边距相遇时将会发生折叠。这意味着如果一个元素的下边距遇到了另一个元素的上边距，那么二者中较大的一个将被留下。下面是一个简单的例子。 <div class="square red"></div> <div class="square blue" 阅读全文