自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(623)
  • 收藏
  • 关注

转载 svg画弧

http://www.pindari.com/svg-arc.htmlhttps://jsfiddle.net/8robssa0/http://jsbin.com/giyotacuxu/edit?js,output转载于:https://www.cnblogs.com/zyip/p/8978064.html

2018-05-01 23:28:00 298

转载 vue 动态创建组件(运行时创建组件)

function mountCmp (cmp, props, parent) { if (cmp.default) { cmp = cmp.default } cmp = Vue.extend(cmp) let node = document.createElement('div') parent.append...

2018-01-04 13:28:00 934

转载 decorator, async/await, generator

////////////decorator//////////function aopFunc (target, key, descriptor) { console.log('aopFunc')}class foo { @aopFunc bar () { console.log('fooo') }}///...

2017-09-25 00:45:00 333

转载 vue 动态加载组建

<component :is="comp1"></component>data () { return { comp1:'', }} require.ensure(['./top'], function(require){ let top1 = require(...

2017-04-10 16:40:00 142

转载 CSS 专业技巧

https://github.com/AllThingsSmitty/css-protips/tree/master/translations/zh-CNCSS 专业技巧目录专业技巧支持情况贡献准则专业技巧使用CSS复位继承box-sizing使用:not()选择器来决定表单是否显示边框为 body 元素...

2017-02-17 22:03:00 97

转载 mac set $java_home

http://guibin.iteye.com/blog/1999238转载于:https://www.cnblogs.com/zyip/p/6240641.html

2017-01-01 01:47:00 158

转载 将函数传给webworker

var zWorker = function (func,cb){var node = document.createElement('script'),workerId='worker' + Date.now()node.setAttribute('type',"javascript/worker") node.setAttribute('id',worke...

2016-12-21 17:21:00 629

转载 Inline Workers--Web workers without a separate Javascript file

<!DOCTYPE html><html><head> <meta charset="utf-8" /></head><body> <div id="log"></div> <script id="worker1" type="j...

2016-12-04 01:26:00 170

转载 css 九宫格

http://jsfiddle.net/webtiki/kQXkt/http://jsfiddle.net/webtiki/MpXYr/3/embedded/https://www.web-tinker.com/article/20778.htmlhttps://idiotwu.me/study/responsive-square/#viewwidth...

2016-11-17 15:59:00 85

转载 vue2

https://segmentfault.com/a/1190000006435886转载于:https://www.cnblogs.com/zyip/p/5933358.html

2016-10-06 03:02:00 66

转载 js profiler

https://developers.google.com/web/fundamentals/performance/critical-rendering-path/?hl=enhttps://developers.google.com/web/tools/chrome-devtools/profile/rendering-tools/analyze-runtime?hl...

2016-09-27 07:26:00 271

转载 vue 滚动加载

<template> <div class="wraper" @scroll="onScroll($event)"> <div class="item" v-for="item in items"> {{item}} </div> </div></template...

2016-09-25 23:23:00 74

转载 移动端样式

https://bumfo.github.io/dialog.htmlhttp://m.blog.youkuaiyun.com/article/details?id=50143759http://www.tuicool.com/articles/bEryYvz转载于:https://www.cnblogs.com/zyip/p/5861197.html...

2016-09-11 10:46:00 66

转载 微信防止漏出黑色背景

jquery$(function(){ $(document).on('touchmove', function (e) { e.preventDefault(); }); $('.scroll') .on('touchmove', function (e) { e.stopPropag...

2016-08-18 22:48:00 136

转载 flex 3 rows layout

html,body{height:100%}.wraper{ display:flex; flex-direction:column; height:100%; flex-wrap: nowrap; }div{ border:1px solid red;}.top{ height:20px;}...

2016-08-01 23:24:00 92

转载 移动web适配利器-rem In CSS3

http://www.alloyteam.com/2016/03/mobile-web-adaptation-tool-rem/转载于:https://www.cnblogs.com/zyip/p/5642382.html

2016-07-05 09:16:00 193

转载 千份位Javascript Thousand Separator / string format

function Separator(str){return str.split(/(\d+)(\d{3})(\d{3})(\d{3})(\d{3})/).join(',').replace(/^,?/,'').replace(',.','.');}  https://github.com/zyip/Numeral-js/blob/master/nume...

2016-07-04 22:48:00 128

转载 mousewheel 模拟滚动

div{ box-sizing:border-box; } .father{ width:500px; height:400px; margin:auto; margin-top: 50px; border: 1px solid red; overflow: hidden; ...

2016-06-28 22:58:00 426

转载 immutability-javascript

https://www.sitepoint.com/immutability-javascript/转载于:https://www.cnblogs.com/zyip/p/5569106.html

2016-06-08 09:50:00 80

转载 High Performance Animations

http://www.html5rocks.com/zh/tutorials/speed/high-performance-animations/转载于:https://www.cnblogs.com/zyip/p/5554953.html

2016-06-03 02:01:00 90

转载 无缝循环滚动

<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title></head...

2016-05-30 07:40:00 128

转载 腾讯地图拾取坐标

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="width=device-width, initial-...

2016-05-28 07:17:00 2302

转载 jade 渲染js片段

script. str = !{JSON.stringify(val)};res.render('wxpay', {val:result});转载于:https://www.cnblogs.com/zyip/p/5526895.html

2016-05-25 14:33:00 161

转载 An Introduction to the Basics of Modern CSS Buttons

https://www.sitepoint.com/modern-css-buttons/转载于:https://www.cnblogs.com/zyip/p/5525974.html

2016-05-25 09:55:00 76

转载 Untangling Spaghetti Code: How to Write Maintainable JavaScript

https://www.sitepoint.com/write-maintainable-javascript/转载于:https://www.cnblogs.com/zyip/p/5521795.html

2016-05-23 22:41:00 105

转载 10 Guidelines for Better Website Background Videos

https://www.sitepoint.com/10-guidelines-better-website-background-videos/转载于:https://www.cnblogs.com/zyip/p/5521603.html

2016-05-23 22:05:00 91

转载 Intuitive Scrolling Interfaces with CSS Scroll Snap Points

https://www.sitepoint.com/intuitive-scrolling-interfaces-with-css-scroll-snap-points/转载于:https://www.cnblogs.com/zyip/p/5521588.html

2016-05-23 22:00:00 65

转载 react fake double , bind click and dblclick on the same element

smartClick:function(id,name,waiter,e){ var desk = $$(e.currentTarget).data('raw'); if(this.lastClickTime[id] && ((new Date())-this.lastClickTime[...

2016-05-23 15:57:00 110

转载 让你的:active好好工作

在某些版本的safari上,:active伪类不生效,可以通过css和js两种方式hack一下:html <div class="button"> 点击时我应该变红 </div> css.button{ display:block; width:200px; height:40px; ...

2016-05-23 10:01:00 112

转载 jslint

auto execution/self execution/Immediate functionhttp://www.jslint.com/(function () { 'use strict'; alert(0);}());转载于:https://www.cnblogs.com/zyip/p/5468140.html...

2016-05-07 12:27:00 80

转载 json keyname map

var obj = { fname:'zhao', lname:'yao', parents:{ father:'zhao' }, children:[ { dname:'zhaoyiyi' } ]}var hash={fname:'firstname',lname:'lastn...

2016-05-06 15:06:00 93

转载 http2

http://http2-explained.haxx.se/content/zh/转载于:https://www.cnblogs.com/zyip/p/5373659.html

2016-04-10 11:29:00 74

转载 CSS动画中的贝塞尔

http://ued.ctrip.com/blog/4362.html转载于:https://www.cnblogs.com/zyip/p/5373633.html

2016-04-10 11:21:00 96

转载 iPhone 6的自适应布局

http://ued.ctrip.com/blog/translation-iphone-6-adaptive-layout.html转载于:https://www.cnblogs.com/zyip/p/5373233.html

2016-04-10 01:06:00 79

转载 懒人椅子

http://www.ixiqi.com/archives/17581http://fashion.cnmo.com/21/219051.htmlhttps://www.behance.net/gallery/400172/Twist-Chairhttp://materialicious.com/2011/02/twist-chair-by-miray-oktem.ht...

2016-04-08 13:45:00 77

转载 drag to scroll

http://codepen.io/JTParrett/pen/rkofB转载于:https://www.cnblogs.com/zyip/p/5366388.html

2016-04-08 04:46:00 114

转载 基于CSS3的WEBAPP横向滑动模式演化

http://ued.ctrip.com/blog/webapp-horizontal-sliding-mode-based-on-css3-evolution.html转载于:https://www.cnblogs.com/zyip/p/5361947.html

2016-04-07 02:42:00 88

转载 如何实现一个 Virtual DOM 算法

http://mp.weixin.qq.com/s?__biz=MzI5MTE4NjQ4Ng==&mid=401684442&idx=1&sn=18750a1fe95490ec43b963fd0e750962转载于:https://www.cnblogs.com/zyip/p/5352446.html

2016-04-04 17:41:00 49

转载 jQuery- v1.10.2 源码解读

https://github.com/chokcoco/jQuery-转载于:https://www.cnblogs.com/zyip/p/5352445.html

2016-04-04 17:40:00 175

转载 css技巧

水平垂直居中http://www.tuicool.com/articles/FZzQreV转载于:https://www.cnblogs.com/zyip/p/5351271.html

2016-04-04 00:27:00 59

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除