你我学习网
你我博客
热衷分享技术，专注打造技术影响力的视频博客系统
-
ziyouxia
-
网站的头部（head）如何优化
当百度逐步推出“百度统计”“seo建议”“百度站长平台”后，seoer朋友们，百度搜索引擎优化将对我们站长有了个明确的要求，在既利为汇、狼雨seo、seowhy相继被降权以后，用户体验又提升到了一定高度，那么网站的头部如何优化呢？首先说下网站头部的概念：网站的头部主要包括网站的标题（title），网站的关键词（keywords），网站的描述（description），网站头部的其他标2527 人浏览
-
web
-
html5和css3实现绚丽动画-3D立方体旋转动画
转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/34120047创意来自：http://www.html5tricks.com/demo/HTML5-3d-cube/inde... ， 同学给我发的例子，感觉很不错，不过实在想不出来实际的用处，但是效果很炫~效果图：知识点：1、perspective ，transform 的复习22526 人浏览
-
web
-
JS通过Location 对象包含有关当前 URL 的信息
Location 对象包含有关当前 URL 的信息。Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。hash 设置或返回从井号 (#) 开始的 URL（锚）。host 设置或返回主机名和当前 URL 的端口号。hostname 设置或返回当前2524 人浏览
-
xiaozhi
-
3.React造轮系列：Layout 组件思路
本文是React造轮系列第三篇。1.React 造轮子系列：Icon 组件思路2.React造轮系列：对话框组件 - Dialog 思路初始化 Layout参考 And Design ,Layout 组件分别分为Layout,Header,Aside,Content,Footer五个组件。基本使用结构如下：<Layout> <Header>header</Heade2516 人浏览
-
web
-
html5和css3实现绚丽动画-诱人的实例 3D展示商品信息
原文链接：http://blog.csdn.net/lmj623565791/article/details/...强化下perspective和transform:translateZ的用法。传统的商品展示或许并不能很好的吸引用户的注意力，但是如果在展示中添加适当的3D元素，~说不定效果不错哈~效果图：说明一下：这个创意不是我想的，哈~模仿别人的，创意应该是w3cplus上的。当然了，重点是教大2484 人浏览
-
煊琰
-
Serverless 风暴来袭，前端工程师如何应对？
阿里妹导读：尽管大部分前端的工作并不涉及server，但最近半年serverless这个词汇以及其引发的热烈的讨论，深深触动了阿里巴巴高级前端技术专家伐薪。作为接触前端十余载的老开发，伐薪认为serverless可能会是接下来引起前端领域革命性变化的技术之一。今天，伐薪将为大家梳理serverless的历史发展进程以及对前端的影响，希望对前端工程师有所启发。上图是serverless 这个词最近52475 人浏览
-
web
-
html5和css3实现绚丽动画-模仿优酷视频截图功能
原文地址：http://blog.csdn.net/lmj623565791/article/details/...一般的视频网站对于用户上传的视频，在用户上传完成后，可以对播放的视频进行截图，然后作为视频的展示图。项目中也可以引入这样的功能给用户一种不错的体验，而不是让用户额外上传一张展示图。效果图：看起来还是很不错，下面我给大家分析下，极其核心代码很简单：_canvas = document.2468 人浏览
-
xiaozhi
-
2.React 项目结构和组件命名规范
React 作为一个库，它没有规定项目的整体结构。这很好，因为它给了我们自由去尝试不同的方法，并适应更适合我们的方式。另一方面，这可能会给React领域的开发人员带来一些困惑。我将会在本文为大家展示我已经使用过一段时间并且效果不错的方式，这些方式没有通过重新造轮子来实现，而是通过将社区中的方案组合和提炼得到。目录结构我经常遇到的一个问题是如何组织文件和目录结构。在这篇文章中，我们认为你已有一个最小2448 人浏览
-
xiaozhi
-
8.JavaScript 是如何工作的：Service Worker 的生命周期及使用场景
你可能已经知道，渐进式Web应用程序只会越来越受欢迎，因为它们的目标是让Web应用程序用户体验更流畅，创建类似于原生应用程序的体验，而不是浏览器的外观和感觉。构建渐进式Web应用程序的主要要求之一是使其在网络和加载方面非常可靠——它应该在不确定或不存在的网络条件下可用。在这篇文章中，将深入探讨Service Workers:它们是如何工作，你应该关心什么。最后，还列出了 Service Worke2440 人浏览
-
xiaozhi
-
32.50 个JS 必须懂的面试题为你助力金九银十
问题1：Java和JavaScript有什么不同JavaJavaScriptJava是一种OOP编程语言。JavaScript是一种OOP脚本语言。它创建在虚拟机或浏览器中运行的应用程序。代码只在浏览器上运行。需要编译Java代码。JS代码都是文本的形式。问题2：什么 JavascriptJavaScript 是一种轻量级的解释型编程语言，具有面向对象的特性，允许各位在其他静态HTML页面中构建交2425 人浏览
-
xiaozhi
-
18.JS变量生命周期:为什么 let 没有被提升
译者：前端小智原文：https://dmitripavlutin.com/variables-lifecycle-and-why-let-is-not-hoisted/为了保证的可读性，本文采用意译而非直译。提升是将变量或函数定义移动到作用域头部的过程，通常是var声明的变量和函数声明function fun() {...}。当 ES6 引入let(以及与let类似声明的const和class)声2406 人浏览
-
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 +2390 人浏览
-
xiaozhi
-
10.JavaScript是如何工作的:使用 MutationObserver 跟踪 DOM 的变化
Web 应用程序在客户端变得越来越重，原因很多，例如需要更丰富的 UI 来容纳更复杂的应用程序提供的内容，实时计算等等。复杂性的增加使得在 Web 应用程序生命周期的每个给定时刻都很难知道 UI 的确切状态。而当你在搭建某些框架或者库的时候，甚至会更加困难，例如，前者需要根据 DOM 来作出反应并执行特定的动作。概述Mutation Observer API 用来监视 DOM 变动。DOM 的任何2385 人浏览
-
xiaozhi
-
14.JavaScript 是如何工作的：解析、抽象语法树（AST）+ 提升编译速度5个技巧
概述我们都知道运行一大段 JavaScript 代码性能会变得很糟糕。这段代码不仅需要通过网络传输，而且还需要解析、编译成字节码，最后执行。在之前的文章中，我们讨论了 JS 引擎、运行时和调用堆栈等，以及主要由谷歌 Chrome 和 NodeJS 使用的V8引擎。它们在整个 JavaScript 执行过程中都发挥着至关重要的作用。这篇说的抽象语法树同样重要:在这我们将了解大多数 JavaScrip2362 人浏览
-
web
-
HTML5 CSS3专题 纯CSS打造相册效果
转载请标明出处：http://blog.csdn.NET/lmj623565791/article/details/...今天偶然发现电脑里面还有这样的一个例子，感觉效果还不错，不记得啥时候下载的了，也好久没上w3cfuns了，怀念学习前台的日子，给大家分享下。效果图：效果是不是还是很不错的，最主要的是没有使用一行js，这才是亮点。先看html文件：<body> <di2354 人浏览
-
web
-
html5和css3实现无插件拖拽上传图片(支持预览与批量)(一）
转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/31498319上传基本是项目中经常出现的，一般采用：1、form提交2、flash3、HTML5form提交会刷新页面，很难做到异步上传；flash可能是用得比较多了，因为可以兼顾到几乎所有的浏览器，我之前一直会用jQuery的uploadify作为项目中的上传工具，uploadi2348 人浏览
-
web
-
XML中常用的5个转义符
XML中常用的5个转义符:<，>，&，”，©; 的转义字符分别如下：<>&"'如表所示:字符转义符<<>>&&”"©&apos2313 人浏览
-
wechat
-
微信小程序wx:for中的item什么意思以及wx:for-item的意思
wx:for="{{list}}"用来循环数组，而list即为数组名wx:for-item=“items” 即用来定义一个循环过程中每个元素的变量的如果是一维数组,按照如下方式循环出来：<view wx:for="{{list}}"> {{index}} {{item.name}} </view>以上代码中，item即为list的别名。如果是二维甚至多维数组，按照如下方2308 人浏览
-
xiaozhi
-
12.JavaScript 是如何工作的：深入网络层 + 如何优化性能和安全
正如在上一篇关于渲染引擎的博客文章中提到的，我们认为优秀的 JavaScript 开发人员和杰出的 JavaScript 开发人员之间的区别在于，后者不仅理解语言的具体细节，而且理解其内部结构和周遭环境。讲一点历史49年前，一种叫做 ARPAnet 的网诞生了。它是一个早期的分组交换网络，也是第一个实现TCP/IP套件的网络。20年后，蒂姆·伯纳斯-李提出了一种“网状结构”的建议，这种结构后来被称2290 人浏览
-
xiaozhi
-
17.JavaScript 是如何工作: Shadow DOM 的内部结构+如何编写独立的组件
概述Web Components 是一套不同的技术，允许你创建可重用的定制元素，它们的功能封装在你的代码之外，你可以在 Web 应用中使用它们。Web组件由四部分组成:Shadow DOM（影子DOM）HTML templates（HTML模板）Custom elements（自定义元素）HTML Imports（HTML导入）在本文中主要讲解Shadow DOM（影子DOM）Shadow DOM2264 人浏览