从零开始node全栈学习笔记(一)

计划写一个node全栈的学习过程,不定期更新,因为不想给自己的定位只是前端开发,想多了解后端的学习。笔记最初是记在有道云笔记的,现在分享出来,如有问题可以请各路大神指点。首先需要一个服务器。使用远程登录工具(如x-shell或secure)登录终端:ssh username@ip输入对应的密码安装...

2017-12-11 11:05:10

阅读数:755

评论数:0

js(借助jquery库)实现倒计时

不考虑样式,在此上一段 js倒计时的代码 function countDown(){ var time_now = new Date(); var time_end = new Date(2017, 0, 6,21,29,59);//月份记得减1 time_end = ti...

2017-01-05 11:55:30

阅读数:309

评论数:0

js中点击事件可能产生的闭包

相信很多同学在写js的时候都遇到过闭包的问题,让我们先来看一个背景介绍, 有这样一组按钮,可能是成千上万个,他们需要一个点击事件来处理不同的情况,最暴力的办法是为每个按钮绑定一个事件,但这显然不是最佳的方法。那么最佳的方法是什么呢?假如他们每个按钮都有一个序号(我将这些按钮的id以升序排列,并存...

2016-12-17 16:52:50

阅读数:1860

评论数:0

用css的border属性画三角形

在网上你可以随意搜到很多用css的border属性画的图形,比如面包屑导航、三角形等等,画这些图形可能结合了css的伪类:before 、 :after等,当然也可能没有,这并不影响我今天要分享的,当初作为新手的我看到这些代码觉得很神奇但并不能理解,今天,在相对理解的基础上我自己画出了这些三角形更...

2016-11-03 14:25:45

阅读数:1543

评论数:0

移动端开发实战经验

这是最近在移动端web-view中开发app时实际碰到的一些比较棘手显而易见的问题的小总结.首先说说问题的表现形式.有一天, 安卓开发人员拿来一部魅族手机, 给我展示了一下我写的html页面中出现比较奇怪的问题, 就是用highcharts画图画的图的高度变得十分诡异, 当时的表现是无限大. ...

2016-09-02 15:52:26

阅读数:375

评论数:0

移动端开发rem单位的格式化js文件flexible.js

有关前端开发的移动端适配, 借助rem可以省去很多媒体查询的工作, 对于rem, 可以在css中做一些规定, 也可以直接通过js来控制, 这样, 更是最大程度的还原了设计图.以下代码为转载;(function(win, lib) { var doc = win.document; ...

2016-08-19 16:14:33

阅读数:2161

评论数:0

移动端web开发的小笔记

移动端的开发跟PC端的开发还是稍有区别的,以下内容是个人移动开发的经验,后期会不定时更新错误以及新的内容 一、从meta标签说起 首先,在移动端,我们希望将页面窗口自动调整到设备宽度,需要的meta标签是这样 <meta name="viewport" content...

2016-07-11 11:23:23

阅读数:432

评论数:0

js实时获取鼠标所在坐标

js实时获取鼠标所在的位置。

2016-06-13 10:30:20

阅读数:11887

评论数:0

css实现垂直居中 + Yahoo前端优化十四条军规

css 垂直居中 Yahoo前端优化十四条军规

2016-05-16 12:02:22

阅读数:616

评论数:0

javascript 小知识(技巧、方法) ---面包屑导航 文字上下滚动

面包屑导航 文字上下滚动 js css

2016-05-16 11:37:36

阅读数:368

评论数:0

javascript小方法之数组去重、数字转成逗号分隔、html元素去标签

一、数组去重 javascript数组去重,首先介绍一种时间复杂度比较高的方法,先给这个数组排序,之后再遍历数组,当遇到重复的元素时跳过即可。这个方法耗时的地方在对数组排序。 下面介绍一种方法:function my_unique (txt) {//text是需要去重的数组 var r...

2016-04-04 17:02:32

阅读数:1793

评论数:0

JavaScript小知识之数据类型

JavaScript是弱类型语言。JavaScript的数据类型分为两类,原始类型和对象类型。JavaScript中的原始类型包括数字Number、字符串String、布尔值Boolean,它有两个特殊的原始值,null和undefined。简单说说null和undefined。 null是Jav...

2016-03-30 16:46:00

阅读数:332

评论数:0

事件传播的三个阶段

事件传播的三个阶段 第一阶段:从window对象传导到目标节点,称为“捕获阶段”(capture phase)。 第二阶段:在目标节点上触发,称为“目标阶段”(target phase)。 第三阶段:从目标节点传导回window对象,称为“冒泡阶段”(bubbling phase)。这种三阶段的传...

2016-02-26 15:18:39

阅读数:2204

评论数:0

html + css + javascript 制作时间轴

在做很多小功能的时候,我们可能都需要时间轴,比如版本记录,或者一个流程的记录,简洁明了的设计会给人眼前一亮的感觉,如何大气简洁又能表述清楚呢,我这里有一个版本。 当中的设计包括三角对话框的制作,我在上一篇博客中提过,圆形的制作,定位布局,也有可能,还需要一个回到顶部的功能。回到顶部如果不要求美观别...

2016-02-26 15:00:50

阅读数:4376

评论数:0

html+css制作带三角的矩形

网上有很多html+css制作带三角的矩形的方法,我在这里列举其中一种,兼容bootstrap3。我们先来看一个三角在左边的对话框的效果图 矩形就不必说了,矩形的border-radius也不用说了,圆角可以自己设置,可以直接用bootstrap中的类。下面说下矩形左边的小三角,我们可以这么设置...

2016-02-26 14:36:34

阅读数:2415

评论数:0

jQuery实现侧边导航手风琴效果

侧导航的手风琴效果是指,点击含子层导航的父导航时,使原本隐藏的子导航显示,再次点击,子层导航又恢复隐藏,同时,同一时间只有一个父导航的子导航能够显示 $("#sidenav > li").find('.sub-nav').hide(); var ico =...

2015-11-18 19:27:07

阅读数:1281

评论数:0

jQuery实现侧边导航点击隐藏动画设计

现在有这样一个需求,对于左侧的导航,当我点击导航的最上方时,原本显示的导航隐藏,再次点击后,隐藏的导航显示,以此反复,同时,在导航隐藏的状态下悬浮在导航的内容上时,导航也显示,当前状态下鼠标不悬浮在导航上时,导航恢复隐藏,其实是一个很简单的效果,但只有这样清楚的表达出来才能更好的实现,在这里用jQ...

2015-11-18 19:20:46

阅读数:531

评论数:0

bootstrap 三级导航

三级导航的实现方式有很多,javascript+css就能实现,很多人也写过相应的插件来专门实现这个效果,对于bootstrap来说,三级导航实现起来就很容易了,用bootstrap实现三级导航的另外一个优点是你可以简单修改样式自定义效果,如何做到呢? 首先看一个简单的三级导航<nav c...

2015-11-18 19:01:08

阅读数:2008

评论数:1

CSS3 box-shadow

工作需要需要一个box-shadow效果,需要内阴影,且div的四周都要有阴影,对于CSS的box-shadow效果,有人说外阴影可以理解为从盒子的上方照下去投出的阴影,而内阴影则是从侧面照过去投出的阴影,这样想的话,就不难理解为什么设置内阴影的时候出现的效果一般都是left和bottom,或者t...

2015-11-18 18:41:37

阅读数:594

评论数:0

JavaScript 闭包

闭包是JavaScript中非常重要的特性,看过很多讲闭包的,最近在Stoyan Stefanov著的一本 Object-Oriented JavaScript中看到的讲解觉得十分易于理解,在此分享下:现在,让我们先通过图示的方式来介绍一下闭包。 首先是全局作用域,我们可以将其看做包含一切的宇宙...

2015-09-27 10:57:14

阅读数:321

评论数:0

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