dengwei19861112-CSDN博客

转载从0开始学习BFC

为什么需要BFC? <style> .red { background: red; } .blue { background: #1890ff; } .green { background: green; } p { margin: 20px 0; } </style> ...

2019-04-02 14:42:00 119

转载 javascript从作用域链的角度看闭包

闭包闭包是一个能访问外部函数定义的变量的函数。为什么？当访问一个变量时，解释器会首先在当前作用域查找标示符，如果没有找到，就去父作用域找，直到找到该变量的标示符或者不再存在父作用域了，这就是作用域链。作用域链的顶端是全局对象。 var color = 'blue' function getColor() { // 当前作用域不存在 color...

2018-12-10 14:51:00 116

转载 javascript之模块加载方案

前言主要学习一下四种模块加载规范: AMD CMD CommonJS ES6 模块历史前端模块化开发那点历史 require.js requirejs 为全局添加了 define 函数，你只要按照这种约定的方式书写这个模块即可。 define(function () { //Do setup work here return { ...

2018-12-03 14:52:00 391

转载正则表达式学习

应用输入校验 AST 抽象语法树 liunx命令创建一个正则表达式使用正则表达式字面量 const regex = /^\d{11}&/ 使用构造函数 const regex = new RegExp(/^\d{11}&/, "gi") 如何判断正则表达式的类型? typeof instanceof ...

2018-11-30 16:38:00 88

转载 web动画小结

前端写动画，无非两种方案，一种是通过css，另一种是js css的方案： 1.transform的单独使用（IE9+） rotate(90deg) 2d旋转，也可以理解为沿着3D的Z轴旋转 rotateX(90deg) 沿着3D的X轴旋转,同理还有rotateY rotateZ translate(100px, 50px) 沿着X方向 Y方向移动100px...

2018-10-12 18:27:00 132

转载 Javascript函数的防抖和节流

防抖防抖防抖防止手抖就是在某段时间内触发多次事件，只执行最后一次。例如百度搜索联想，只会联想最后输入的字符 function resizeEvent (content) { console.log(`window`+content) } let event = debounce(resizeEvent, 500) function debounce...

2018-09-09 20:52:00 117

转载 angular2之pdf文件操作大全

最近的项目中需要显示pdf内容、下载pdf、甚至是前端生成pdf 适用于angular2、4或者更高版本情景1.需要将页面的某个部分转成pdf文件并下载（即将页面的部分html内容转成pdf文件）方案： 1.首先借助 html-to-image 将所需html内容转成图片，即 domtoimage.toJpeg(dom，params) 2.借助jspdf将图片...

2017-10-31 11:20:00 774

转载移动设备浏览器、微信内置浏览器调试方法（亲测可行）

做移动设备前端开发的时候，比较头疼的问题是调试。特别是有些问题在pc上不出现，只出现在移动设备上。使用alert()? 个人觉得不方便而且有点low 1.weinre 附上链接http://people.apache.org/~pmuellr/weinre/ 搭建环境不算复杂，有点基础的人估计5分钟就能搭建好。调试界面在pc浏览器上，需要移动设备和PC在同一局域网...

2017-08-02 20:25:00 992

转载基于Angular4+ server render(服务端渲染)开发教程

目标： 1.更好的 SEO，方便搜索爬虫抓取页面内容 2.更快的内容到达时间(time-to-content) 影响： 1.用户：比原来更快的看到渲染的页面，提升用户体验 2.开发人员：某些代码可能需要特殊处理，才能在服务器渲染应用程序中运行（window，document, navigator等）安装： 1.nodejs 建议6+ 2.angular建议4.1+ 理...

2017-07-17 13:43:00 197

转载 Angular2之管道学习笔记

管道。可以把一个输出流与另一个输入流连接起来。类似 linux、gulp都有应用。在Angular2中使用管道非常方便。Angular2中本身提供了一些内置管道。当然也可以自定义管道。文档链接：https://angular.cn/docs/ts/latest/api/#!?apiFilter=pipe&query=pipe 日常开发中，内置管道也足够用了。常用的有以下...

2017-03-23 15:34:00 207

转载 Angular2之路由学习笔记

目前工作中项目的主要技术栈是Angular2 在这里简单记录一下遇到的问题以及解决方案。这篇笔记主要记录Angular2 的路由。官方文档链接：https://angular.cn/docs/ts/latest/guide/router.html （中文版） https://angular.io/docs/ts/latest/guide/router.html (英文原版) ...

2017-03-23 15:28:00 77

转载 HTML5之文件API

问题很简单，做个上传文件的页面。  <input type="file" id="file" multiple/> <input type="button" id="btn" value="上传" /> html页面中简单两行代码就完成基本的文件上传页面。如下图...

2016-12-08 22:22:00 65

转载 gulp之压缩合并MD5清空替换加前缀以及自动编译自动刷新浏览器大全

gulp是基于流的前端构件化工具。目前比较火的前端构建化工具还是挺多的，grunt gulp fis3等等。这个鬼东西有什么用？请参考https://www.zhihu.com/question/35595198 为什么选择gulp,因为使用非常简单，学习成本低。以后想用别的工具再转去学也不难。一个自动化构建工具都没用过的前端，何以谈人生？以下是正题： 1.要玩gu...

2016-12-04 16:21:00 101

转载 jQuery之ajax错误调试分析

jQuery中把ajax封装得非常好。但是日常开发中，我偶尔还是会遇到ajax报错。这里简单分析一下ajax报错一般的jQuery用法如下，ajax通过post方式提交"汤姆和老鼠"这段数据到xxx.php文件中。成功后则打印返回的数据，失败则打印错误原因。 $.ajax({ url:"xxx.php", type:"post", datatype...

2016-11-29 11:20:00 397

转载 nodejs之主机不能访问到虚拟机的web服务器

问题：在主机使用VMware搭建虚拟机，并运行node。但是主机浏览器不能访问环境：虚拟机使用centos7，网络模式为桥接。主机IP 192.168.1.48 虚拟机IP 192.168.1.59 可以相互ping通 node代码如下： var express = require('express'); var app = express(); app.get(...

2016-11-14 17:01:00 419

转载 node.js之开发环境搭建

一.安装linux系统 (已安装linux可跳此步骤) 虚拟机推荐选择：VirtualBox 或者Vmware （专业版永久激活码:5A02H-AU243-TZJ49-GTC7K-3C61N）　　　　我这里使用Vmware。　　　　安装好Vmware后，点击新建虚拟机，选择稍后安装操作系统，然后进行配置。虚拟机设置如下： { 　　　　客户机操作系统：其他；　　　　版...

2016-11-02 10:04:00 99

转载学习CSS3动画（animation）

　　CSS3就是出了不少高大上的功能，3D效果、动画、多列等等。今天写篇文章记录怎么一下怎么用CSS3写一个动画。丑话还得说前头，IE9以及以下版本不支持CSS3动画（如真要实现可以考虑用js，不过估计效果也不太好）。chrome和safafi建议加上前缀-webkit-以向前兼容老版本。　今天简单的做一个动画。首先，先简单画一个div,然后添上背...

2016-09-30 11:16:00 115

转载浅谈CSS hack（浏览器兼容）

今天简单写一点关于浏览器兼容的处理方法，虽然百度上已经有很多，但是我还是要写！先看一个图这个图描述了2016年1月至8月网民们所使用的浏览器市场份额（来源：http://tongji.baidu.com/data/browser）。令我感到欣慰的是chrome排第一，chrome一直以来对W3C标准都支持得比较友好，但是图中也反映了使用IE系列的人数也不少，所以我们日常做前端开发...

2016-09-28 21:59:00 99

转载 css3之3D魔方动画（小白版）

在这里分享一下3D魔方动画，html5+CSS3即可完成~无图无真相，先上效果图第一步非常简单，就是先将魔方的结构画出来。大家都玩过魔方，知道魔方是一个有六个面的正方体。这里我们先写一个大的div(类名为box)作为容器，里面包含魔方6个面，即6个div，然后我这里每个面里还分了9个小div就是9个小格子。代码如下，简单看看 <!-- 魔方六面 ...

2016-09-27 22:16:00 288

dengwei19861112的博客