0%

可能随时修改,若需转载请保留此头部,以便读者追本朔源。

本文地址 : https://zhukejin.com/2016/creat-100-array/

如题, 最初见到的问题是如何创建100个为元素为0 的数组
研究了一系列的方法,包含Es6 新的API ,不得不说, ES6 好强大!
如果问一个新手,那么得到的回答极有可能就是 循环,当然循环也无可厚非,毕竟能实现就行,但是我们如果闲的话,还是可以探讨一下到底有多少中方式可以解决这个问题

阅读全文 »

通过js 控制页面的 overflow: hidden 与 overflow: auto 切换的时候,由于页面总宽度变化导致文档跳动。

解决方案一: (纯CSS)

在页面主体元素上加上

1
margin-left: calc(100vw - 100%) !important;

这个方法需要一个定宽的主体元素,例如总的 wrap。
如果不是定宽而是自适应的,就会在左边出现与滚动条同宽的空白列。

其次: calc是CSS3中的计算,IE10+浏览器支持

阅读全文 »

天色青青向昏黄
凉风阵阵弄西窗
垂帘欲滴仲夏雨
落入行人颈间凉

本文系作者整合互联网资料加个人理解所写,或随时更改, 若需转载请保留此行,以便后来者追本朔源
本文地址:http://zhukejin.com/2017/12/01/creat-100-array/

不登高山, 不知山之高也。之前无过多接触CSS, 固步自封之下也不觉得CSS多么强大, 后来逐渐了解了点CSS3,觉得CSS已有发展为一门独立语言的潜力。

临渊羡鱼,不如退而结网, 总是羡慕别人的网站特效多好, 还是自己来研究CSS3吧。

CSS3效果好归好, 但是总是能碰到一些恶心的兼容问题,比如当下的 rgba …

1
2
3
4
5
.wrap {
background: rgba(0,0,0,0.8);
width: 100px;
height: 100px;
}
阅读全文 »

踩过的坑和走过的路
本文地址
转载请注明

最近业务上需要画一些表格,使用了HighChart,总体上还不错,但是总有一些坑需要一个个的去踩…

今天在画一个21个指标的折线图的时候遇到了一个问题:首先自定义x轴为类目,

1
["201301","201302","201303","201304","201305","201306","201307","201308","201309","201310","201311","201312","201401","201402","201403","201404","201405","201406","201407","201408","201409","201410"]

然后发现报错:

Highcharts Error #19
Too many ticks
This error happens when you try to apply too many ticks to an axis,
specifically when you add more ticks than the axis pixel length.
In practice, it doesn’t make sense to add ticks so densely that they can’t be distinguished from each other.
One cause of the error may be that you set a tickInterval that is too small for the data value range.
In general, tickPixelInterval is a better option, as it will handle this automatically.
Another case is if you try to set categories on a datetime axis,
which will result in Highcharts trying to add one tick on every millisecond since 1970.

这段的意思大概就是说图表上的点太密集了巴拉巴拉,如果太密集看起来不方便就没有作图的意义了巴拉巴拉…

去网上搜索也没有发现有人提出解决方案。

从报错字面意思上分析,是由于时间点过于密集而发生错误,于是我就去注释掉所有与时间有关的代码,在不停的尝试修改各个地方代码后终于发现原因所在:

1
2
3
4
5
6
7
8
9
10
...
...
plotOptions: {
series: {
pointStart: Date.UTC(<?php echo $pointStart; ?>),
pointInterval: 24 * 3600 * 1000, // one day
events:{

...
...

这段代码存在的意义在于之前计算x轴为默认时间点开始后每一天时间为一个点

但是如果自定义了类目后,就出现了 #19…

具体详情由于时间问题没有深究,先留一坑站个位置,以后慢慢研究。

为方便读者追本朔源,转载请注明本文地址来源,谢谢。

本文地址: http://zhukejin.com/2014/09/24/JavaScript-this/

this 是一个动态指针,它指向当前作用域对象,如果当前定义对象的作用域没有发生变化,那么this就会指向当前对象。
This可以存在于任何位置,并不局限与对象、方法内,也可以是其他特殊的上下文环境。

本文实验了下述七种情况:

  1. 在函数中的 This
  2. 在构造器中的This
  3. 函数的引用和调用中this的变数
  4. call 和 apply 对 this的影响
  5. 原型继承中的 This
  6. 异步调用的 This
  7. 定时器中的 This
  8. 被Evel() 方法解析的 This
阅读全文 »

本文为笔者实验总结
如有不正,请指点。

引文:偶然和朋友讨论了事件绑定冒泡和捕获的执行顺序,各持己见,久争不下。

于是实验一番_

此为 HTML 代码:

1
2
3
4
5
<body>
<ul class="ulclass">
<li class="li1class">1</li>
</ul>
</body>
阅读全文 »

序言:
有赵氏彦超者,自言高祖桂枝。年方双十余四,观如暮色苍苍,形同槁木,无有复出。尝混迹于豫中,今迷途与沪上。或痴逝者,跋扈与斯夫;或迷来往,鄙薄于析疑。码三载而不知春秋所以,妄求凰而不展翅游历。图精诚以新声代故,奈何篱下兮以彼物代新。
每每忧愁幽思,处处拊膺长叹,本天性疲软,亦难搏起雄风,故奋力而无始,无始而无果,无果而无终。故题词与之,其词曰:

赵家有子为贵胄,剑眉云鬓携星眸。
本应跋扈为骄子,不遂难成万户侯。
金玉不为草木生,草木何为金玉留。
徒抚碗著空度日,归尘终究使人愁。

甲午年 己巳月 戊戌日(四月二十九)

原文 : http://www.admin10000.com/document/4929.html

  • Blast.js

    • Blast.js通过字母、单词或是句子来分隔一段文本,这样你就可以把动画和样式注入到文本中。
  • Intense Images

    • Intense Images是一个可以让用户全屏查看原像素照片的javascript库,高质量的照片大小一般不只有电脑屏幕这么大,它提供我们滑动查看,效果非常完美。
  • Hammer.js

    • Hammer.js可以为你的网站添加触摸手势,是一个多点触摸手势库,能够为网页加入Tap、Double Tap、Swipe、Hold、Pinch、Drag等多点触摸事件,免去自己监听底层touchstart、touchmove、touchend事件并且写一大堆判断逻辑的痛苦。
  • epoch

    • Epoch是一个生成实时图表的javascript库,它专注于可视化编程的两个方面:为历史数据创建图表和实时的数据图表可视化显示。
  • Boba.js

    • Boba.js是一个易扩展的javascript库,它可以让添加谷歌统计变得简单,它不仅支持经典的ga.js库,而且支持新生的analytics.js,而且它有一个很酷的功能——trackLinks,trackLinks可以跟踪所有的子页面。
阅读全文 »

2013 年游至凤凰古城所作

暮辞大庸凤凰游
寄舟抚缘泛中流
两岸丝竹声声慢
一纸锦书事事休