- 博客(19)
- 收藏
- 关注
RSS订阅转载 从0开始学习BFC
为什么需要BFC?<style> .red { background: red; } .blue { background: #1890ff; } .green { background: green; } p { margin: 20px 0; }</style>...
2019-04-02 14:42:00
163
转载 javascript从作用域链的角度看闭包
闭包闭包是一个能访问外部函数定义的变量的函数。为什么？当访问一个变量时，解释器会首先在当前作用域查找标示符，如果没有找到，就去父作用域找，直到找到该变量的标示符或者不再存在父作用域了，这就是作用域链。作用域链的顶端是全局对象。var color = 'blue'function getColor() { // 当前作用域不存在 color...
2018-12-10 14:51:00
155
转载 javascript之模块加载方案
前言主要学习一下四种模块加载规范:AMDCMDCommonJSES6 模块历史前端模块化开发那点历史require.jsrequirejs 为全局添加了 define 函数，你只要按照这种约定的方式书写这个模块即可。define(function () { //Do setup work here return {...
2018-12-03 14:52:00
440
转载 正则表达式学习
应用输入校验AST 抽象语法树liunx命令创建一个正则表达式使用正则表达式字面量const regex = /^\d{11}&/使用构造函数const regex = new RegExp(/^\d{11}&/, "gi")如何判断正则表达式的类型?typeofinstanceof ...
2018-11-30 16:38:00
122
转载 web动画小结
前端写动画，无非两种方案，一种是通过css，另一种是jscss的方案：1.transform的单独使用 （IE9+）rotate(90deg) 2d旋转，也可以理解为沿着3D的Z轴旋转rotateX(90deg) 沿着3D的X轴旋转,同理还有rotateY rotateZtranslate(100px, 50px) 沿着X方向 Y方向移动100px...
2018-10-12 18:27:00
156
转载 Javascript函数的防抖和节流
防抖防抖防抖 防止手抖就是在某段时间内触发多次事件，只执行最后一次。例如百度搜索联想，只会联想最后输入的字符function resizeEvent (content) { console.log(`window`+content)}let event = debounce(resizeEvent, 500)function debounce...
2018-09-09 20:52:00
155
转载 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
851
转载 移动设备浏览器、微信内置浏览器调试方法（亲测可行）
做移动设备前端开发的时候，比较头疼的问题是调试。特别是有些问题在pc上不出现，只出现在移动设备上。使用alert()? 个人觉得不方便而且有点low1.weinre附上链接http://people.apache.org/~pmuellr/weinre/搭建环境不算复杂，有点基础的人估计5分钟就能搭建好。调试界面在pc浏览器上，需要移动设备和PC在同一局域网...
2017-08-02 20:25:00
1059
转载 基于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
260
转载 Angular2之管道学习笔记
管道。可以把一个输出流与另一个输入流连接起来。类似 linux、gulp都有应用。在Angular2中使用管道非常方便。Angular2中本身提供了一些内置管道。当然也可以自定义管道。文档链接：https://angular.cn/docs/ts/latest/api/#!?apiFilter=pipe&query=pipe日常开发中，内置管道也足够用了。常用的有以下...
2017-03-23 15:34:00
249
转载 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
105
转载 HTML5之文件API
问题很简单，做个上传文件的页面。 <!-- multiple代表可上传多个文件 --> <input type="file" id="file" multiple/> <input type="button" id="btn" value="上传" />html页面中简单两行代码就完成基本的文件上传页面。如下图...
2016-12-08 22:22:00
90
转载 gulp之压缩合并MD5清空替换加前缀以及自动编译自动刷新浏览器大全
gulp是基于流的前端构件化工具。目前比较火的前端构建化工具还是挺多的，grunt gulp fis3等等。这个鬼东西有什么用？请参考https://www.zhihu.com/question/35595198为什么选择gulp,因为使用非常简单，学习成本低。以后想用别的工具再转去学也不难。一个自动化构建工具都没用过的前端，何以谈人生？以下是正题：1.要玩gu...
2016-12-04 16:21:00
134
转载 jQuery之ajax错误调试分析
jQuery中把ajax封装得非常好。但是日常开发中，我偶尔还是会遇到ajax报错。这里简单分析一下ajax报错一般的jQuery用法如下，ajax通过post方式提交"汤姆和老鼠"这段数据到xxx.php文件中。成功后则打印返回的数据，失败则打印错误原因。$.ajax({ url:"xxx.php", type:"post", datatype...
2016-11-29 11:20:00
452
转载 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
497
转载 node.js之开发环境搭建
一.安装linux系统(已安装linux可跳此步骤)虚拟机推荐选择：VirtualBox 或者Vmware （专业版永久激活码:5A02H-AU243-TZJ49-GTC7K-3C61N） 我这里使用Vmware。 安装好Vmware后，点击新建虚拟机，选择稍后安装操作系统，然后进行配置。虚拟机设置如下：{ 客户机操作系统：其他； 版...
2016-11-02 10:04:00
144
转载 学习CSS3动画（animation）
CSS3就是出了不少高大上的功能，3D效果、动画、多列等等。今天写篇文章记录怎么一下怎么用CSS3写一个动画。 丑话还得说前头，IE9以及以下版本不支持CSS3动画（如真要实现可以考虑用js，不过估计效果也不太好）。chrome和safafi建议加上前缀-webkit-以向前兼容老版本。 今天简单的做一个动画。 首先，先简单画一个div,然后添上背...
2016-09-30 11:16:00
150
转载 浅谈CSS hack（浏览器兼容）
今天简单写一点关于浏览器兼容的处理方法，虽然百度上已经有很多，但是我还是要写！先看一个图这个图描述了2016年1月至8月网民们所使用的浏览器市场份额（来源：http://tongji.baidu.com/data/browser）。令我感到欣慰的是chrome排第一，chrome一直以来对W3C标准都支持得比较友好，但是图中也反映了使用IE系列的人数也不少，所以我们日常做前端开发...
2016-09-28 21:59:00
119
转载 css3之3D魔方动画（小白版）
在这里分享一下3D魔方动画，html5+CSS3即可完成~无图无真相，先上效果图第一步非常简单，就是先将魔方的结构画出来。大家都玩过魔方，知道魔方是一个有六个面的正方体。这里我们先写一个大的div(类名为box)作为容器，里面包含魔方6个面，即6个div，然后我这里每个面里还分了9个小div就是9个小格子。代码如下，简单看看 <!-- 魔方六面 ...
2016-09-27 22:16:00
336
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人