使用tdcss.js轻松制作自己的style guide

http://jakobloekke.github.io/tdcss.js/ 在前端开发中,如果能够有一个style guide对于设计来说就显得专业稳定,一致性.在上述链接中,有一个tdcss.js的工具可以帮助你生成可视化的style guide, 非常方便.其原理就是使用那个js文件在html加载完成后对特定section来做重新structure,形成style guide的样式 @stop-color: red; @wait-color: orange; @go-color: gree…

Nightwatch.js – 轻松实现浏览器的自动测试

Nightwatch.js 是一个易于使用的,基于 Node.js 平台的浏览器自动化测试解决方案.它使用强大的 Selenium WebDriver API 来在 DOM 元素上执行命令和断言. 语法简单但很强大,使您可以快速编写测试. 只需使用 Javascript 和 CSS 选择器,不需要初始化其他对象和类,您只需要编写测试规范.内置命令行测试运行器,使您能够运行整体测试,分组测试或者单个测试. 您可能感兴趣的相关文章 Metronic – 基于 Bootstrap 的响应式后台管理模板…

WOW.js轻松为网页添加动画切入效果

由于坐忘的需要,经常会有部分功能用的很多,做起来又很繁琐,所以插件也就应运而生了.个人感觉正式js强大的可植入性, 才使他如此的使用火爆,反正博主是特别喜欢这一点 Y(^o^)Y~ . 今天就和大家分享几个比较实用的小插件,省的大家整理了. 1.WOW.js轻松为网页添加动画切入效果这款插件作用很简单,及时实现网页中任意部分动画切入的效果.但是有2点要注意的地方 (1)此动画是检测屏幕滚动条实现达到一定位置执行动画效果的,所以当指定元素开始显示的时候才会开始动画,这个用户可以设置 (2)每个…

Blazor组件自做二 : 使用JS隔离制作手写签名组件

Blazor组件自做二 : 使用JS隔离制作手写签名组件本文相关参考链接 JavaScript 模块中的 JavaScript 隔离 Viewer.js工程 Blazor组件自做一 : 使用JS隔离封装viewerjs库 Blazor JS 隔离优势导入的 JS 不再污染全局命名空间. 库和组件的使用者不需要导入相关的 JS.即不需要再在ssr的 Pages/_Host.cshtml 或 Pages/_Layout.cshtml ,wasm的 wwwroot/index.html 里写第一…

HTML案例—很讨巧的一种js+css制作hover模式展示二级菜单方法

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>利用css减少js的逻辑使用</title> <style type="text/css"> body { padding: 0; font-size: 10pt; behavior:url(css/csshover.htc); } .topmenu { displa…

Restive.js – 轻松让网站变成响应式和自适应

Restive.js 是一个 jQuery 插件,可以帮助您轻松快捷地添加响应式功能到你网站,适应几乎所有拥有 Web 功能的设备.使用设备检测,高级管理断点,以及方向管理的组合,Restive.js 会给你的网站提供一种不可思议的能力. 在线演示(可能需要FQ) 源码下载您可能感兴趣的相关文章网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[…

Nunchuck.js - 轻松实现多个设备的数据同步

Nunchuck.js 是对用于移动设备上的浏览器应用程序的控制库,通过浏览器轻松实现多设备数据同步.他们提供了一个库,很容易使开发人员能够整合移动浏览器控件到桌面的基于浏览器的 JavaScript 游戏,只需少量的代码. 在线演示源码下载您可能感兴趣的相关文章网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载] 12款经典的白富美…

store.js - 轻松实现本地存储（LocalStorage）

store.js 是一个兼容所有浏览器的 LocalStorage 包装器,不需要借助 Cookie 或者 Flash.store.js 会根据浏览器自动选择使用 localStorage.globalStorage 或者 userData 来实现本地存储功能. 您可能感兴趣的相关文章太赞了!超炫的页面切换动画效果[附源码下载] 真是好东西!13种非常动感的页面加载动画效果你见过吗?9款超炫的复选框(Checkbox)效果超赞!基于 Bootstrap 的响应式的后台管理模板创意无限!一…

HTML5 Maker – 在线轻松制作 HTML5 动画效果

HTML5 Maker 是一个在线动画制作工具,帮助你使用 HTML,CSS 和 JavaScript 创建动态,互动的内容.它非常容易使用,同时可以帮你实现非常好的效果.它可以制作跨浏览器的动画内容,如 JavaScript 和 HTML5 动画,幻灯片,简报等等. 动画可以很容易地集成到现有的网站,添加一个有趣的或专业的外观.HTML5 Maker 是一个基于订阅的服务,他们提供免费的认购.此外,你甚至都不需要注册就能使用该服务.点击创建动画按钮,开始你的项目吧. 您可能感兴趣的相关文章前…

与你相遇好幸运，The Moe Node.js Code Style Guide

The Moe Node.js Code Style Guide By 一个最萌的开发者 @2016.9.21 >>代码是人来阅读的,格式规范的代码是对编程人员最好的礼物 :) >制表符和空格我们选用和jslint规范一致的格式:两个空格正确的: if(true){ console.log('hi');} >分号每行语句的末尾使用分号结束 console.log('hi'); >编辑器统一开发环境,文件编码无dom头的utf-8编码 >空行删掉 >引…

使用 DiskMaker X 轻松制作 Yosemite 安装 U 盘(引)

使用 DiskMaker X 轻松制作 Yosemite 安装 U 盘由于帮人在MacBook上装Windows, 用pe格式化了一下分出来的Windows分区, 搞得Mac系统也瘫掉了, 无奈之下需要重装Mac系统, 又不愿意费时等它自己下载安装, 就只好自己做U盘启动了, 可没想到居然这么费劲!!! 想懒省事,结果搞得倒费劲了. 尝试了N次, 出现N次之后, 终于是把启动盘做出来了. 留个念, 以备下次. 首先,需要一款被称为 DiskMaker X 的小软件.下面是下载地址. 链接: h…

js获取元素位置和style的兼容性写法

今天说一下js获取元素位置和style的方法.当然不只是element.style那么简单.. 主角:getBoundingClientRect,getClientRects,getComputedStyle,currentStyle 配角:getPropertyValue,getAttribute getBoundingClientRect: 这个方法返回一个矩形对象,包含六个属性:left.top.width.height.right和bottom(ie下没有width和height).分别…

一步一步教你用 Vue.js + Vuex 制作专门收藏微信公众号的 app

一步一步教你用 Vue.js + Vuex 制作专门收藏微信公众号的 app 转载作者:jrainlau 链接:https://segmentfault.com/a/1190000005844155 项目地址:https://github.com/jrainlau/wechat-subscriptor 下载&运行 git clone git@github.com:jrainlau/wechat-subscriptor.git cd wechat-subscriptor && np…

WebSlides - 轻松制作漂亮的 HTML 幻灯片（演讲稿）

WebSlides 是一个开源的 HTML 幻灯片项目,能够帮助熟悉前端语言的开发者快速制作出效果精美的幻灯片.页面中的每个 <section> 都是一个独立的幻灯片,只需要很少的 CSS 代码装饰即可.赶紧来体验一下吧. 在线演示免费下载您可能感兴趣的相关文章网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载] 12款经典…

轻松制作儿童趣味算术软件 - imsoft.cnblogs

轻松制作儿童趣味算术软件马震安电脑爱好者 2014-07-23 08:38技巧 0 条评论标签:软件兴趣是学习的动力,以动感的软件和自动判断得分的形式测试孩子的算术能力,总要比在白纸上出几道题来得有趣. 如果对网上的少儿算术软件不满意,那就亲自动手编一个Excel版的算术测试软件吧!用Excel借助简单的VBA代码就可以编出这样的测试软件. 1. 卡通人物装点界面引兴趣利用工作表制作软件的主要操作界面.可以利用小朋友喜闻乐见的动画人物装点操作界面,如喜羊羊.灰太狼等(图1). 1.…

零元学Expression Blend 4 - Chapter 44 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(下)

原文:零元学Expression Blend 4 - Chapter 44 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(下) 抱歉久等了!!!! 终於到了动画MenuBar的最终章罗! ? ? 抱歉久等了!!!! 终於到了动画MenuBar的最终章罗! :) ? ? 由於,本篇动画设定较多,为求步骤清楚,所以文章较为冗长而小猴子因为篇幅的关系也已经删减了一部分入门观念的解说 (小建议:若是已经对动画等相关制作与设定.Visual State等有相当的了解,再看本篇会…

零元学Expression Blend 4 - Chapter 41 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(中)

原文:零元学Expression Blend 4 - Chapter 41 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(中) 我们接着进行动画MenuBar的制作接续着上一篇的范例,要使文字的位置在MouseOver也有变化 ? ? 我们接着进行动画MenuBar的制作 ? ? 01 接续着上一篇的范例,要使文字的位置在MouseOver也有变化 ? 回到Template编辑模式->MouseOver->ContentPresenter 使用Translate X…

零元学Expression Blend 4 - Chapter 40 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(上)

原文:零元学Expression Blend 4 - Chapter 40 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(上) 一直以来都有人拿Flash的动画问我Blend可不可以做到一样的动画效果虽然我很明白Flash跟Silverlight差异在哪,但似乎对很多人来说,在网页上的动画效果已经根深蒂固的觉得只能用Flash才做到!? 在我看来....善用工具,并且用对工具,就能达到想要的效果! 技术日新月异,很多工具软体也越来越人性化,操作起来更是便捷可能我对B…

（数据科学学习手札90）Python+Kepler.gl轻松制作时间轮播图

本文示例代码及数据已上传至我的Github仓库https://github.com/CNFeffery/DataScienceStudyNotes 1 简介 Kepler.gl作为一款强大的开源地理信息数据可视化工具,可以帮助我们轻松制作针对大规模矢量数据的可视化作品,从而辅助数据分析工作. Kepler.gl制作常规地图非常简单方便,稍微摸索一下仪表盘界面就可以get到用法,但有些特殊的地图则需要额外对数据进行处理或使用Kepler.gl中的一些隐藏功能,譬如之前写过的(数据科学学习手札85)…

Blazor组件自做七 : 使用JS隔离制作定位/持续定位组件

1. 运行截图演示地址 2. 在文件夹wwwroot/lib,添加geolocation子文件夹,添加geolocation.js文件本组件主要是调用浏览器两个API实现基于浏览器的定位功能,现代桌面和移动端都支持.包括MAUI Blazor navigator.geolocation.getCurrentPosition navigator.geolocation.watchPosition 2.1 获取定位其中持续定位watchPosition方法会通过wrapper.invokeMe…

一张图总结Google C++编程规范(Google C++ Style Guide)

Google C++ Style Guide是一份不错的C++编码指南,我制作了一张比較全面的说明图,能够在短时间内高速掌握规范的重点内容.只是规范毕竟是人定的,记得活学活用.看图前别忘了阅读以下三条重要建议: 1 保持一致也很重要,假设你在一个文件里新加的代码和原有代码风格相去甚远的话,这就破坏了文件本身的总体美观也影响阅读,所以要尽量避免. 2 一些条目往往有例外,比方以下这些,所以本图不能取代文档,有时间还是把PDF认真阅读一遍吧. 异常在測试框架中确实非常好用 RTTI在某些单元測试中很…

Airbnb JavaScript Style Guide

Airbnb JavaScript Style Guide() { 用更合理的方式写 JavaScript ES5 的编码规范请查看版本一,版本二. 翻译自 Airbnb JavaScript Style Guide . 目录类型引用对象数组解构字符串函数箭头函数构造函数模块迭代器和生成器属性变量提升比较运算符和等号代码块注释空白逗号分号类型转换命名规则存取器事件 jQuery ECMAScript 5 兼容性 ECMAScript 6…

Dojo Style Guide

Contents: General Quick Reference Naming Conventions Specific Naming Conventions Files Variables Layout Documentation This document follows the basic outline of the Java Programming Conventions Guide, a copy of which may be found at http://geosoft.no…

Google HTML/CSS Style Guide

转自: http://google.github.io/styleguide/htmlcssguide.xml Google HTML/CSS Style Guide Revision 2.23 Each style point has a summary for which additional information is available by toggling the accompanying arrow button that looks this way: ▽. You may t…

Google JavaScript Style Guide

转自:http://google.github.io/styleguide/javascriptguide.xml Google JavaScript Style Guide Revision 2.93 Aaron Whyte Bob Jervis Dan Pupius Erik Arvidsson Fritz Schneider Robby Walker Each style point has a summary for which additional information is ava…

electron教程(番外篇一): 开发环境及插件, VSCode调试, ESLint + Google JavaScript Style Guide代码规范

我的electron教程系列 electron教程(一): electron的安装和项目的创建 electron教程(番外篇一): 开发环境及插件, VSCode调试, ESLint + Google JavaScript Style Guide代码规范 electron教程(番外篇二): 使用TypeScript版本的electron, VSCode调试TypeScript, TS版本的ESLint electron教程(二): http服务器, ws服务器, 子进程管理 electron教程…