Web开发( 右侧选择分类 )
web

JS通过Location 对象包含有关当前 URL 的信息

Location 对象包含有关当前 URL 的信息。Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。hash 设置或返回从井号 (#) 开始的 URL(锚)。host 设置或返回主机名和当前 URL 的端口号。hostname 设置或返回当前
2450 人浏览
web

html5和css3实现绚丽动画-3D立方体旋转动画

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/34120047创意来自:http://www.html5tricks.com/demo/HTML5-3d-cube/inde... , 同学给我发的例子,感觉很不错,不过实在想不出来实际的用处,但是效果很炫~效果图:知识点:1、perspective ,transform 的复习2
2445 人浏览
xiaozhi

22.JS 最新数据基本类型:BigInt

原文:https://www.smashingmagazine.com/2019/07/essential-guide-javascript-newest-data-type-bigint/译者:前端小智为了保证的可读性,本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你!BigInt数据类型的目的是比Number数据类型支持的范围更大的整数值。在对大整数执行
2419 人浏览
web

html5和css3实现绚丽动画-模仿优酷视频截图功能

原文地址:http://blog.csdn.net/lmj623565791/article/details/...一般的视频网站对于用户上传的视频,在用户上传完成后,可以对播放的视频进行截图,然后作为视频的展示图。项目中也可以引入这样的功能给用户一种不错的体验,而不是让用户额外上传一张展示图。效果图:看起来还是很不错,下面我给大家分析下,极其核心代码很简单:_canvas = document.
2407 人浏览
xiaozhi

3.React造轮系列:Layout 组件思路

本文是React造轮系列第三篇。1.React 造轮子系列:Icon 组件思路2.React造轮系列:对话框组件 - Dialog 思路初始化 Layout参考 And Design ,Layout 组件分别分为Layout,Header,Aside,Content,Footer五个组件。基本使用结构如下:<Layout> <Header>header</Heade
2401 人浏览
web

html5和css3实现绚丽动画-诱人的实例 3D展示商品信息

原文链接:http://blog.csdn.net/lmj623565791/article/details/...强化下perspective和transform:translateZ的用法。传统的商品展示或许并不能很好的吸引用户的注意力,但是如果在展示中添加适当的3D元素,~说不定效果不错哈~效果图:说明一下:这个创意不是我想的,哈~模仿别人的,创意应该是w3cplus上的。当然了,重点是教大
2401 人浏览
煊琰

Serverless 风暴来袭,前端工程师如何应对?

阿里妹导读:尽管大部分前端的工作并不涉及server,但最近半年serverless这个词汇以及其引发的热烈的讨论,深深触动了阿里巴巴高级前端技术专家伐薪。作为接触前端十余载的老开发,伐薪认为serverless可能会是接下来引起前端领域革命性变化的技术之一。今天,伐薪将为大家梳理serverless的历史发展进程以及对前端的影响,希望对前端工程师有所启发。上图是serverless 这个词最近5
2384 人浏览
hgother

IntelliJ IDEA - 常用设置、常用快捷键汇总(附:常用的代码补全语句)

一、常用快捷键作用windows 快捷键macOS 快捷键全局搜索ctrl + shift + Fcommand + shift + F代码格式化ctrl+ alt + Lcommand + option + L去掉无用的包的引用ctrl + alt + Ocontrol + option + O注释ctrl + /command + /多行注释ctrl + shift + /command +
2336 人浏览
xiaozhi

8.JavaScript 是如何工作的:Service Worker 的生命周期及使用场景

你可能已经知道,渐进式Web应用程序只会越来越受欢迎,因为它们的目标是让Web应用程序用户体验更流畅,创建类似于原生应用程序的体验,而不是浏览器的外观和感觉。构建渐进式Web应用程序的主要要求之一是使其在网络和加载方面非常可靠——它应该在不确定或不存在的网络条件下可用。在这篇文章中,将深入探讨Service Workers:它们是如何工作,你应该关心什么。最后,还列出了 Service Worke
2330 人浏览
xiaozhi

18.JS变量生命周期:为什么 let 没有被提升

译者:前端小智原文:https://dmitripavlutin.com/variables-lifecycle-and-why-let-is-not-hoisted/为了保证的可读性,本文采用意译而非直译。提升是将变量或函数定义移动到作用域头部的过程,通常是var声明的变量和函数声明function fun() {...}。当 ES6 引入let(以及与let类似声明的const和class)声
2308 人浏览
xiaozhi

2.React 项目结构和组件命名规范

React 作为一个库,它没有规定项目的整体结构。这很好,因为它给了我们自由去尝试不同的方法,并适应更适合我们的方式。另一方面,这可能会给React领域的开发人员带来一些困惑。我将会在本文为大家展示我已经使用过一段时间并且效果不错的方式,这些方式没有通过重新造轮子来实现,而是通过将社区中的方案组合和提炼得到。目录结构我经常遇到的一个问题是如何组织文件和目录结构。在这篇文章中,我们认为你已有一个最小
2295 人浏览
web

HTML5 CSS3专题 纯CSS打造相册效果

转载请标明出处:http://blog.csdn.NET/lmj623565791/article/details/...今天偶然发现电脑里面还有这样的一个例子,感觉效果还不错,不记得啥时候下载的了,也好久没上w3cfuns了,怀念学习前台的日子,给大家分享下。效果图:效果是不是还是很不错的,最主要的是没有使用一行js,这才是亮点。先看html文件:<body> <di
2283 人浏览
web

html5和css3实现无插件拖拽上传图片(支持预览与批量)(一)

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/31498319上传基本是项目中经常出现的,一般采用:1、form提交2、flash3、HTML5form提交会刷新页面,很难做到异步上传;flash可能是用得比较多了,因为可以兼顾到几乎所有的浏览器,我之前一直会用jQuery的uploadify作为项目中的上传工具,uploadi
2282 人浏览
xiaozhi

32.50 个JS 必须懂的面试题为你助力金九银十

问题1:Java和JavaScript有什么不同JavaJavaScriptJava是一种OOP编程语言。JavaScript是一种OOP脚本语言。它创建在虚拟机或浏览器中运行的应用程序。代码只在浏览器上运行。需要编译Java代码。JS代码都是文本的形式。问题2:什么 JavascriptJavaScript 是一种轻量级的解释型编程语言,具有面向对象的特性,允许各位在其他静态HTML页面中构建交
2271 人浏览
xiaozhi

10.JavaScript是如何工作的:使用 MutationObserver 跟踪 DOM 的变化

Web 应用程序在客户端变得越来越重,原因很多,例如需要更丰富的 UI 来容纳更复杂的应用程序提供的内容,实时计算等等。复杂性的增加使得在 Web 应用程序生命周期的每个给定时刻都很难知道 UI 的确切状态。而当你在搭建某些框架或者库的时候,甚至会更加困难,例如,前者需要根据 DOM 来作出反应并执行特定的动作。概述Mutation Observer API 用来监视 DOM 变动。DOM 的任何
2261 人浏览
xiaozhi

14.JavaScript 是如何工作的:解析、抽象语法树(AST)+ 提升编译速度5个技巧

概述我们都知道运行一大段 JavaScript 代码性能会变得很糟糕。这段代码不仅需要通过网络传输,而且还需要解析、编译成字节码,最后执行。在之前的文章中,我们讨论了 JS 引擎、运行时和调用堆栈等,以及主要由谷歌 Chrome 和 NodeJS 使用的V8引擎。它们在整个 JavaScript 执行过程中都发挥着至关重要的作用。这篇说的抽象语法树同样重要:在这我们将了解大多数 JavaScrip
2234 人浏览
web

XML中常用的5个转义符​

XML中常用的5个转义符:<,>,&,”,©; 的转义字符分别如下:&lt;&gt;&amp;&quot;&apos;如表所示:字符转义符<&lt;>&gt;&&amp;”&quot;©&apos
2222 人浏览
xiaozhi

12.JavaScript 是如何工作的:深入网络层 + 如何优化性能和安全

正如在上一篇关于渲染引擎的博客文章中提到的,我们认为优秀的 JavaScript 开发人员和杰出的 JavaScript 开发人员之间的区别在于,后者不仅理解语言的具体细节,而且理解其内部结构和周遭环境。讲一点历史49年前,一种叫做 ARPAnet 的网诞生了。它是一个早期的分组交换网络,也是第一个实现TCP/IP套件的网络。20年后,蒂姆·伯纳斯-李提出了一种“网状结构”的建议,这种结构后来被称
2183 人浏览
web

Html5 Css3实现VCD包装盒个性幻灯片

转载请标明出处:http://blog.csdn.NET/lmj623565791/article/details/...哈,首先感谢下w3cfuns的老师,嗯~好了,这次给发夹分享一个CSS3+JavaScript VCD包装盒个性幻灯片的一个案例。效果图:图片切换是不是很个性,效果也很不错,大家可以将其使用到自己的网站上。先看下html:<!DOCTYPE HTML PUBLIC "-/
2166 人浏览
web

rem是什么,如何使用

使用rem很长时间了,一直想好好总结一下,迟迟没有写,太懒大家都懂。。。 当然还有一个原因不会写总结。在总结rem之前先说一下,之前是怎么解决移动端布局的。百分比布局宽度还好说 屏幕宽度100%,各个板块按照计算的比例各种xx%但是高度就不行了没有参照物,图片还好说,背景图、字体大小就呵呵了。只能做到大概。固宽320px这种方案简单粗爆,以px为单位该是多少就是多少。但是当手机分辨率越高,两边留白
2162 人浏览