摘要：
移动端开发的兼容问题 文章已同步我的github笔记https://github.com/ymblog/blog，欢迎大家加star~~ 1、ios下input为type=button属性disabled设置true,会出现样式文字和背景异常问题。 解决方案:使用opacity=1来解决 2、对非可 阅读全文
摘要：
最近几个月一直用vue在写手机端的项目，主要写业务逻辑，在js方面投入的时间和精力也比较多。这两天写页面明显感觉css布局方面的知识有不足，所以复习一下布局方法。 两栏布局 1、浮动 .box1 .left { float: left; width: 100px; height: 100px; ba 阅读全文
摘要：
起因 起因有二： 在看winter老师的分享：《一个前端的自我修养》时，有注意到这么一幅图，里面有写childNode和children属性。 昨天有学弟问起我，能否自己定义一个所有元素节点通用的方法，就像数组可以用 Array.prototype.xxx 来添加一个所有数组的方法。于是发现自己对于 阅读全文
摘要：
布局何如让一个标签上下左右都居中？这有什么难的，给定子标签的宽，再让它的边距上下为0，左右为auto;如下： .child{width:10px;margin:0 auto;}//子标签 它就可以左右居中了。上下的话，就是让父标签展现成表格，子标签展现成单元格并把vertical-align属性设置 阅读全文
摘要：
如图可见flex的属性分为父容器和子容器的属性共12个。关于这些属性具体代表什么意思，网上有很多教程的文章，自觉不能写得比别人更好，所以这里主要写了一些例子关于父容器属性效果的演示，希望可以帮助大家理解。后续还会有关于子容器演示的地址更新。flex布局父容器属性部门效果演示地址 如图可见flex的属 阅读全文
摘要：
对于前端性能优化我们不得不了解的几个知识点：CDN、HTTP header信息 今天我就来谈谈我对cdn的理解 1、CDN是什么：CDN全称是Content Delivery Network,即内容分发网络。将网站内容发布到接近用户的服务器上。用户访问网站时，用户访问就近服务器，然后加载这些资源。2 阅读全文
摘要：
React在Github上已经有接近70000的 star 数了，是目前最热门的前端框架。而我学习React也有一段时间了，现在就开始用 React+Redux 进行实战！ 文章地址：https://github.com/DigAg/diga...项目代码地址：https://github.com/ 阅读全文
摘要：
推荐 1. JavaScript 在嵌入式设备与物联网中的应用现状 https://auth0.com/blog/javasc... 随着近年来 Web 的发展与 JavaScript 的崛起，JavaScript 被应用到了许多原本不曾想象到的场景中，从服务端、工作站、数据库、桌面环境到物联网设备 阅读全文
摘要：
一、概述 为了提高页面性能，有时需要对高频率触发的事件（scrllo, resize, mousemove, touchmove）进行防抖（Debounce）或者节流（Throttle）处理。这两个概念很相似，但是他们是不同的概念： 1.1 防抖 把一系列连续的事件，只处理一次，即只调用一次事件处理 阅读全文
摘要：
前言 由于vue和react的流行，webpack这个模块化打包工具也已经成为热门。作为前端工程师这个需要不断更新自己技术库的职业，真的需要潜下心来学习一下。 准备工作（针对mac用户） 安装 homebrew $ /usr/bin/ruby -e "$(curl -fsSL https://raw 阅读全文
摘要：
大概在一个月前在 github 上看到了 caniuse 网站的一个数据源（https://raw.githubusercontent.com/Fyrd/caniuse/master/data.json），于是就冒出了一个用这个数据源做一个小程序的想法。 当然，最后在不断折腾之下，也算是完成了一个简 阅读全文
摘要：
最近项目改版，需要在一个正方形的盒子区域中显示图片，由于旧数据中都是横向长方形的图片，旧数据又不能舍弃，产品就要求对于这种图片进行两边截取，在正方形盒子中只显示图片中间部分的（蛋）要（疼）求。 经过一番尝试一共找到3种可以成功实现的方法，在此分享一下。 原图如下结果如下 1.使用绝对定位+trans 阅读全文
摘要：
GitHub地址：https://github.com/qiangzi772... 如果觉得不错可以给个star或者提出你的建议 img2Ascii，基于JS的图片转ASCII示意图。 效果 转码前图片 转码后图片 构建 npm install 或者 yarn install 之后通过 npm ru 阅读全文
摘要：
前言 总括： 对于盒子模型，BFC，IFC和外边距合并等概念和问题的总结 原文地址：从CSS盒子模型说起 知乎专栏：前端进击者 博主博客地址：Damonare的个人博客 为学之道，莫先于穷理；穷理之要，必先于读书。 正文 CSS盒子模型是CSS基础中的基础，个人之前对于这块的理解有偏差?，由于涉 阅读全文
摘要：
单双引号 在js代码中 在js中单、双引号引起来的是字符串，如果我们要在字符串中使用单、双引号，需要反斜杠进行转义 let str='user\'s name'; // or let str=" user's name"; // or let str="she said:\"...\"."; 如果在 阅读全文
摘要：
flex布局目前基本上兼容主流的浏览器，且实现方式简单。我整理了flex的一些知识点，并且总结归纳了几种常见布局的flex写法 flex基础知识点 flex-grow和flex-shrink相关计算公式 公式1：子元素空间 < 父容器 父容器剩余空间 = 父容器宽度 - 子元素宽度之和增长单位 = 阅读全文
摘要：
这是React和ECMAScript2015系列文章的最后一篇，我们将继续探索React 和 Webpack的使用。 下面是所有系列文章章节的链接： React 、 ES6 - 介绍（第一部分） React类、ES7属性初始化（第二部分） React类，方法绑定（第三部分） ES6中React Mi 阅读全文
摘要：
应用核心结构介绍 应用技术栈 服务端：Node+Express+ejs 前端界面：HTML+CSS(CSS3)+JS 音频操作：webAudio 音频数据可视化：Canvas 项目构建 全局安装express：npm install -g express-generator 使用ejs模板引擎，新建 阅读全文
摘要：
移动端人机交互方式同PC端发生了本质的变化，在PC端使用鼠标和键盘进行交互，而移动端使用的是手指的触摸和滑动。PC端开发时主要监听鼠标事件，例如mouseEnter（鼠标进入事件）、mouseMove（鼠标移动事件）、mouseLeave（鼠标离开事件）。而在移动端监听事件为触摸的开始事件，触摸移动 阅读全文