ES6-字符串的扩展-模板字符串

ES6-字符串的扩展-模板字符串
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script> window.onload=function(){ //模板字符串,需将原本的双引号...

div垂直居中的N种方法

div垂直居中的N种方法
在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥有valign特性的元素才生 效,例如表格元素中的<td>、<th>、<caption>等,而像<div>、<span>这样的元素是没有valign特性的...

30分钟入门webpack

30分钟入门webpack
Webpack 入门教程 Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。 本章节基于 Webpack3.0 测试通过。 从图中我们可以看出,Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件,减少了页面的请求。 接下来我们简单为大家介绍 ...

angular2通俗化入门教程(2)component(组件)

angular2通俗化入门教程(2)component(组件)
上一节,我们学会了怎么安装anglarjs2,过程有点曲折,但总的来讲,她跑起来了,而且看见了那红红的图标。 这一节,我们主要来了解组件,   组件是什么呢? 1.新建一个组件: 执行这个命令  ng g c hello  一个叫hello的组件就建好了。 PS C:\angularjs\my-app> ng g c hello installing component create src\app\hello\hello.component.css ...

angular2通俗化入门教程(1)安装

angular2通俗化入门教程(1)安装
angular2。0的介绍就不多说了。没有什么用。也不讲要具备什么知识门槛,如果没有那些知识,也可以先学,学的过程中再补也来得及。 只接上干货。 1.安装nodejs https://nodejs.org/en/download/  到这里下载安装就可以, 配一下环境变量 第一步:npm config get prefix ,获取输出path“C:\Users\dg\AppData\Roaming\npm”加上"\node_modules"用于第二步值   第二步:添加系统...

Chrome DevTools 之 Network,网络加载分析利器

Chrome DevTools 之 Network,网络加载分析利器
虽然一直在用Chrome DevTools,但大多停留在常用的功能和调试上,比如Elements/Network/Sources/Console等主要功能,而对于性能分析/优化相关的Timeline/Profiles一直敬而远之,深感其门槛高,于是潜心阅读文档,以望窥得一二,以解决实际问题。 不同版本的Chrome DevTools差别很大,这篇文章基于最新版的Mac Chrome完成,主要介绍Network/Timeline/Profiles三个方面的内容,为后续的加载优化...

完美解决JS文件页面加载时的阻塞问题

完美解决JS文件页面加载时的阻塞问题
概述:JS分拆的方法 1.XHR注入:就是用ajax异步请求同域包含脚本的文件,然后将返回的字符串转化为脚本使用,该方法不会造成页面渲染和onload事件的阻塞,因为是异步处理,推荐使用。 2.iframe注入:加载一个iframe框架,通过使用iframe框架中的脚本来避免src方式加载脚本的阻塞,但是iframe元素开销较大,不推荐。 3.DOM注入:就是创建script元素,通过制定该元素的src并放入DOM树中,根据该语...

不定宽高垂直居中分析

不定宽高垂直居中分析
昨天做移动项目是,遇到这样一个案例,如图,图片容器随着视口宽度进行自由拉伸扩张,图片不定宽高,垂直居中: 当时做这个布局的时候,我一直想到用display:table-cell通过vertical-align:middle,来实现居中,可以当我在同一个节点用position:absolute,会导致此居中问题失效。 最后想到的解决方案,案例如下,不定宽高垂直居中: <!DOCTYPE HTML> <html lang="en-US"...

NodeJS遍历文件生成文件列表

NodeJS遍历文件生成文件列表
功能需求:在工作中我们可能经常需要知道项目中静态文件列表发布,一个一个去检索写,那就太苦逼了。 要想知道里面的文件列表是不是很蛋疼,可能我们也会有dos tree去获取。 这里分享一下,通过node,知道文件路径,并配置远程路径,直接copy,发布。 新建filelist.js 里面都有注释,我就不哆嗦了. var fs = require("fs"); //path模块,可以生产相对和绝对路径 var path = requir...

apache开启.htaccess及.htaccess的使用方法

apache开启.htaccess及.htaccess的使用方法
今天本地调试PHP程序,用到了.htaccess,而默认配置里面开启.htaccess,在网上找到了开启.htaccess的可行方法,供朋友们借鉴。(开启的我他的方法不行,查找了一下AllowOverride None全部的都给换成AllowOverride All就了,原因不明,O(∩_∩)O~ 记得修改完httpd.conf以后一定要重启下apache才的哦~ )  1 . 如何让的本地APACHE器.htaccess  如何让的本地APACHE器&quot;.htaccess&quot;呢?...
Copyright © 前端技术分享休闲玩耍去处分享-大一网 保留所有权利.   Theme  Ality

用户登录 ⁄ 注册

分享到: