随笔分类 - web前端工程师
摘要：vue解决 生成设备唯一标识 使用教程： 安装： npm i @fingerprintjs/fingerprintjs -S 引入（在需要的地方引入，或者在main.js全局引入）： import FingerprintJS from '@fingerprintjs/fingerprintjs' 方
阅读全文
摘要：Gulp自动化构建工具 Gulp介绍 构建工具：对于需要反复重复的任务，例如压缩（minification）、编译、单元测试、lint代码质量检测等，自动化工具可以减轻你的劳动，简化你的工作。当配置文件中定义好任务后，任务运行器就会自动帮你或你的小组完成大部分无聊的工作。 Web中的构建工具：其实就
阅读全文
摘要：Node.js入门与模块 NodeJs介绍 什么是NodeJs 1.NodeJs就是一个可以让JavaScript脱离浏览器还能执行的平台,并且这个平台对JavaScript功能进行了增强。 2.Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js
阅读全文
摘要：Less和Sass Less入门 1. 什么是Less Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。 2. 安装 在服务器端最容易的安装方式就是通过 npm （node.js 的包管理器），方
阅读全文
摘要：报表原理+D3+Echarts Canvas简介 canvas是一个矩形区域的画布，可以用JS控制每一个像素在上面绘画。 canvas 标签使用 JavaScript 在网页上绘制图像，本身不具备绘图功能。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 Canvas绘图入门
阅读全文
摘要：H5-动画库 动画库Animate.css介绍 特点 css特效比较多 使用比较方便 扩展能力强,结合jquery动态操作比较方便 动画库Animate.css基本效果 Bouncing 弹跳类效果 1. Bouncing Entrances 弹跳进场 样式 简介 bounceIn 向里，弹跳 bo
阅读全文
摘要：CSS3-变形、动画 CSS3 2D变形 transform属性：可以移动，旋转，和缩放元素。 注意：使用的时候为了兼容可加上-webkit-、-o-、-ms-、-moz-等前缀以适应不同的浏览器。 -webkit-transform: 基于webkit内核（chrome，Safari） -moz-
阅读全文
摘要：CSS3-伸缩布局、Web字体、过渡 Flex（伸缩布局） flexBox、伸缩盒子布局、弹性盒子布局。 兼容： -webkit- : Chrome、safari -moz- : firefox -ms- : ie -o- : opera flex布局有两根轴线 1.一根是主轴(默认从左往右) 主轴
阅读全文
摘要：新选择器、文本、边框 CSS3介绍 CSS3兼容性 CSS3是由W3C制定的标准，浏览器对CSS3进行功能实现，所以对于某些同样的样式在不同的浏览器运行结果会不一致，兼容性问题随之产生。 目前浏览器支持程度一般，有时需要添加私有前缀。 兼容查询：http://caniuse.com/ CSS3新特性
阅读全文
摘要：HTML5新特性 HTML5介绍 什么是HTML5 HTML5是新一代的HTML，是HTML中的最新版本，目前是前端的前沿技术。广义论及 HTML5 时,实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。HTML4.0.1与XHTML1.0本质都一样，唯一不同的就是XH
阅读全文
摘要：Ajax与前端模板 MockJS实现前后端分离 MockJS简介 优点： (一) 前后端分离：让前端攻城师独立于后端进行开发。 (二) 增加单元测试的真实性：通过随机数据，模拟各种场景。 (三) 开发无侵入：不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。 (四) 用法简单：符合
阅读全文
摘要：Ajax原理 Ajax介绍 什么是Ajax技术 AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），AJAX不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。它是一套综合了多项技术的浏览器端网页开发技
阅读全文
摘要：jQuery动画案例+插件入门 插件的概念与用途 什么是插件 插件（Plugin）又称为扩展（Extension），是一种遵循一定规范的应用程序接口编写出来的程序。为什么要用jQuery插件呢：当jQuery库里面的功能不能满足我们的时候，我们就可以开发新的功能来扩展jQuery库，开发jQuery
阅读全文
摘要：jQuery事件和动画 jQuery中的事件 文档和窗口加载事件 1、DOM加载完毕后执行的事件 js: 作用: 为了让js找到DOM,一般让DOM加载完成后,再加载js (加载完成的元素有: HTMLDOM,图片,视频,音频....第三方资源加载完成后,才执行js) 。 语法: window.on
阅读全文
摘要：jQuery操作DOM Dom操作分类 DOM是Document Object Model的缩写，中文意思：文档对象模型。 DOM Core核心 javascript里面的getElementById()，getElementsByTagName()，getAttribute()，setAttrib
阅读全文
摘要：jQuery入门及选择器 jQuery简介（了解） 什么是jQuery jQuery是一个开源的产品，任何人都可以自由的使用，jQuery强调的理念是写的少，做的多(write less, do more)，其独特的选择器、链式DOM操作方式、事件绑定机制、出色的浏览器兼容性、封装完善的Ajax都是
阅读全文
摘要：HTML CSS JavaScript
阅读全文
摘要：JavaScript-交互效果 返回顶部 效果： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> h1{height: 200px;} .btns{ positio
阅读全文
摘要：JavaScript-Event对象 Event对象 event对象：也就是“事件对象”: 代表一个网页上的事件发生时的相关信息。具体比如：鼠标的位置，按键的键值/键名，事件发生在谁身上（就是所谓的事件源）。 事件对象的组成 注意：event对象在FF浏览器中，必须在事件调用函数的位置传如函数中。
阅读全文
摘要：JavaScript-DOM HTML DOM Node对象 HTML文档中的每一个成员都是一个节点对象，节点对象具有自己的属性和方法。 找到HTML节点和Body节点 document.documentElement -> html标签 可返回存在于 XML 以及 HTML 文档中的文档根节点 d
阅读全文
浙公网安备 33010602011771号