01 2020 档案
摘要：移动端开发的兼容问题 文章已同步我的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 被应用到了许多原本不曾想象到的场景中，从服务端、工作站、数据库、桌面环境到物联网设备
阅读全文
摘要：前言 由于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
阅读全文
摘要：移动端人机交互方式同PC端发生了本质的变化，在PC端使用鼠标和键盘进行交互，而移动端使用的是手指的触摸和滑动。PC端开发时主要监听鼠标事件，例如mouseEnter（鼠标进入事件）、mouseMove（鼠标移动事件）、mouseLeave（鼠标离开事件）。而在移动端监听事件为触摸的开始事件，触摸移动
阅读全文
摘要：前段时间集团举行前端IOT比赛，借此机会熟悉了树莓派相关的东西，特此记录一些相关的文档和开发指南。 先介绍一些树莓派的入门教程 阮一峰的树莓派入门 微雪电子-树莓派硬件中文官网 ssh链接树莓派 ssh pi@dd.dd.dd.dd(ip)密码：raspberry 设置显示设备 推荐选购3.5吋或者
阅读全文
摘要：vue2.* (多页面跳转) @[vue2.3.3|webpack2.6.1|less|axios] 之前看过有相关朋友share了空的多页面脚手架. 不过down了几个都是webpack1.0或者vue1.0的. 刚好项目需要用到vue. 就在vue-cli的基础上进行了修改 已经有babel直接
阅读全文
摘要：HTML 简介 HTML 历史 最初的 HTMl 是由 CERN 负责制定的，后来转交给 IETF。 在 1990-1995 年期间， HTML 经历了许多次的版本修改与扩充； 1995 年的时候 HTML 的版本更新到了 HTML3.0；1997 年又完成了 HTML3.2； 同年也完成了 HTM
阅读全文
摘要：系列文章说明 原文 所有的web开发者都会很快（或者很痛苦地）意识到Web是一个粗糙的环境，其中最糟糕的一点就是老旧的浏览器。提到“老旧浏览器”，我们脑海中往往复现的就是旧版的IE。但其实老旧浏览器不止这一种，一个一年前的Firefox，比如ESR版本也算得上老旧了。至于移动端，由于有些浏览器和操作
阅读全文
摘要：给大家推荐一个基于Vue2的右键弹出菜单插件，支持单一SPA页面以及可以在循环绑定中使用。 项目地址为：https://github.com/chIIC/vue-...demo1： 父组件绑定右键事件的效果： demo2：列表循环绑定，识别当前点击对象： 项目地址为：https://github.c
阅读全文
摘要：1.什么是盒子模型？ CSS中的思维模型,每一个元素都包含margin,padding,boder,content区域,占一个盒子形状,整体称为盒模型. 2.简述一下src与href的区别? Href 超文本链接,指向网络资源所在位置,如果我们在文档添加<link href="common.css"
阅读全文
摘要：<script type="text/babel"> let colorArr = ["red","yellow","blue","orange","pink","green","gray"]; class HelloWorld extends React.Component{ constructo
阅读全文
摘要：项目需求：在ie或chrome浏览器下，调用电脑摄像头（确保使用的是笔记本电脑，或者摄像头功能正常使用的台式机），进行人脸图像采集预览，并将图片的base64码传入到后台进行后续操作。该demo适用于chrome和ie10以上，ie10以下版本的未测试。 前期插件准备 jquery：1.5版本以上即
阅读全文
摘要：遇到一个项目，客户要求能在编辑框中上传录音文件。用的是Ueditor编辑器，但是却不支持本地MP3上传并使用audio标签播放，只能搜索在线MP3，实在有点不方便。这里说一下怎么修改，主要还是利用原来的【插入视频】的功能： 步骤一：上传视频的时候判断格式，如果是音频格式的话则调用原来music的处理
阅读全文
摘要：起因 昨晚在做慕课网的十天精通CSS3课程，其中的综合练习是要做一个3D导航翻转的效果。非常高大上。 以往这些效果我都很不屑，觉得网上一大堆这些特效的代码，复制粘贴就好了，够快。但是现实工作中，其实自己写出来，比你网上找代码要快很多，因为你是不会才去找代码粘过来的。那么你就要去看哪些代码需要用，哪些
阅读全文
摘要：两年前，我开始接触 Vue.js 框架，当时就被它的轻量、组件化和友好的 API 所吸引。之后我将 Vue.js 和 Webpack 技术栈引入我的公司（TalkingData）可视化团队，并经过一年多的实践，现已成为整个公司的前端开发规范。与此同时，我开源了 iView 项目，它是基于 Vue.j
阅读全文
摘要：原文出处：https://segmentfault.com/a/11... 在开发中我们通常会遇到一种需求：一个元素在不同的状态需要展现不同的样子。 而在这所谓的样子当然就是改变其css的属性，而实现能动态的改变其属性值，必然只能是更换其class属性 这里有三种方法： 第一种：通过数据的双向绑定（
阅读全文
摘要：先看成果：1.PC端2. 首先确立html,有哪些东西我们要知道。布局大概的样子在心里有个数 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,
阅读全文
摘要：1、 减少http请求，合理设置 HTTP缓存 http协议是无状态的应用层协议，意味着每次http请求都需要建立通信链路、进行数据传输，而在服务器端，每个http都需要启动独立的线程去处理。这些通信和服务的开销都很昂贵，减少http请求的数目可有效提高访问性能。 减少http的主要手段是合并CSS
阅读全文
摘要：如题，祖先元素transform非none时，记录一下Iphone6中引起后代元素fixed参考视图怪异表现和解决方案。 层叠关系及参考视图 层叠上下文是HTML元素的三维概念，这些HTML元素在一条假想的相对于面向（电脑屏幕的）视窗或者网页的用户的z轴上延伸，HTML元素依据其自身属性按照优先级顺
阅读全文
摘要：又想起08年的北京奥运会 其实更多的是 小岳岳的五环 还有hot-dog的rap 哼~就把车子开上五环 废话不说了 否则就变成演唱会了。 首先呢先分析我们需要设置五个宽高相等的div 并且要把border-radius属性值设为50% 设置上10px的实心边框默认颜色为黑色 当然只要比50%大都可以
阅读全文
摘要：你是否眼红别人风轻云淡，将优秀当成一种习惯？你不止一次的想要努力一把，奈何总是三天打鱼，然后无限循环？ 你是否受够了这种得过且过，碌碌无为的日子？如果是这样的话，那就接受这个小挑战吧！ 初衷： 前端发展日新月异，必须要经常学习，充电才能保证自己的竞争力。基于此，我想要发起一个督促自己每天下班坚持学习
阅读全文
摘要：在过去的几个星期里，我开始看到基于 CSS Grid 的布局框架和栅格系统的出现。我们惊讶它为什么出现的这么晚。但除了使用 CSS Grid 栅格化布局，我至今还没有看到任何框架能提供其他有价值的东西。他们沉醉于模仿过去的做法，而不是着眼于未来。这使得发展受到限制。其中一个常见的问题就是，这些框架仍
阅读全文
摘要：巧用border 在移动端 经常出现border,细边框但有的时候 产品大大1px甚至乎会觉得不够细那么要如何写出比1px还要小的border下面是代码 希望对大家有所帮助 .thinner-border { position: relative; width: 1px; margin:14px 0
阅读全文
摘要：最近倒腾了一会vue，有点迷惑其中methods与computed这两个属性的区别,所以试着写了TodoList这个demo，(好土掩面逃~）; 1. methods methods类似react中组件的方法，不同的是vue采用的与html绑定事件。给个例子 /*html*/ <input type
阅读全文
摘要：前言 作为一个vue初学者不得不了解的就是组件间的数据通信(暂且不谈vuex)。通信方式根据组件之间的关系有不同之处。组件关系有下面三种：父-->子、子-->父、非父子 父-->子 父向子传递数据通过props **父组件代码** <template> <header-box :title-txt=
阅读全文
摘要：React-element 根据开源项目 vue-sell进行的开发，将其改造成了react的项目。在开始学习vue的时候就是用的这个项目，发现效果不错，所以在学习React也使用了此项目。 目的:将此项目改造成React项目，在此过程中学习React用法，和比较与Vue的不同 技术栈 react
阅读全文
摘要：做一个ul li 列表类似这样的平时经常会用到 要是用浮动做还是比较简单的直接左右浮动，清除浮动就可以搞定了，因为最近用display:inline-block用的比较顺手，所以就尝试一下。通过text-align:left，text-align:right，可以控制元素靠左还是靠右，这种方法只能做
阅读全文
摘要：这是《CSS设计指南》的读书笔记，用于加深学习效果。 display 属性 display是 CSS 中最重要的用于控制布局的属性。每个元素都有一个默认的 display 值。对于大多数元素它们的默认值通常是 block 或 inline 。一个 block 元素通常被叫做块级元素。一个 inlin
阅读全文
摘要：参加了网易内推的笔试，分享一下自己对三道编程题的理解。(ps:第二题有点投机取巧了)题目顺序为：彩色砖块，交错的01串，小易独立的生活 var line = 'ABAB' var tokens = line.split('') var a = {}; var num = 0; for(var i =
阅读全文
摘要：趁着周末偷来一点闲，总结近期的工作和学习，想着该花点心思把N3-admin这套基于N3-components的单页应用模板简单的给介绍一下。 首发于个人博客；blog.lxstart.net项目路径: https://github.com/N3-compone...ps: 本项目不同于vue-adm
阅读全文
摘要：写在前面 去吧！皮卡丘！小时候拥有一台任天堂是多少熊孩子的梦想，每个夜晚被窝里透出的微弱光线，把小小的童年带入另一个世界，家门口的鸟和狗，森林里的虫和瀑布，山洞里的超音蝠，带着小小的梦，走过一个个城市，一路冒险，飞天潜水，攀瀑碎岩，所向披靡。每个醒来的清晨，都恍如出门冒险的那天~ 要做什么 基于开放
阅读全文
摘要：自从接触了前端日历和日期部分的功能后，我发现网上使用js操作日历的插件真不多，非常好的也就极个别，代码良莠不齐，js对日期操作相比其它语言极其的不友好，如果做个日历，里面附带预约表单，这种功能就非常头疼了，然而这又很常见，比如预约挂号系统，这是很常见的。 一、JavaScript实现的繁琐性 如果你
阅读全文
摘要：贪吃蛇 源代码地址：https://github.com/jiaoshibo/... 在手机浏览器上的显示效果 贪吃蛇的基本框架 首先确定蛇的移动区域，由一组'ul'标签构成，给予'ul'一个宽高，就组成了蛇的活动区域。'li'标签构成了蛇的身体和行进路线，以及蛇的食物，由不同的色块进行区分。'li
阅读全文
摘要：媒体查询 参考：https://developer.mozilla.org...一个媒体查询由一个可选的媒体类型和零个或多个使用媒体功能的限制了样式表范围的表达式组成，例如宽度、高度和颜色。媒体查询，添加自CSS3，允许内容的呈现针对一个特定范围的输出设备而进行裁剪，而不必改变内容本身。 基本使用
阅读全文
摘要：目前接触最多的页面开发，基本还是使用 JQuery 的。主要原因基于：操作方便；页面简单；兼容良好；新手多……没有能配合使用其他方案的人。因此，本篇文章就是写着玩加吐点槽的。 Write Less，Do More是JQuery的核心理念。所以你们就不要在工作中随意造轮子了！ 一、Ajax 绝对禁止同
阅读全文
摘要：链接： ionic3教程（一）安装和配置 ionic3教程（二）登录页制作 ionic3教程（三）设置页制作 ionic3教程（四）安卓硬件返回键处理ionic3 教程（五）基本的网络请求 这是最后一节，本节主要用最简单网络请求和基本的内置指令做一个演示。 对 Angular 的基本架构不熟悉的请点
阅读全文
摘要：几种 JavaScript 动画库推荐 JavaScript 库对设计师和开发人员来说，都是非常有用的工具。它们可以为你的网站添加一些超级强大的功能，给用户带来更好的体验。 2017年8月前端开发者超实用干货大合集 在过去的几年当中，网络上所流传的各种设计和开发资源，在素质上有明显的提升。其中有一些
阅读全文
摘要：前言 IMWebConf 2017 ←这是官网 然后看到了这个： 所以就试了下，作为一个前端菜鸟，发现通关还挺简单的，不过每个方面的知识都涉及到一点，所以在这里总结一下。 下面进入正题。 第 0 关 就在这个页面打开控制台就能看到这个信息： window.location.search.match(
阅读全文
摘要：问题描述 CSS animation没办法解决SVG路径运动的问题，下图路径运动的过程，通过查资料发现所有的IE的版本都不支持SVG animation。在IE中没有水流动的效果。 主要代码 <style> svg #water_path { stroke-dasharray: 53, 200; s
阅读全文
摘要：百度大搜和度秘面经 百度内推投了俩部门,前前后后总计面了六轮,来写写面经,攒攒人品.大搜是十几号面的,度秘今天面完.下面记录一些我认为比较有价值的问题,没写全,问的问题太多而且有些也记不清了.心累TAT.我是分割线,下面讲正经的. 大搜 大搜在百度现场面.三小时面完三轮.(荒郊野外真远 -_- 一论
阅读全文
摘要：对于很多前端开发者而言，JavaScript的原型实在是很让人头疼，所以我这边就整理了一下自己对应原型的一点理解，分享给大家，供交流使用 原型 说起原型，那就不得不说prototype、__proto__、constructor三者的关系，其中比较麻烦的就是容易将prototype和__proto_
阅读全文
摘要：作者：Jay（沪江开发工程师）本文为原创文章，转载请注明作者及出处 不好意思，没有像其他公众号一样赶着发文章，每年到这个时候总有一大波什么今年前端预测，技术框架预测什么的。我这次写这篇文针对的对象，是想在今年踏入前端这行的人们，不管你现在是徘徊在门口，还是已经半只脚踏入这片未知领域，都可以参考一下先
阅读全文
摘要：1、首先可以去iconfont.cn阿里巴巴矢量字体库中下载你想要的图标（选择格式为SNG格式）。 2、打开iconmoon这个网站（这个样子的），然后点击右上角那个Iconfont App如下图: 3、上面有一个紫色的 Import Icons 点击上传你下好的 SVG 图标。 4、上传好的 SV
阅读全文
摘要：目前在前端开发领域，框架Angular、react和vue占据着主流的地位而且可能会持续比较长的一段时间。三门框架中，从数据绑定机制来看，vue和angular采用了双向数据绑定的MVVM模式，而react虚拟Dom没有双向数据绑定机制，需要通过API来实现input的双向场景。下面主要对react
阅读全文
摘要：前端界面 搜索结果界面 （搜索软件专业学生） 技术要点 jsp mysql HTML 开发过程 网上自学jsp基本语法 搭建环境 eclipse安装java EE，创建web工程 安装mysql创建数据库 安装apache tomcat服务器在电脑上，学习基本使用方法 下载安装链接器mysql-co
阅读全文
摘要：window onerror 各浏览器下表现总结 做前端错误上报，必然离不开window onerror，但window onerror在不同设备上表现并不一致，浏览器为避免信息泄露，在一些情况下并不会给出详细的错误信息，本文的目的就是通过跑一些简单的小例子，验证onerror在不同浏览器下的具体表
阅读全文
摘要：开始 今天突然心血来潮想起前端性能优化的问题，这基本是老生常谈的事情了，面试随便都能说上几个，但是还是有点疑问：就是Head标签了，记忆中Head可是藏龙卧虎，各种技能都有，当然这些不可能都一一记住，太伤脑细胞了，于是打开神奇的Github，来到这个 HEAD项目,翻一翻就会看到今天的主角dns-p
阅读全文
摘要：基于vue2.0构建的在线电影网【film】，webpack + vue + vuex + vue-loader + keepAlive + muse-ui + cordova 全家桶，cordova 打包成APP 从零开始搭建，适合新手练手参考。GitHub地址，api来源于网上，仅供开发参考之用
阅读全文
摘要：最近用vue+vue-router做了个单页应用的项目，页面大概有15个左右。积累了一些开发经验在此做一些记录.本文主要从可维护性方面来考虑SPA的开发实践 全站的颜色定义放在一个less或者scss的文件里，其他组件和页面import这个配置来引用颜色。 示例代码：define.scss $bgC
阅读全文
摘要：语义化标签 input的新属性值 表单的验证 json的新方法 自定义属性 拖放 canvas 地理位置的获取 离线存储 本地存储 audio video 语义化标签 使用最多的id->当前的语义化标签页面整体架构header标签 页面头部或者板块的头部footer标签 页面底部或者板块的底部nav
阅读全文
摘要：项目需求在前端页面中实现预览excel表格的功能，上网了解之后大致总结为一下几种方法。 1.office文档转换为pdf，再转swf，然后通过网页加载flash进行预览 2.通过 xlsx.js，jszip.js插件 3.django xlrd读取excel内容，循环写入到前端页面table中 4.
阅读全文
摘要：开始 本文翻译自Inside a super fast CSS engine: Quantum CSS ，如果想要阅读原文，可以点击前往，以下内容夹杂本人一些思考，翻译也并不一定完全。 碎碎念 为什么翻译这篇文章尼，一开始只是好奇，基本在前端技术圈子混过都知道火狐正在用Rust语言开发新的浏览器引擎
阅读全文
摘要：1.用户输入url网址(URL) 用户输入url(也就是我们说的网址,也是统一资源定义符,用于定义互联网资源) 比如输入https://www.baidu.com 其中https为协议 baidu.com是域名 www:World Wide Web”首字母的缩写形式。“WWW”在我国曾被译为“环球网
阅读全文
摘要：一、最近开发小程序功能有个需求就是模板消息他会在服务通知中出现，大概就是这么个栗子： 大家也可以在小程序中搜索小程序实例，里面提供了很多接口的示例非常好用！因为在前期没有注意到这个功能，后面要填坑虽然不难但是浪费了很多的工作量。因为发送模板消息的前提是需要给后台提供一个formId,那么这个form
阅读全文
摘要：在javascript中，function是内置的类对象，也就是说它是一种类型的对象，可以和其他String、Array、Number、Objec类的对象一样用于内置对象的管理。因为function实际上是一种对象，它可以“存储在变量中，通过参数传递给（另一个）函数（function），在函数内部创
阅读全文
摘要：CSS最大的用处之一就是可以将内容和元素定位到任何我们想要的位置，使我们的设计具有结构，使内容更加易懂。 CSS有好几种不同的定位属性，每种都有自己的使用场景。在这节课中我们会通过不同的案例——可复用的布局和针对单元素的布局——来介绍每种方法。 浮动 定位的其中一种方法就是使用float属性。flo
阅读全文
摘要：翻译：云荒杯倾本文是Emscripten-WebAssembly专栏系列文章之一，更多文章请查看专栏。也可以去作者的博客阅读文章。欢迎加入Wasm和emscripten技术交流群，群聊号码：939206522。 下面是正文： 如果只是想要入门Emscripten的话，使用Emscripten是非常简
阅读全文
摘要：简单响应式滚动条置顶 一般的，让页面出现滚动条的常见方法有： overflow:auto||overflow:scroll 或者overflow-x水平滚动条和overflow-y垂直滚动条 那么现在要实现这样的一个效果： 直接在body中给一个header，后面一个Group盒子，并且header
阅读全文
摘要：1.前言 到目前为止，互联网行业里，手机越来越智能化，移动端占有的比例越来越高，尤其实在电商，新闻，广告，游戏领域。用户要求越来越高，网站功能越来越好，效果越来越炫酷，这就要求我们产品质量越来越高，web前端开发而言是一个挑战，是一个难题，也是一个机遇。如何让我们所开发的手机页面能有更好的交互体验，
阅读全文
摘要：虽然过了兼容IE6的噩梦时代，IE依旧阴魂不散，因为你可能还要兼容IE9。在ES6已经普及的今天，用ES6写react已经成了标配。但是babel编译的js语法，由于某些不规范的写法，可能在IE9下不能正确解释，很容易导致白屏。本文记录如下 起因 在准备提测的那天，顺便打开IE9看一眼（注意，这里是
阅读全文
摘要：ECMA-262定义这些特性是为了实现JavaScript引擎用的，因此在JavaScript中不能直接访问它们。为了表示特性是内部值，该规范把它们放在了两对儿方括号中，例如 [[Enumerable]] 。 ECMAScript中有两种属性：数据属性和访问器属性。 1. 数据属性 数据属性包含一个
阅读全文
摘要：1.前言 还有几天就到国庆中秋了，快要放假了，先祝大家节日快乐！之前写过js的写作建议和技巧，那么今天就来聊聊css吧！说到css，每一个网页都离不开css，但是对于css，很多开发者的想法就是，css只要能用来布局，把效果图排出来就可以了，其它的细节或者优化，不需要怎么考虑。但是我觉得css可不只
阅读全文
摘要：如何使用 引入 <script src="../node_modules/jquery/dist/jquery.js"></script> <script src="../dist/script/ux-form.js"></script> html <div class="container"> <
阅读全文
摘要：一个网页基本是由 结构（html） + 样式（css） + 脚本（js） 组成。学习的话 应该从最基本的标签开始， 结构清晰了， 再用css美化, 最后可以用脚本加上特效 块级 和 行类标签 特点： 1. 宽度自适应父级，总是从新的一行开始。 行内的，不会折行。 <div> <div>123</di
阅读全文
摘要：介绍 最近开始刷一些书和题,此系列是介绍在读Web最佳实践的一些收获和体会。 web前端发展现状 存在问题： 代码组织混乱 代码格式的问题突出 页面布局随意 网站整体性能差，没有意识到应用诸如缓存，动态加载，脚本压缩，图片压缩等提高性能技术 推荐做法： 压缩样式表和脚本文件 减少HTTP请求次数 简
阅读全文
摘要：本次技术调研来源于H5项目中的一个重要功能需求：实现微信长按网页保存为截图。 这里有个栗子（请用微信打开，长按图片即可保存）：3分钟探索你的知识边界 将整个网页保存为图片是一个十分有趣的功能，常见于H5活动页的结尾页分享。以下则是项目中调研和踩坑的一些小结和汇总。 一、实现HTML页面保存为图片 1
阅读全文
摘要：在第二篇文章 《新型前端开发方式》 中有说到 React 有很爽的一点就是给我们一种创造 HTML 标签的能力，那么今天这篇文章就详细讲解下 React 是如何提供这种能力的，作为前端开发者如何来运用这种能力。 在第三篇文章 《JavaScript代码里写HTML一样可以很优雅》 中介绍了 Java
阅读全文
摘要：一、起源 （故事纯属虚构，如有雷同，纯属巧合）传说在很久很久以前，我们有志之士有了个创业的想法，于是乎开始了自己的创业之梦，但是人手不足啊，于是乎所有角色老子一个人全包了： Roles: PM, DBA, RD, FED, Designer, ... Skills: Linux, MySQL, JA
阅读全文
摘要：学习javascript好多同学不知道怎么上手，跟着网上的新手教程做了一遍又觉得javascript很简单，但是真正自己用起来又觉得写不出什么东西，我觉得学习最好的方法就是跟着有趣的例子做,所以我们的口号是“每天一例，轻松javascript” 今天给大家带来第一个例子，简单Dom操作，效果先看下图
阅读全文
摘要：前言：本人前端开发，在日常开发中需要打开多个窗口进行开发，如：本地服务窗口，ide工具，设计图，prd文档，浏览器，浏览器调试工具； 如此多的窗口同时打开并且时常需要查看的情况下，遗憾的是，即使我是双屏开发也有一种力不从心的感觉。现实情况公司也不可能再给我配几个屏幕，辛亏自windows7开始可以在
阅读全文
摘要：在一般的Web开发中，很少会用到Blob，但Blob可以满足一些场景下的特殊需求。Blob，Binary Large Object的缩写，代表二进制类型的大对象。Blob的概念在一些数据库中有使用到，例如，MYSQL中的BLOB类型就表示二进制数据的容器。在Web中，Blob类型的对象表示不可变的类
阅读全文
摘要：我看到了什么 在看淘宝前端团队的博客的时候，无意中点进了关于我们这个页面，其中有个动画我觉得很有趣，也很通用，感觉在哪里都可以使用一样，效果如下图所示： 每次刷新的头像和‘You’的位置都是不同的，说实话，我觉得蛮有意思的，于是我自己尝试去实现了一下。下面我会从我的角度去分析实现这样的效果，因为我不
阅读全文
摘要：现代浏览器性能优化-JS篇 众所周知，JS的加载和执行会阻塞浏览器渲染，所以目前业界普遍推荐把script放到</body>之前，以解决js执行时找不到dom等问题。但随着现代浏览器的普及，浏览器为我们提供了更多强大的武器，合理利用，方可大幅提高页面加载速度。 理解渲染过程（HTML Parser）
阅读全文
