• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > 作为一个前端,看到怎样的网页效果,你一定会停下来看看他的源码?

作为一个前端,看到怎样的网页效果,你一定会停下来看看他的源码?

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含hover等相关知识,匿名希望在学习及工作中可以帮助到您
最近有点着魔,看到有趣的字体和锚点hover效果 一定会打开看看源码。
开始反思,别的前端工程师会被怎样打代码所吸引呢?

回复内容:

嗯,遇到屏蔽不了的广告的时候,我会停下来查看源码,然后默默给它加上
display:none; 涉及webgl和canvas的,因为这两个我基本不会…(逃) 如果页面很复杂,加载又很快,我会先开Devtools看看实际效率如何,内存占用是否平稳,如果很好,再仔细看看代码。 1.看到动画效果的时候,我会看看到底是 JS 还是 transform 。
2.看到弹出的小窗口,或者 Tiptool 的时候。
3.看到非 Flash 的精致的视频播放器的时候。
4.看到非系统字体的时候。
5.看到异步载入的时候我会情不自禁地 F12 - 网络。 一种正好直击感官的布局方式,在那么多固有套路中走出自己风格的布局总是更令人想了解细节的处理 看到之前死命实现的效果在某网站出现时, 会F12看下它的实现方式(混淆代码太难搞!摔)。 别人惹了我的时候就进他网站看他源码找漏洞。 感觉好,直接复制,粘贴

如果是JS源码被压缩,但是又想知道这代码运行路数,可以这样做:
重载浏览器事件,在运行特定事件下放钩子调试 作為一個 UI 設計師路過。

在如下的情況,我會查看其代碼:

  • 實現了特定我認為很消耗性能的效果(例如高斯模糊);
  • 中文字型並非既定的內置字體時候;
  • 令我驚嘆的動畫效果;
  • 這個網頁有 Bug 時候(錯位,動作沒有預期實行);
  • 編寫其對應爬蟲時候;
  • 編寫其對應優化閱讀的 CSS 時候;

想起來再說吧。 酷炫的动画效果 看使用css还是js写的
精美的布局 也会看看人家是怎么布局的.(如果很少的div套嵌那就太棒了.一般table基本不看 =,=)

个人觉得借鉴学习别人的布局框架,也是进步的一方面.
看来我还是个切图仔...

您可能想查找下面的文章:

相关文章

  • 2018-12-03HTML5本地存储localStorage、sessionStorage基本用法、遍历操作、异常处理等_html5教程技巧
  • 2018-12-03H5学习之旅-H5的样式(5)
  • 2018-12-03html5 video 移动端详解
  • 2018-12-03Javascript 高级手势使用介绍_html5教程技巧
  • 2018-12-03http的方法,状态码和组成部分
  • 2018-12-031987年生人,理工科毕业,目前从事财税工作,想自学编程html5和cocos2d方向,还有希望吗?
  • 2018-12-03HTML5 游戏移植为 iOS 原生应用,需要注意哪些地方?有什么经验可以分享?
  • 2017-08-06Data URI scheme详解和使用实例及图片base64编码实现方法
  • 2018-12-03HTML5 Canvas图像模糊如何解决
  • 2018-12-03小强的HTML5移动开发之路(41)——jqMobi中Side Menu实现(类似人人网)

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 如何利用input事件来监听移动端的输入
    • HTML5 Canvas入门学习教程_html5教程技巧
    • phonegap播放音频详解
    • html5的websockets全双工通信详解学习示例
    • 使用html5制作loading图的示例_html5教程技巧
    • 有没有类似开心推一样的H5游戏广告定制的平台?
    • HTML 5 游戏是否有存在的必要?
    • 移动端中touch事件的详解
    • HTML5调用手机摄像头拍照的实现思路及代码
    • html5入门之设计原理解析

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有