18个基于 HTML5 Canvas 开发的图表库
如今，HTML5 可谓如众星捧月一般，受到许多业内巨头的青睐。很多Web开发者也尝试着用 HTML 5 来制作各种各样的富 Web 应用。HTML 5 规范引进了很多新特性，其中之一就是 Canvas 元素。HTML 5 Canvas 提供了通过 JavaScript 绘制图形的方法，非常强大。今天 ... 查看全文
打造自己的html5视频播放器
推荐这篇文章： http://www.inwebson.com/html5... 前段时间重新学习了一下html5的video部分，以前只是停留在标签的使用上，这一次决定深入了解相关的API，并运用这些API打造一个简单的视频播放器。所谓“打造自己的”，就是要自己重写video标签的控制栏部分，实现 ... 查看全文
Vuejs中关于computed、methods、watch，mounted的区别
1.computed是在HTML DOM加载后马上执行的，如赋值； 2.methods则必须要有一定的触发条件才能执行，如点击事件； 3.watch呢？它用于观察Vue实例上的数据变动。对应一个对象，键是观察表达式，值是对应回调。值也可以是方法名，或者是对象，包含选项。 所以他们的执行顺序为：默认加 ... 查看全文
Hyro：桌面上的 HTML5 实时编辑器
Hyro 是一个实时的、桌面上的 HTML5 编辑器。你可以在你的电脑桌面上实时编辑 HTML5 网站的代码。 下载：Hyro 项目主页：https://github.com/jawerty/Hyro 下面摘取自项目的简介： 安装 Hyro 是多平台可用的：Windows，Mac，Linux（32- ... 查看全文
js、jQuery实现文字上下无缝轮播、滚动效果
原生JS版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>文字上下无缝轮播</title> </head> <style> * { margin: 0; padding: 0; } #container{ ... 查看全文
10款流行的 jQuery 插件
这里介绍10款流行的 jQuery插件，希望能帮上各位前端攻城狮～ fullPage.js 一个简单的，易于使用的插件，创建全屏滚动网站（也被称为单页网站），它允许创建滚动网站以及添加一些水平滑块。 下载插件 预览效果 SlideMe 响应式的，CSS3 兼容的，可定制的，易于安装和使用，支持多实例 ... 查看全文
9个助力CSS开发的网站
CSS3 是对 CSS 规范的一个很大的改善和增强，它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。本文收集了9款有用的开发工具推荐给大家。 CSS3 Pie 使用CSS3 Pie可以让IE6至IE9版本实现大多数的CSS3修饰特性，如圆角、阴影、渐变等等。 CSS3 Pie CSS3 ... 查看全文
nodejs实现微哨打卡
前前后后花了两周的时间用nodejs实现微哨定时打卡，源码太长，不想贴出来，请自己去我的github上下载，里面写了详细注释，不想看源码的话直接看怎么使用就行，在这里简要说一下实现过程，有什么问题欢迎评论。 github地址：https://github.com/wle94036/weishao 依 ... 查看全文
JavaScript的离线存储——localStorage、sessionStorage以及cookie
相同：三者都是存储数据在客户端 使用： 1. 用户初次登录时cookie、localStorage存储以及获取数据 // cookie存储 function saveCookie(cookieName,cookieValue,cookieDates){ var d = new Date(); d.s ... 查看全文
jQuery 中与Ajax相关的API
注意1.8版本弃用了$.load()函数。 使用getJSON()方法异步加载JSON格式数据 使用getJSON()方法可以通过Ajax异步请求的方式，获取服务器中的数据，并对获取的数据进行解析，显示在页面中，它的调用格式为： jQuery.getJSON(url,[data],[callback ... 查看全文
nodejs安装及环境变量的配置
首先，nodejs安装到C盘的 建议安装到其他盘里，这是为了防止电脑出故障后C盘下载的东西会缺失 第一次安装nodejs的，第一步打开“nodejs官网：https://nodejs.org/zh-cn/”，进行下载nodej。 看自己电脑是支持64位还是32位 下载完成后，如D盘，新增两个文件no ... 查看全文
10条简化工作的HTML5代码段
HTML5 包括了现代网站上常用的元素和属性，融合了 HTML 和 XHTML 标准。它的设计使得老旧的浏览器可以直接忽略新的 HTML 5 结构。 本文推荐了10段 HTML5 代码段，可以大大简化你的工作。 1 配合 HTML5 的 CSS 重设 /*html5doctor.com Reset ... 查看全文
【HTML5版】导出Table数据并保存为Excel
首发我的博客 http://blog.meathill.com/tech/js/export-table-data-into-a-excel-file.html 最近接到这么个需求，要把<table>显示的数据导出成Excel表。类似的需求并不稀罕，过去我通常用PHP输出.csv文件，不过这次似乎不 ... 查看全文
【补充说明】Gauge框架在JS中的简单应用
这里做一个总结 由于公司架构要用node来替代Java的部分服务，所以就研究了这个自动化测试框架；它可以很方便的测试我们的接口，而且还能使用断言【assert】来判断是否是我们预期的结果。 但是呢，由于网上大多自动化测试都是基于python和Java的，没有找到很好的JavaScript+Gauge ... 查看全文
全面系统讲解CSS工作应用+面试一步搞定
[TOC] 一、课程介绍 二、HTML基础强化 html常见元素和理解 html常见元素分类 head区元素：（不会在页面上留下元素） * meta * title * style * link * script * base body区： * div/selection/article/aside ... 查看全文
python中json.dump()与json.dumps()的区别
1.将python数据结构转换为json字符串(json.dumps()) >>> import json >>> data={'name':'pipi','age':18} >>> json.dumps(data) '{"name": "pipi", "age": 18}' 2.将json格式的字 ... 查看全文
VSCode编辑器使用技巧：快捷输入HTML代码
VSCode中有一些快捷编辑HTML的方法，能大大提高工作效率，在这记录一些。 1.输入html:5，然后按tab键或enter键，效果如下： 1 <!-- 输入html或者html:5生成页面模板 --> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> ... 查看全文
01 jQuery入门
1.jQuery概诉 1.1 javaScript库 仓库：可以把很多东西放到这个仓库里面，找东西只需要到仓库里面查找到就可以了 javaScript库：即library,是一个封装好的特定的集合（方法和函数）。 从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动 ... 查看全文
JavaScript作用域链特性----闭包
首先： 了解闭包，必须要清楚 JavaScript 的特性 > 作用域 和 作用域链。 闭包的构成。 闭包性能考量。 官方对于闭包的定义： 闭包 是指 有权访问另外一个函数作用域中的变量的函数 关键在于下面两点： 是一个函数 能访问另外一个函数作用域中的变量 另外的说法： 闭包可以延长（函数作用域下 ... 查看全文
helper.js(20200530)
//***************************************参数辅助对象***************************************/ //公共参数辅助对象 var ObjParameter = { //获取url参数值 //注意：参数值最好不用中文，会有编码 ... 查看全文