Jerry丶Hu-CSDN博客

原创移动端H5多页开发拍门砖经验

两年前刚接触移动端开发，刚开始比较疑惑，每次遇到问题都是到社区里提问或者吸取前辈的经验分享，感谢热衷于分享的开发者为前端社区带来欣欣向上的生命力。本文结合先前写的文章和开发经验分享给大家，希望也能帮助刚步入移动端开发的新人解惑。以下会以其中一个以公积金页面开发项目作为例子，介绍移动端的一些常见问题和使用Vuejs作为lib进行多页开发的经验。移动端自适应布局在项目中移动端最常用的自适应布局方...

2018-10-18 15:25:14 330

原创 Javascript中数组方法reduce的妙用之处

Javascript数组方法中，相比map、filter、forEach等常用的迭代方法，reduce常常被我们所忽略，今天一起来探究一下reduce在我们实战开发当中，能有哪些妙用之处，下面从reduce语法开始介绍。语法array.reduce(function(accumulator, arrayElement, currentIndex, arr), initialValue)若...

2019-06-09 14:49:19 194

原创 jQuery的世界--简单核心的总结

最近重温了《锋利的jQuery》这本书，受益匪浅。初学jQuery的时候觉得jQuery是JS的框架，因此在学习jQuery的过程也先读了《Dom编程艺术》，如今正在看《JS高级程序设计》一书。但其实对于一个初入前端的新手来说，如果觉得JS入门曲线太陡峭，那么在不了解JS的情况下就可以与jQuery摩拳擦掌了，原因在于这个框架简单、实用、入门快，领悟高的话一个月内就能上手做项目。以下是自己最近几...

2019-05-17 21:44:48 305

原创 CSS3transform属性详解

Transform字面上就是变形，改变的意思。在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动translate具体如何实现，老样子，我们就从transform的语法开始吧。语法：transform ...

2019-05-17 21:43:30 17251

原创如何快速做一个HTML5移动播放器

这段时间公司一直在做一个PC的教育类单页应用，庞大复杂，涉及非常多H5的知识，音频就是其中的一部分。前些天偷台风的闲暇时写了一个移动音乐播放器，作为练手项目（存放在码云）。若你觉得该文章对你有帮助，别忘了点个赞啦。**在线地址：**请猛击这里**源码：**请猛击这里注意：使用PC浏览最好打开移动设备模式，使用移动设备浏览需要关闭无痕浏览模式（否则无法使用本地存储，一般浏览器都是默认不开启），...

2019-05-17 21:42:11 581

原创前端入门系列（三）：javascript数组方法

ECMAScript3定义的数组方法转换：join()排序: reverse()、sort()连接：concat()裁剪: slice()插入、删除：splice()、push()、pop()、unshift()、shift()对象方法：toString()、toLocaleString()join()将数组中所有元素转化为字符串并连接在一起，返回最后生成的字符串。可以指定一个...

2019-05-17 21:41:19 197

原创前端入门系列（二）：javascript字符串对象方法

字符方法chatAt()和chatCodeAtcharAt()和charCodeAt()这两个方法接收一个参数，即基于0的字符位置。chatAt()以单字符字符串的形式返回给定位置的那个字符。chatCodeAt()返回给定位置的那个字符的字符编码。var stringValue="hellow";stringValue.chatAt(1); //"e"stringVal...

2019-05-17 21:40:42 550

原创前端入门系列（一）：jQuery核心总结

最近重温了《锋利的jQuery》这本书，受益匪浅。如果你和前端若只如初见，如果你和jQuery一见钟情，一纸文字铺满了你相恋的他（她）的所有。我把整理出来的知识点用网状图串联了起来，并且每个部分分点概述，将一些类似的方法和属性排列在一起。其实最重要的区块就是5个部分。**根据用户交互的基本流程，通常代码是获取元素，然后绑定相应的事件，接着触发这个事件后可以选择不同的交互方式。**比如增加节...

2019-05-17 21:40:03 246

原创基于七牛SDK构建的Vue单页图片管理应用

牛牛图床Vue-cli脚手架构建的七牛图片管理图床单页应用（基于museui），前后端分离。后端基于express及七牛nodejs-SDK开发，服务原本部署在Heroku，由于服务响应速度慢的原因，已将服务部署在云服务器上。项目地址：源码地址：https://github.com/alex1504/vue-qiniu-image-bed在线地址：http://cowbed.huzeru...

2019-05-17 21:39:13 589

原创一个能生成精美代码图片的工具Carbon

今天给大家分享一个在线代码图片生成网站，支持多种主题，他就是Carbon，如果你喜欢写博客或许会用到。GitHub 地址：https://github.com/dawnlabs/carbon作者：Dawn Labs工具地址：https://dawnlabs.io/carbonCarbon：为源代码生成漂亮的屏幕截图，支持配色方案、字体、窗口控件等多种配置。先来看看几张生成的代码图：支持圆角...

2019-05-17 21:35:47 5468 1

原创理解CSS布局和块格式化上下文

在进行html布局及css编写的时候，你是否遇到过这样的问题：子元素设置浮动脱离文档流后，父元素无法将其完全包裹子元素浮动实现两栏布局时，另一个子元素与浮动子元素重叠垂直方向的外边距margin重叠…通常我们使用块级格式化上下文（BFC）就能解决。什么是BFC？块格式化上下文（Block Formatting Context，BFC）是Web页面的可视化CSS渲染的一部分，是...

2019-05-15 21:48:10 183

原创 Node12有哪些值得关注的新特性？

前言时隔一年，Node.js 12 如约而至，正式发布第一个 Current 版本。它将从2019年10月开始进入长期支持（LTS）版本直到2022年4月。该版本带来的新特性：V8 更新带来好多不错的特性。HTTP 解析速度提升。启动速度大幅提升。更好的诊断报告和堆分析工具。ESM 模块更新。LTSNode维护了着两条发布流程线：奇数版本每年的10月份发布，偶数版本第二年的...

2019-04-29 09:15:42 1048

原创常见的JavaScript“陷阱”

随着ES6标准的普及，JavaScript已经拥有许多新的语法糖，这让我们编写可读的，高质量的代码变得更加方便，但即使这样仍然会遇到一些潜在的"陷阱"。箭头函数与对象字面量箭头函数提供了更简洁和更短的语法，其中一个可用功能是您可以将函数编写为具有隐式返回值的lambda表达式。例如：const numbers = [1, 2, 3, 4];numbers.map(function(n)...

2019-04-29 09:14:38 155

原创基于bmob后端云小程序开发——口袋吉他

人的一生90%的时间都在做着无聊的事情，社会的发展使得我们的闲暇时间越来越多，我们把除了工作的其他时间放在各种娱乐活动上。程序员有点特殊，他们把敲代码看成娱乐活动的一部分，以此打发时间的不占少数。这不最近无聊搞了一个口袋吉他小程序，使用bmob后端云提供数据存储服务，除吉他谱图片，其他图片存储在七牛。关于bmob小程序开发文档请戳这里，文档详细简练，主要是缩短了开发周期，不过对于复杂的项目，还...

2018-11-12 14:37:40 553