scale.fix.js

无意间在一个网站上看到的,本来是对另一个效果感兴趣的,结果看到这个放开来的js就读了一下. var metas = document.getElementsByTagName('meta'); var i; if (navigator.userAgent.match(/iPhone/i)) { for (i=0; i<metas.length; i++) { if (metas[i].name == "viewport") { metas[i].content = "w…

JavaScript-Clipper.js

Clipper.js下载地址:https://sourceforge.net/projects/jsclipper/files/latest/download使用Javascript Clipper库,您可以通过多种方式修改路径(多边形和折线)的几何形状. 特点: 1. 主要布尔运算:和.相交.差和或. 2. 用正数或负数抵消路径. 其他功能包括: 3. 简化多边形,这意味着将自相交的多边形转换为简单的多边形.执行此操作后,将具有自相交部分的面分解为多个简单面. 4. 计算多边形的面积. 5. …

CSS动画划入划出酷炫

HTML插入 <!DOCTYPE html> <html class="no-js iarouse"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <meta name="d…

基于git的博客(含站点与小程序)

1 效果静态站点: blog.makergyt.com 备用链接: github.blog.makergyt.com 小程序: 语雀:<MakerGYT blog> 2 需求分析 2.1 做专注于写markdown文档,或者说专注于内容. 一端书写,多端同步:小程序.静态站点快速的静态托管.持续集成.页面资源加载 2.2 不做不需要满足随时随地写文章,因为随时随地写的大部分是随笔.记录一类的帖子,若要呈现出来,必然要经过整理. 不需要自定义主题风格,博客就主体业务类型(除了评论.点赞.…

EasyUI+Knockout实现经典表单的查看、编辑

此文章是基于 1. 搭建SpringMVC+Spring+Hibernate平台 2. 自制xml实现SQL动态参数配置 3. 利用DetachedCriteria构建HQL参数动态匹配 4. 常用日期处理方法工具类 5. 常用类型转换方法工具类一. 准备工作注:子项目 mms 全称:material management system:子项目 sys :基础信息.权限管理系统 1. 点击此下载 ims.rar,解压缩并把文件放到 ims 工程对应的文件夹下二. 前端框架特色 1. js库…

利用 Chromium Embedded Framework (CEF) 定制提取 Flash 视频的浏览器

功能介绍: 利用 CEF 分析网页源码, 提取 flash 视频的代码. 提取的视频代码 LoadString 和 JS 两种方式重新插入到浏览器. (CEF_3.2171.1979_win32 - Chromium Verison 39.0.2171.95 + VS2010) flash 宽度小于 200 的自动过滤 filter.flash.id.ini 文件中可输入要过滤的 flash ID 按钮说明: Flash 网页全部载入后单击 Flash 按钮,提取 flash 视频的代码 Fix…

ios9下ionic框架报[$rootScope:infdig] 10 $digest() iterations reached. Aborting!的解决办法

升级ios9后,ionic开发的app会报[$rootScope:infdig] 10 $digest() iterations reached. Aborting!的错误,加上一个patch就可以解决在index.html里引入js<script type="text/javascript" src="js/angular-ios9-uiwebview.patch.js"></script> app.js里加入dependency 'ng…

解决微信小程序使用wxcharts在屏幕不固定问题-开发工具里也显示好了布局，为啥到真机就是乱的

解决微信小程序使用wxcharts在屏幕不固定问题-开发工具里也显示好了布局,为啥到真机就是乱的 .chart{ width: 100%; text-align: center; } .canvas{ /* position: absolute; top: 10%; */ width: 100%; height: 600rpx; transform: scale(0.7) } js文件里设置了 width: windowWidth, height: 300, dataLabel: true 开发…

Eslint相关知识和配置大全

ESLint最初是由Nicholas C. Zakas 于2013年6月创建的开源项目.它的目标是提供一个插件化的javascript代码检测工具. 代码检查是一种静态的分析,常用于寻找有问题的模式或者代码,并且不依赖于具体的编码风格. ESLint 可以让程序员在编码的过程中发现问题而不是在执行的过程中. ESLint 使用 Node.js 编写,这样既可以有一个快速的运行环境的同时也便于安装. 一. 环境配置在npmjs.com内查询 eslint 可以发现目前最新版Eslint@5.4…

linux安装nodejs运行vue程序

linux安装nodejs运行vue程序 1.与node官网下载安装包 https://nodejs.org/zh-cn/download/ 6.上传到服务器,并解压 tar -xvf node-v10.15.3-linux-x64.tar.xz,将解压出来的文件夹改个名mv node-v10.15.3-linux-x64 nodejs 3.配置环境变量 ln -s nodejs位置/bin/npm /usr/local/bin/ ln -s nodejs位置/bin/node /usr/loc…

re.match re.search re.findall区别

re正则表达式里面,常用的三种方法的区别. re.macth和search匹配得到的是match对象,findall得到的是一个列表. match从字符串开头开始匹配,search返回与正则表达式匹配的第一个子串,findall则返回所有匹配到的. 如果要匹配的东西是字符串中唯一的只有一个或者直线那个取一个,最好不用findall,findall能匹配所有必然会查找整个字符串,search找到一个就结束查找了.废话不多说,选取一个页面源码大的网页,例如获取新浪网页的编码. #coding=utf…

7款基于jquery的动画搜索框

无论是电商网站,还是媒体网,还是个人博客,每个网站都有属于自己个性化的搜索框.今天小编给大家带来7款基于jquery的动画搜索框.每个搜索框都采用了动画效果,一起看下效果图吧. 在线预览源码下载实现的代码. html代码: <h1> CSS Animated Search Boxes</h1> <p> (with occasional help from javascript to assign focus)</p> <div class=&q…

基于easyUI实现经典系统主界面

此文章是基于 EasyUI+Knockout实现经典表单的查看.编辑一. 相关文件介绍 1. home.jsp:系统主界面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8&…

Cheatsheet: 2017 04.01 ~ 04.30

Other ReactXP - A LIBRARY FOR BUILDING CROSS-PLATFORM APPS Merging vs. Rebasing Better Git configuration Stack Overflow's Annual Developer Survey 68 Resources for Creating Programming Languages, Part 1 Mobile Create a Blackjack Game in Swift 3 and Sp…

[NPM] Pull out npm scripts into another file with p-s

A technique you might use once you start having lots of npm scripts is to use a node package that allows you to define your scripts in an external package-scripts.js file. By pulling out your scripts it can help with organization, enable better comme…

微信小程序侧边栏滑动特效(左右滑动)

侧边栏滑动是很常见的功能,但是小程序出来不久,很多特效还没有成熟案例,只能原生重写,所以今天为大家带来4个漂亮的侧边栏特效~~ 侧边栏特效一先看效果: wxml:  <view class="page"> <view class="page-bottom"> <view class="page-content"> <view class=&…

gulp常用插件之gulp-eslint使用

更多gulp常用插件使用请访问:gulp常用插件汇总 ** gulp-eslint**这是一个用于识别和报告在ECMAScript/JavaScript代码中找到的模式的Gulp插件.. 更多使用文档请点击访问gulp-eslint工具官网. 安装一键安装不多解释 npm install --save-dev gulp-eslint 使用基础使用: const {src, task} = require('gulp'); const eslint = require('gulp-eslint…

H5_0013：CSS特色样式集

按比例变化,同时又限制最大宽高 ".start-wrap {", " width:40%;", " top: 83.21%;", " max-width: 143px;", " max-height: 2px;", " position: absolute;", " left: 50%;", " transform: translate(-50%,0%);&…

【 D3.js 入门系列 --- 4 】如何使用scale（比例）

在上一节中使用了一个很重要的概念 — scale (这个不知道翻译成什么,暂且叫它比例).本节将重点介绍它的相关使用方法. 在介绍 scale 之前,先介绍两个经常和 scale 一起出现的函数,在上一节中也出现了. d3.max() d3.min() 它们用于求一个数组中的最大值和最小值,如果是一维数组,使用方法如下: var dataset = [ 30, 20 , 52 , 2 , 11 ]; var result = d3.max( dataset ); 变量 result 中保…

【 D3.js 入门系列 — 4 】如何使用比例尺（ scale ）

上一章中使用了一个很重要的概念 — 比例尺( scale ),本节将解说其使用方法. 1. 最大值和最小值在介绍比例尺( scale )之前,先介绍两个经常和比例尺一起出现的函数,在[第3章]中也出现了. d3.max() d3.min() 这两个函数用于求一个数组中的最大值和最小值,如果是一维数组,使用方法如下: var dataset = [ 30, 20 , 52 , 2 , 11 ]; var result = d3.max( dataset ); 变量 result 中保存的是数组…

【 D3.js 入门系列 --- 4 】怎样使用scale（比例）

本人的个人博客为: www.ourd3js.com csdn博客为: blog.csdn.net/lzhlzz 转载请注明出处,谢谢. 在上一节中使用了一个非常重要的概念 - scale (这个不知道翻译成什么,暂且叫它比例).本节将重点介绍它的相关用法. 在介绍 scale 之前,先介绍两个常常和 scale 一起出现的函数,在上一节中也出现了. d3.max() d3.min() 它们用于求一个数组中的最大值和最小值,假设是一维数组,用法例如以下: var dataset = [ 3…

[Tips]Fix node.js addon build error: "gyp: binding.gyp not found"

基于node-gyp写Node.js native addon的时候,碰到一个很恶心的问题. 调用“node-gyp configure”能成功,再调用“node-gyp”时总会报错,最后发现时系统时间不对. # Sympton $ node-gyp configure $ node-gyp build make: Entering directory `/home/piaoger/Public/Piaoger/nodeaddon/build'make: Warning: File `Relea…

使用d3.js的时候，如何用zoom translate scale限制拖拽范围

红色代表需要改写的代码 1.添加定义图像大小和容器的大小及坐标 d3.behavior.zoom = function () { var moveCanvas={ width: , height: , cx:,cy:,cwidth:,cheight: }; var view = { x: , y: , k: }, translate0, center0, center, size = [ , ], scaleExtent = d3_behavior_zoomInfinity, duration…

使用js从element的matrix推导transform的scale、rotate 和 translate参数

transform 网上很多都只介绍了还原角度和缩放的参数,但是没有就偏移量的计算,自己还原了一下公式的意义,进行了公式的反推,具体的推到过程就不详叙了,可以参看w3c的矩阵含义. 直接上干货. function getElementCss(e, name) { var st = window.getComputedStyle(e, null); return st.getPropertyValue(name); } function getTransformPara(elem) { // va…

jquery——移动端滚动条插件iScroll.js

官网:http://cubiq.org/iscroll-5 demo: 滚动刷新:http://cubiq.org/dropbox/iscroll4/examples/pull-to-refresh/ 'Carousel' demo iScroll功能很强大,目前我只用来自定义滚动条以下简单介绍一下iscrol在移动端自定义滚动条时的使用和注意事项. 一.用法 iScroll对要滚动的元素进行初始化,且不限制一个页面中使用iScroll的元素个数. 使用iScroll时,DOM树的结构要足够…

js图片左右旋转

图片显示 <p> <a href="images/example2.jpg" rel="lightbox-group" title="Double click for full size"><img style="width:200px;" src="images/example2.jpg" /></a> <a href="images/exa…

[应用][js+css3]3D盒子导航[PC端]

CSS3构建的3D盒子之导航应用 1.在用css3构建的盒子表面,放上iframe,来加载导航页面. 2.鼠标左键按下移动可旋转盒子,寻找想要的网址. 3.左键单机盒子表面,将全屏现实所点盒子表面的网站[iframe中],并可浏览,关闭后返回原来状态. 4.PC端,将额外显示2个css3做的旋转盒子[没什么意义] 5.移动端只显示一个导航盒子[模拟器正常,真机无效,留待以后查看,兼容开发有待提高...] 注:原本打算排列导航盒子,这样的话导航也变得比较好玩但是,如果使用iframe来显示网站预…

javascript: jquery.gomap-1.3.3.js

from:http://www.pittss.lv/jquery/gomap/solutions.php jquery.gomap-1.3.3.js: /** * jQuery goMap * * @url http://www.pittss.lv/jquery/gomap/ * @author Jevgenijs Shtrauss <pittss@gmail.com> * @version 1.3.3 2014.11.27 * This software is released under…

zepto.js 源码解析

http://www.runoob.com/w3cnote/zepto-js-source-analysis.html Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api. 如果你会用jquery,那么你也会用zepto. Zepto 中文手册:http://www.w3cschool.cc/manual/zeptojs.html /* Zepto v1.0-1-ga3cab6c - polyfill zepto detect event aj…

日常css和js小知识点记录

2015-6-29 1.<meta name="viewport" content="width=device-width,user-scalable=no">设置屏幕宽度为设备宽度,禁止用户手动调整缩放 <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, u…

【scale.fix.js】的更多相关文章