Author: admin

将ul+li 分两列显示(横向显示)的方法

有一个 ul>li 列表,默认为单列显示,把它变为两列显示可以使用DIV+CSS代码,也可以直接使用CSS控制,感兴趣的朋友可以参考了下哈,希望对你有所帮助
目的很简单:有一个 ul>li 列表,默认为单列显示,把它变为两列显示。
方法1,使用DIV+CSS代码:

代码如下:

<style type="text/css">
.mycode{ width:300px; height:74px; float:left;}
.mycode ul{ width:280px;}
.mycode li{ width:100px; float:left; display:block;}
</style>
<div>
<ul>
<li>ABC</li>
<li>ABC</li>
<li>ABC</li>
<li>ABC</li>
<li>ABC</li>
<li>ABC</li>
</ul>
</div>

方法2,直接使用CSS控制

代码如下:

<style type="text/css">
.list{width:400px;overflow:hidden;zoom:1;border:1px solid #ccc}

缓存您的 CORS,以提高性能和利润

CORS 是许多 API 所必需的,但基本配置会产生大量额外请求,从而减慢每个浏览器 API 客户端的速度,并向您的后端发送不必要的流量。

这可能是传统 API 的问题,但在无服务器平台上会成为一个更大的问题,在无服务器平台上,您的账单通常直接与收到的请求数量挂钩,因此这很容易使您的 API 成本翻倍。

所有这些都是不必要的:它正在发生,因为您不知道缓存如何为 CORS 请求工作。让我们解决这个问题。

        

重新理解 Web

本文是我最近在字节内部做的分享《重新理解 Web,才能迈向███》的第一章节

到底什么是 Web?要回答这个问题,需要先理解 Web 的三要素

  1. Web Runtime
  2. 前端技术
  3. URL

1.1 Web Runtime

第一个核心要素是「Web Runtime」,基于 Web 的内容或应用,本质上都是一种用高度抽象的方式来实现、分发和运行的客户端软件,需要建立在一个非常 high level 的软件抽象层(abstraction layer)上,这个抽象层就是「Web Runtime」

提供「Web Runtime」的客户端技术,可以分为这么四类:

  • 传统浏览器:一种应用层的 Web 平台,在桌面平台上是主流,比如 Chrome、Safari、Edge
  • PWA(Progressive Web App):基于 OS 层的

打造全屏体验

我们有能力轻松制作身临其境的全屏网站和应用程序,但与网络上的任何内容一样,有几种方法可以做到这一点。现在这一点尤其重要,因为越来越多的浏览器支持启动全屏的“已安装的网络应用程序”体验。

让你的应用程序或网站全屏显示#

用户或开发人员可以通过多种方式获得全屏 Web 应用程序。

  • 请求浏览器进入全屏以响应用户手势。
  • 将应用程序安装到主屏幕。
  • 假装:自动隐藏地址栏。

如何从Angularjs 升级到 Angular

原文: Upgrading from AngularJS to Angular

Author: AngularJS 官方

译者:philoenglish.com 团队

关键字: Angularjs Angular Angular1.x Angular2.x migration 迁移, 升级

这里的Angular是指Angular 2.x, 而AngularJS 是指AngularJS 1.x版本。 Angular (通常是指 "Angular 2+" 或 "Angular v2 及更高版本") 是一个基于 TypeScript 的 开源 Web 应用框架 由 Google

谷歌推出 AngularJS 升级工具,可快速迁移至 Angular

ngMigration Assistant 是一个易于使用的命令行实用程序,可扫描 AngularJS 应用程序并建议如何迁移到 Angular。

安装

globally 模式安装 ngma

运行

ngMigration Assistant 将扫描当前工作目录或输入目录

类: analysisTool

在提供的目录上分析,并返回选择哪个 Angular 迁移路径的建议。它着眼于复杂性、源代码行(sloc)、反模式、AngularJS 版本以及迁移所需的准备工作。它标识需要修改的文件以及准备应用程序进行升级的特定更改。

** 方法**

buildPathIgnoringGlobs() 通过使用 glob 删除与 ignore globs 匹配的文件来构建新的文件系统,并作为新文件系统的数组返回。

getGlobsFromGitignore() 将 .gitignore 文件解析为一组 globs 并将默认 globs 附加到数组中。从数组中过滤以 ! 开头的模式,因为 ! …

【经典面试题】js防止重复点击、防止点击过快的方法

若用户疯狂点击提交按钮,请求很多次,生成好多条数据,为了解决这种问题,通常采用以下两种简单两种方法

1.可以添加一个开关,让这个开关默认为true,第一次点击将其变为false,点击事件的执行需要判断这个开关是否为true(例如有了请求结果然后在设置为true),为true执行,false不执行

    var isclick = true;
    function fn(){
        if(isclick){
            isclick = false;
            //下面添加需要执行的事件
                ...
            console.log('点击事件');
            
        }
    }

2.防止点击过快,还可以设置定时器,让在一定时间后,自动将开关变为true,变多次执行为一段时间内的一次执行

var oldtime = '';
function preventclick(msc){
	if(oldtime==''){
		oldtime = new Date().getTime();
		return true;
	}else{
		var newtime = new Date().getTime();
		if(newtime - oldtime 

为什么程序员如此热爱TypeScript ?

Python 是我的谋生工具,我很喜欢它。尽管我对这门语言有一些 批评的地方,但我还是强烈推荐给任何开始从事数据科学的人。反正在这个领域中,比较有经验的人往往都是 Python 的布道师。

然而,这并不意味着你不能时不时地挑战你所在领域的极限,例如探索 不同的编程范式 或新的编程语言。

Python 的竞争对手名单很长:Rust、Go、Scala、Haskell、Julia、Swift、C++、Java 和 R 都可以在其中找到条目。在如此拥挤的领域里,JavaScriptTypeScript 没有得到那么多的认可,这是可以理解的。

但这并不意味着 TypeScript 不是通用编程领域的主流。然而,在数据科学家群体中,它似乎从来就没有特别受欢迎过。

你可能会得出这样的结论,TypeScript 可能不是数据科学的理想选择。但不要急着下结论。尽管它可能不适合数据科学的每一部分,但在某些领域上,它比 Python 有明显的优势。

如果你碰巧在这些领域之一工作的话,那么值得给 TypeScript 一个机会。如果你不这么做的话,谁知道你的下一步会在哪里呢?这个领域发展得如此之快。如果你能将眼光放远一些,你就有了竞争优势。

TypeScript:是一种 JavaScript,但类型安全

大约十年前,Microsoft 的软件工程师注意到,JavaScript 已经不能满足他们所有的需求了。一方面,该语言发展迅速,并增加了非常有趣的新特性。另一方面,管道中的任何功能都不能解决一个根本性的问题:JavaScript 对于小型程序来说非常棒,但用它来编写整个应用程序却一团糟。

解决这一问题有几种可能性:例如,可以使用不同的编程语言,或者使用更好的语法重新设计 JavaScript。Microsoft 的开发团队采取了一种不同的方法:他们通过扩展 JavaScript