hehekai-CSDN博客

原创 JavaScript队列函数和异步执行

编辑注：在Review别人的JavaScript代码时曾看到过类似的队列函数，不太理解，原来这个是为了保证函数按顺序调用。读了这篇文章之后，发现还可以用在异步执行等。假设你有几个函数fn1、fn2和fn3需要按顺序调用，最简单的方式当然是：fn1();fn2();fn3();但有时候这些函数是运行时一个个添加进来的，调用的时候并不知道都有些什么函数；这个时候可以预先定义一个数组，添加函数的时候...

2017-06-14 15:59:11 1305

原创 21条CSS高级技巧

CSS高级技巧: 21个有用的CSS小技巧，来帮你把CSS技能提高到高级水平 [Github上有8000多个star]。包括Flexbox、REM、:not()选择器、负的nth-child等。使用CSS复位CSS复位可以在不同的浏览器上保持一致的样式风格。您可以使用CSS reset 库Normalize等，也可以使用一个更简化的复位方法：* { box-sizing: border-box...

2017-06-12 15:50:18 1316

原创移动web开发规范

以下规范建议，均是Alloyteam在日常开发过程中总结提炼出的经验，规范具备较好的项目实践，强烈推荐使用字体设置body { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;...

2017-06-10 16:58:20 198

原创近几年工作经验中总结的JavaScript使用技巧

本文作者分享了作者近几年工作中的经验总结的 js 使用技巧，1.ajax接收JSON，需要用eval转化为字符串，2.ajax发出两个请求，使用同步解决问题，数组合并等1、如果 ajax 返回单一的 json 格式，接收方需要这样再格式化一下赋值：var str = eval("(" + msg + ")");开发引用： /// <reference path="http://x.aut...

2017-06-06 15:39:49 478

原创非常值得新手参考的jQuery主要API

本文整理了一些主要的jQuery API，其中包括jQuery 核心函数和方法、jQuery属性参考手册、jQuery CSS操作、jQuery选择器、jQuery文档操作、jQuery筛选操作、jQuery事件方法、jQuery效果、jQuery Ajax操作、jQuery工具函数、jQuery事件对象、jQuery延迟对象、jQuery回调函数，欢迎收藏使用，本手册会持续更新。jquery核心...

2017-06-03 16:08:10 784

原创前端新手必看的CSS参考手册

CSS 参考手册定期通过所有主流浏览器进行测试。CSS 属性CSS 属性组：动画背景边框和轮廓盒（框）颜色内容分页媒体定位可伸缩框字体生成内容网格超链接行框列表外边距Marquee多列内边距分页媒体定位打印Ruby语音表格文本2D/3D 转换过渡用户界面“CSS” 列指示该属性是在哪个 CSS 版本（CSS1、css3 或 CSS3）中定义的。...

2017-06-01 15:19:51 349

原创 CSS揭秘之沿着环形路径运动的动画

《CSS揭秘》里面发现一个很独特的一个动画，使用纯css3动画让一个元素沿着环形路径运动。听起来有点不可思议，本文将带你一起走进作者的文章中，由复杂到简单，由多个结构到简单结构解剖CSS3语句实现环形运动。具体动画样式演示：链接内容其它辅助的CSS代码可以查阅一下演示代码源码。这里就不再写出了。自身绕圆旋转首先作者给出了一副头像图片沿着环形路径运动，需求是希望头像顺着头像顺着一个大圆以转圈的方式移...

2017-05-31 15:11:48 3095

原创 jQuery二维码插件生成网页二维码

在移动端越来越流行的今天，在PC上做好之后经常会放置一个二维码引导用户到移动端上体验移动版的版本。如果是一个固定的二维码，我们只需要在网上找个地方生成图片，然后放上图片就可以了。但如果是地址不固定需要根据页面来生成的话。就有两种做法，一个是后端根据页面做一个动态的二维码。一种是前端使用插件生成。本文要推荐的是一个jQuery二维码插件，它可以根据你设定的地址来生成一个二维码，二维码可以有div格式...

2017-05-27 15:47:29 722

原创 Javascript获取缓存和清除缓存API

JavaScript ServiceWorker API的好处就是让web开发人员轻松的控制缓存。虽然使用ETags等技术也是一种控制缓存的技术，按使用JavaScript让程序来控制缓存功能更强大，更自由。当然，强大有强大的好处，也有弊处——你需要做善后处理，所谓的善后处理，就是要清理缓存。下面我们来看看如何创建缓存对象、在缓存里添加请求缓存数据，从缓存里删除请求缓存的数据，最后是如何完全的删除...

2017-05-25 15:23:27 2847

原创 ZeroClipboard.js使用一个flash复制多个文本框

ZeroClipboard.js是一个支持复制和粘贴的JavaScript插件，目前官方已经到2.x的版本了，但不支持IE9以下的浏览器，而如果要兼容，则可以使用1.x的版本，我使用的是最开始的一个版本：1.0.7的。该版本支持IE7和IE8，今天主要介绍如何使用一个flash支持多个复制文本。一般我们需要复制一个地方的时候，大多都使用下面这个代码新建一个对象：<div id="J_pop_...

2017-05-18 16:55:57 207

原创新手必看的css书写顺序和常用命名推荐

写css代码的时候有一个好的规范和顺序能够帮你节省很多时间。下文将推荐相关CSS书写顺序和规范的一些方法。这如果你有更好的意见，不妨留言告知我。CSS书写顺序该代码来自于互联网，最初好像是Mozilla的网站上。Display & Flow(显示与流)Positioning（位置）Dimensions（尺寸）Padding, Borders,Margins,Outline（填充、边...

2017-05-13 15:17:54 212

原创新手必看的jQuery参考手册主要API

本文整理了一些主要的jQuery API，其中包括jQuery 核心函数和方法、jQuery属性参考手册、jQuery CSS操作、jQuery选择器、jQuery文档操作、jQuery筛选操作、jQuery事件方法、jQuery效果、jQuery Ajax操作、jQuery工具函数、jQuery事件对象、jQuery延迟对象、jQuery回调函数，欢迎收藏使用。jquery核心函数函数 ...

2017-05-11 15:57:17 986

原创前端新手必看的JavaScript常用DOM操作方法和函数

本文分享了一些JavaScript常用的代码，有DOM操作、CSS操作、对象（Object对象、Array对象、Number对象、String对象、Math对象、JSON对象和Console对象）操作，值得收藏。一、节点1.1 节点属性Node.nodeName //返回节点名称，只读Node.nodeType //返回节点类型的常数值，只读Node.nodeValue //返回Te...

2017-05-08 15:22:34 380

原创新手需要留意的CSS中文乱码的解决方法

我的CSS里面有一个content用到了中文，作用主要是在前端日报文章中显示出“网页链接”这四个字，然而打开百度快照看文章的时候却发现有乱码的情况。今天来说说怎么解决CSS中文乱码。解决方法总结就是不要使用中文字体在需要显示在页面的样式中，而要用 Unicode 编码后的代码。比如“网页链接”这个转为Unicode代码为：\7F51\9875\94FE\63A5。转化方法你可以直接在chrome ...

2017-05-06 16:33:20 1179

原创新手前端基础:Doctype? 行内元素和块级元素

问题1：Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?<!DOCTYPE> 声明位于文档中的最前面的位置，处于标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。以下面这个 <!DOCTYPE> 标签为例：<!DOCTYPE...

2017-05-05 16:58:30 126

原创新手必看基础 JavaScript 前端装逼指南

导语：以下JavaScript代码仅为探讨交流，在实际情况中建议合理酌情使用，有些能给你的代码带来加分项，有些则是扣分，祝你装逼成功！Summary本文秉承着你看不懂是你sb，我写的代码就要牛逼的理念来介绍一些js的装逼技巧。下面的技巧，后三个，请谨慎用于团队项目中(主要考虑到可读性的问题)，不然，leader 干你没商量。Boolean 这个技巧用的很多，也非常的简单!!'foo'通过...

2017-04-28 17:19:22 342

原创新手如何书写优雅CSS代码

最近,经常有朋友问我一些工作中遇到的CSS问题。他们总是不能很好的控制CSS，影响CSS的效率发挥。我来分析总结一下错误所在，帮助大家更加容易使用CSS。本文总结了我开始使用CSS布局方法以来所有的技巧和兼容方案，我愿意把这些与你分享，我会重点解释一些新手容易犯的错误(包括我自己也犯过的)，如果你已经是CSS高手，这些经验技巧可能已经都知道，如果你有更多的，希望可以帮我补充。一.使用css缩写...

2017-04-26 14:39:22 769

原创新手可以参考的 CSS3实现逐渐发光的方格边框

一个使用伪元素来实现边框逐渐发光的代码，主要用到scale和opacity这两个属性。 HTML代码：<div class="light"> <img src="http://tva2.sinaimg.cn/crop.0.0.180.180.180/6830a53bjw8f2qo4xzc2zj20500500t0.jpg"/> <div class=...

2017-04-24 15:55:02 2630

原创前端新手必看的6 个值得好好学习的JavaScript 框架

编者注：如题，在你心目中有哪几个 JavaScript 框架值得好好学习呢？小编心里是有这么几个想学的：Angular、Vue.js、React Native、ES6等。来看看本文的6个框架的详细介绍吧。常言道，条条大路通罗马，可是那一条适合我呢？由于用于构建前端页面等现代技术的出现，JavaScript 在 web 开发社区早已是如雷贯耳。通过在网页上编写几个函数并提供执行逻辑，可以很好的支持...

2017-04-21 17:18:32 2091

hehekai的博客