网站logo扫光效果CSS实现代码
例如： <div class="logo"> <a href="#" rel="home" itemprop="url"> <img src="图片地址" alt="logo" itemprop="logo" width="150" height="50"> </a> </div> 1 2 3 4 ... 查看全文
二、js前端策略者模式
1.定义一系列的算法 2.将这些算法封装起来 3.可以让它们相互替换 const EmployeeA = function(){}EmployeeA.prototype.calculate = function(salary){ return salary * 4;}const EmployeeB ... 查看全文
JS(JQuery) 省市区三级联动下拉选择
引入 area.js /* * 全国三级城市联动 js版 */ function Dsy(){ this.Items = {}; } Dsy.prototype.add = function(id,iArray){ this.Items[id] = iArray; } Dsy.prototype.E ... 查看全文
Cypress web自动化26-mochawesome-merge合并json报告
前言 生成的报告有多个 json 文件时，需使用 mochawesome-merge 合并 json 报告。 环境准备 使用 npm 安装 $ npm install mochawesome-merge --save-dev 查看安装版本 D:\Cypress>npm list mochawesom ... 查看全文
基于HTML5的拓扑图编辑器（2）
继续来说编辑器的需求， 前面介绍了拖拽创建节点、以及连线的方法，并加入到了其后的 Qunee 类库，实际应用中需要更多功能，Qunee 的拓扑图编辑器也在逐渐完善，一方面增加多种编辑交互，一方面提供数据导入导出，同时也在摸索编辑器的整体界面设计和前端开发框架 拖拽创建节点 延续之前提供的功能，增加更 ... 查看全文
纯HTML5绘制的七巧板
纯HTML5绘制的七巧板 <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <canvas id="canvas" style = "border:1px ... 查看全文
HTML5+CSS+JS 贪吃蛇demo
我写博客的主要目的就是温习所学的知识，自己以前写的游戏当然不能放过！ 这款网页版贪吃蛇是大一下册学习网页前端时老师教我们写的，由于那个时候初学网页前端，所以这款游戏是纯原生Java Script写的，没有使用JQuery。 重新看了一遍自己写的代码，大一的我真的太年轻了，一个注释都没有写，幸好这款游 ... 查看全文
基于HTML5的网络拓扑图 - 定制状态面板
电信网管系统中，设备状态信息的实时展示非常重要，通常会挂载一堆图标来展示状态或告警信息，图标的信息量有限，有时需要更详细的面板，甚至以图表的形式展现，本文将结合最近客户提到的需求，使用 Qunee1.6 beta版本，实现拓扑图中设备信息的实时显示。 Qunee 中ui 的定制非常灵活，每个图元节点 ... 查看全文
js+ajax 上传多图片，并删除
<div class="df mb20"> <input type="text" readonly placeholder="请选择图片" class="form-control col-sm-6"> <input type="text" style="width: 100px;" readonly ... 查看全文
云适配将推出中国首个开源 HTML5 跨屏前端框架 - Amaze UI
云适配，这是一家能以一行代码将你的网站移动化，实现网址不变且内容实时自动同步的服务提供商。云适配所采用的技术是一项基于云计算、利用html5进行网站跨屏适配，它为目标网站开发一行JS代码，并嵌入PC网站，这个JS代码通过对PC网站目标网页数据的分析和抓取，在云端完成用户当前设备的网页最佳展现方式的计 ... 查看全文
nuget.org 无法加载源 https://api.nuget.org/v3/index.json 的服务索引
原文:nuget.org 无法加载源 https://api.nuget.org/v3/index.json 的服务索引今天添加新项目想添加几个工具包，打开NuGet就这样了 发生错误如下： [nuget.org] 无法加载源 https://api.nuget.org/v3/index.json ... ... 查看全文
使用淘宝镜像cnpm安装Vue.js
摘自：https://www.cnblogs.com/happybread/p/8117442.html 简介： Vue.js是前端一个比较火的MVVM框架， 是一套构建用户界面的渐进式框架。 Vue 只关注视图层， 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的 ... 查看全文
html & css
HTML文档结构 最基本的HTML文档： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>css样式优先级</title> </head> <body> </body> </html> <!DOCTYP ... 查看全文
flexible.js
; (function (win, lib) { var doc = win.document; var docEl = doc.documentElement; var metaEl = doc.querySelector('meta[name="viewport"]'); var flexibl ... 查看全文
基于HTML5的网络拓扑图(1)
什么是网络拓扑 网络拓扑，指构成网络的成员间特定的排列方式。分为物理的，即真实的、或者逻辑的，即虚拟的两种。如果两个网络的连接结构相同，我们就説它们的网络拓扑相同，尽管它们各自内部的物理接线、节点间距离可能会有不同。 - 维基百科 网络拓扑图的绘制 很多人用visio绘制网络拓扑图，非常精美，但只能 ... 查看全文
浏览器自定义Ajax函数批量调接口
function Ajax(type, url, data, success, failed){ // 创建ajax对象 var xhr = null; if(window.XMLHttpRequest){ xhr = new XMLHttpRequest(); } else { xhr = new ... 查看全文
文件（图片）上传调研： HTML 5 vs. Flash
浏览器占有率 来源:百度相册 浏览器占有率 浏览器 占有率 Chrome 52.94% IE 44.32% FF 1.97% IE版本占有率 浏览器 占有率 IE6 6.55% IE7 0.57% IE8 27.33% IE9 9.87% IE10 <5% 上传数据统计 来源：百度相册 大小区间 ( ... 查看全文
[JavaScript] void 0 与 undefined
结论 void运算符 的返回值一定是 原始值undefined； undefined 在局部作用域内可能不为 原始值undefined。 解析 Babel 将 编译为 为什么不用 undefined 而用 void 0呢？那么两者区别是什么呢？ void MDN中介绍 void 运算符 void 运 ... 查看全文
前端Js实现UTC时间转为北京时间，时间戳转为时间
记录下前两天看见一位同事转换时间格式的问题，不知道UTC时间格式。 var utc_datetime = "2017-03-31T08:02:06Z"; function utc2beijing(utc_datetime) { // 转为正常的时间格式 年-月-日 时:分:秒 var T_pos = ... 查看全文
2020/5/29 JS中的循环和函数
1.for in循环 for(变量 in (容器名)数组名){ 执行的语句块； } 例如：var arr=[1,2,3,4,5]; for(a in arr){ document,write(arr[a]); } 2. break和continue break：结束整个循环 continue：结束本 ... 查看全文