作者：汪娇娇 日期：2016.5.4 最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。 <script src="1.js"></script> <script src="2.js"></script> <script src="3.js"></script> <script src="4.js"></script> <script src="5.js"></scrip
最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。
当执行了get以后，除非网站全部加载完成，否则你只能乖乖等，什么都不能干，这是整个程序是阻塞的，get不完就别想进行下面操作
2016-05-0908:24:25 发表评论 0℃热度 写一些平时看书学习iOS的笔记，基础的、进阶的都有，供以后回顾，也可以让刚开始学习的同学学习。 1 UIWebView简介 UIWebView
这个系列的第一部分和第二部分，介绍了Javascript模块原型和理论概念，今天介绍如何将它们用于实战。 我采用的是一个非常流行的库require.js。 一、为什么要用require.js？ 最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。 <script src="1.js"></script> <script src="2.js"></scrip
这个系列的第一部分和第二部分，介绍了Javascript模块原型和理论概念，今天介绍如何将它们用于实战。 我采用的是一个非常流行的库require.js。 一、为什么要用require.js？ 最早的
本文主要讲述，关于 Chrome Content Download 时间过长问题调查经过，及相关优化方案
Fusionapp小文档.jpg 最近又重构了下博客的套壳app，还是用的FusionApp制作的，为了避免忘记特此写一些基础文档。 基础控件ID
requireJS（http://www.requirejs.cn/）是一个JavaScript模块加载器。它非常适合在浏览器中使用，使用RequireJS加载模块化脚本将提高代码的加载速度和质量。
虽然网站的美感很重要，但它的内容和加载速度会让人们回访。WordPress 为用户提供了一个复杂的插件和主题工具箱，可以快速创建他们自己的自定义网站。
UIWebView自iOS2就有，WKWebView从iOS8.0（2014年9月WWDC）才有，毫无疑问，WKWebView相对UIWebVIew要优秀得多，主要表现在以下几点：
今天修改项目中一个有关WebView使用的bug，激起了我总结WebView的动机，今天抽空做个总结。
其实模块化的诞生不难理解，我们知道因为随着网站逐渐的发展，嵌入网页的Javascript代码越来越庞大，而网页越来越像桌面程序，需要一个团队去分工协作，进行管理和测试等等，为了更好的管理网页的业务逻辑，产生了模块化编程的理念。
WebView的优缺点： 优点：（1）跨平台（2）发布更新快（3）排版布局能力强 缺点：（1）性能差（2）数据通讯复杂（3）耗费流量 使用场景：（1）排版复杂的内容（2）需后台灵活控制的界面 一、初始化与三种加载方式 UIWebView继承于UIView，因此，其初始化方法和一般的view一样，通过alloc和init进行初始化，其加载数据的方式有三种： 1.第一种： - (void)loadRequest:(NSURLRequest *)request; 这是加载网页最常用的一种方式，通过一
网站前端的用户体验，决定了用户是否想要继续使用网站以及网站的其他功能，网站的用户体验佳，可留住更多的用户。除此之外，前端优化得好，还可以为企业节约成本。那么我们应该如何对我们前端的页面进行性能优化呢？
在《使用 pdf.js 在网页中加载 pdf 文件》中详细介绍了 pdf.js 的使用与集成网页开发的基本方法。展示效果如下图：
写在前面 最早接触javascript的时候，javascript代码直接扔在script标签里面就完事了。 反正代码不多，交互简单，逻辑不难，和HTML混在一起也未尝不可。 后来交互越来越复杂，代码越多越多了，我们就开始把JS代码独立到了单独的JS文件中。 公共的库引用在前，自己的逻辑代码引用在后，全局变量定义在HTML内部，在独立JS文件中直接使用变量就好。 我们会经常看到下面这种代码： 123456 <script src="1.js"></script> <script src="2.js"></
概述 WebView就是一个内嵌浏览器控件，在iOS中主要有两种WebView：UIWebView和WKWebView，UIWebView是iOS2之后开始使用，WKWebView是在iOS8开始使用，WKWebView将逐步取代笨重的UIWebView。 相比UIWebView，WKWebView做了如下优化： WKWebView更多的支持HTML5的特性 WKWebView更快，占用内存可能只有UIWebView的1/3 ~ 1/4 WKWebView高达60fps的滚动刷新率和丰富的内置手势 WKWe
在 IE6/7 里 JavaScript 会从两个方面阻碍页面呈现： script 标签下面的网页资源在 script 加载完之前会停止请求、下载。 script 标签下面的 html 元素在 script 加载完之前会停止渲染。
如果我们项目是前后端分离并且内容是AJAX动态获取想要进行网站排名优化（SEO）的话，可以使用prerender
js本身的问题： 不具有模块化的语法规则，在语言层面没有命名空间。 JavaScript 编程过程中很多时候，我们都在修改变量，在一个复杂的项目开发过程中，如何管理函数和变量作用域，显得尤为重要。
最近部门在推微前端，需要按功能拆分多个子应用，主应用在加载的过程中经常出现加载失败的问题。因为https地址中，如果加载了http资源，浏览器将认为这是不安全的资源，将会默认阻止。后来在文档中添加了<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">完美解决。
由于CommonJS和AMD都十分流行，但似乎缺少一个统一的规范。于是，UMD(通用模块规范)出现了，它可以同时支持这两种风格。
浏览器本身并不提供模块管理的机制，为了调用各个模块，有时不得不在网页中，加入一大堆script标签。这样就使得网页体积臃肿，难以维护，还产生大量的HTTP请求，拖慢显示速度，影响用户体验。
模块化结构已经成为网站开发的主流。 制作网站的主要工作，不再是自己编写各种功能，而是如何将各种不同的模块组合在一起。 浏览器本身并不提供模块管理的机制，为了调用各个模块，有时不得不在网页中，加入一大堆
注意：在请求多个模块的时候，一般将没有返回值的模块放在后面，有返回值的放在前面，这样就可以避免要为没有返回值的模块写形参！
今天在分析网站优化的东西，看到控制台的一些 Warnings 警告，整理记录一下：
查看 IP 的方式：打开命令行输入 cmd，然后在端口中输入 ipconfig，可以看到 IP 地址
Service Workers 本质上是一种能在浏览器后台运行的独立线程，它能够在网页关闭后持续运行，能够拦截网络请求并根据网络是否可用来采取适当的动作、更新来自服务器的的资源，从而实现拦截和加工网络请求、消息推送、静默更新、事件同步等一系列功能，是 PWA 应用的核心技术之一。
https://segmentfault.com/a/1190000037673677
一般来说产品是按以下方式进行迭代的，我认为循环的起点应该是「收集用户反馈」，我们对页面的优化依据和目标一个重要来源就是用户的反馈，因此说网页优化我们先从网页监控开始聊起。
在毕业设计中，用Java写下了第一个爬虫。2019年工作之后，从Python的requests原生爬虫库，学到分布式爬虫框架Scrapy，写了60个左右爬虫。然后写了十几篇有关于爬虫的文章。但大多都是围绕着程序设计、功能模块的角度写的，今天就从数据的角度出发，来看看爬虫程序是如何开发的。
1、为什么需要模块化 在JavaScript发展初期就是为了实现简单的页面交互逻辑，网页结构并不复杂，早期简单的网页结构是类似这样的： <!DOCTYPE html> <html> <head> <title></title> <link rel="dns-prefetch" href="xxx.css"> <script type="text/javascript" src="xxx.js"></script> ... </head> <body> ... </b
React 是一个开源 JavaScript 库，开发人员使用它来创建基于 Web 和移动的应用程序，并且支持构建交互式用户界面和 UI 组件。React 是由 Facebook 软件工程师 Jordan Walke 创建，React 的第一个版本在七年前问世，现在，Facebook 负责维护。React框架自首次发布以来，React 的受欢迎程度直线飙升，热度不减。 2020 年 10 月，React 17 发布了，但令人惊讶的是——“零新功能”。当然，这并不是真的表示没有任何新添加的功能，让广大程序员使用者兴奋。事实上，这个版本为我们带来了很多重大功能的升级及16版本的bug修复，并推出了：Concurrent Mode 和Suspense。 虽然这两个功能尚未正式发布，这些功能已提供给开发人员进行测试。一旦发布，它们将改变 React 呈现其 UI 的方式，从而达到双倍提高性能和用户体验。
iframe 用于在页面内显示页面，使用 <iframe> 会创建包含另外一个文档的内联框架（即行内框架）
最近我司因业务需求，需要在一个内部数据分析平台集成在线Excel功能，既然我们自己就是做开发工具的，所以目光自然就落在了我司自研的前端表格产品上。
载入首批数据，文档高度（ $('html').height() == 2500px ）
1 打开网页自动弹出广告效果 【需求】： 1）当页面加载完，3秒后自动显示广告； 2）广告显示5秒后，自动消失； 【分析】： 1）使用定时器setTimeout (执行一次定时器) ； 2）其实JQuery的显示和隐藏动画效果就是控制display； 3）使用 show/hide方法来完成广告的显示； 【代码实现】： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>广告的自动显示与隐藏</title> <styl
我们经常在网页上 ，游戏界面加载时会看到加载进度条的效果，我们往往会以为这些加载进度条的效果，很难实现。
答：因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。 但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，岂不是乱了套！
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
