在前端路上

各位好，在这篇博客中我将向你展示如何在一个网页上通过JavaScript, 且支持众多浏览器不需要额外的库访问当前的设备相机。如何访问相机我们使用JavaScript 的 Media Stream API去访问用户的相机(不止是在电脑上，手机上也是如此)，这个API允许通过流去访问设备捕获的视频和音频。第一步是检测当前浏览器是否支持该API:if ('mediaDevices' in navigator && 'getUserMedia' in navigator.mediaDev

Vue项目代码规范与最佳实践，该份代码规范适用于基于Vue技术栈的中台项目。

引在2019年10月19号，看到一则新闻：阿里巴巴可跨组件体系的表单配置生成方案 form-render 开源了：https://github.com/alibaba/form-render正好这几天一直在研究表单生成器相关内容，遂一探究竟。正从GitHub的工程仓库中可看到package.json部分内容如下：{ "dependencies": { "moment...

前言在公司一直从事基于Vue框架后台应用的前端研发，而该类应用的页面有较多的通过表单交互来增删改查的操作，为了进行优雅的开发体验，也有感于项目当前的代码，遂封装一个更合适的表单生成器form-generator.vue。稍有从业经验的人都晓得，这类生成器在基于iview，ant-design这样的组件库下实现不算复杂，因此这里主要是阐述表单生成器的设计思路。当前项目的表单生成操作有以下问题：...

简单的JS文本摘要算法。

什么时候使用Karma？在真实浏览器里测试。在多种浏览器里进行测试（包括桌面、移动）。在本地开发环境执行测试。想在持续集成CI内运行测试。想在每次保存代码时，自动执行测试。热衷于terminal小黑屏。不想陷入令人厌烦的测试生活。想使用Istanbul自动生成coverage报告。想在源码中使用RequireJS。Karma:Karma一直作为一个Test Runner而存在的，只

对于博主这种英语瞎来说，有些单词记几十次过后还是不知道其中文意思，就是毫无理由的不能记住，就好像汉字看久了会不认识一样。于是，根据联想记忆法找到一些记忆单词的窍门，在这里分享给与我有同样痛苦的孩子。even与odd使用场景：多用于CSS的伪类选择器nth-child(n)。 巧记：数它们的字母个数，odd有3个字母，3是奇数，所以odd的意思就是奇数；亦然，even有4个字母，为偶数，因此eve

前言 当我们在github上克隆一个用nodejs写的后端应用时、或者是本地的nodejs应用，怎么把它部署到centOS系统（注：很多云主机的系统为centOS的Linux发行版，所以在这里讨论centOS上的配置）上？部署(centOS)mongodbMongoDB 提供了centos yum安装方式,如下:vi /etc/yum.repos.d/mongodb-org-3.0.repo[

Htmlinput type="text" ref="username" /> //下面4种方式(两种方法)都可以通过ref获取真实DOM节点 var usernameDOM = this.refs.username.getDOMNode(); var usernameDOM = ReactDOM.findDOMNode(this.refs.username);

margin和padding的区别之一是margin有auto的取值，但padding则没有的。jqmobi框架的页面转场效果：Page TransitionsApp Framework UI includes with six panel transitions. Alternately, you may use these transitions as examples t

检测eval()的参数是否合法：try { alert("Result:" + eval(prompt("Enter an expression:",""))); }catch(exception) { alert(exception); }在编程语言中 0是FALSE 1是TRUE ,通用潜规则是，0表示假，所有非零表示真。这样记忆：0，什么都没有骗人的，是假。高内聚低耦合高内聚低耦

JS核心在任何情况下我们都应该避免使用 eval 函数。99.9% 使用 eval 的场景都有不使用 eval 的解决方案。JavaScript 有两个表示‘空’的值，分别是null与undefined，其中比较有用的是 undefined。undefined 是一个值为 undefined 的类型。 下面的情况会返回 undefined 值：访问未修改的全局变量 undefined。由于没有

如题，今天特意测试了下类在执行constructor方法中是否可以使用其原型方法，测试文件内容如下：class Test { constructor() { const names = Object.getOwnPropertyNames(Test.prototype) console.log('names:', names) this....

why don’t have function by commonJS way?, have below code:exports.add = function(a, b) { return a + b}add(2, 3) //-> ReferenceError: add is not defined wake up, i understand the origi...

前言： 数组在ES6之前其原生的方法贴近工具的几乎没有，在这里贴出自己遇到的一些常用的数组方法。比如：去重，交集，etc去重function unique1(array){ var n = []; //一个新的临时数组 //遍历当前数组 for(var i = 0; i < array.length; i++){ //如果当前数组的第i已经保存进了临时数组，那么跳过，

声明：本文内容来源于编程助手APP的JavaScript学习库prototype对象的作用，就是定义所有实例对象共享的属性和方法，所以它也被称为实例对象的原型，而实例对象可以视作从prototype对象衍生出来的。构造函数是一个函数，同时也是一个对象，而所有构造函数都有prototype属性（其实是所有函数都有prototype属性），所以所有对象都有自己的prototype原型对象。JavaS

移动和PC端网页字体设置的入门知识以前做项目的时候就依葫芦画瓢的设置 { font-family:arial,”microsoft yahei”,simsun,sans-self; } 等类似的字体，然而当更多的设备和系统出现后，以前这样的设置已不能满足网页在各设备上的显示需求。就拿最简单的宋体(simsun)来说吧，在Windows系统下显示是一个比较容易阅读的字体，然而

文章来源：http://sc.chinaz.com/info/130228237055.htm 设计达人版权: Free for personal or commercial projects查看&下载字体 →图标整理自：http://speckyboy.com/2013/02/20/free-icon-font-sets/在网页设计中使用图标字体（icon font）是件挺有

来源：腾讯ISUX (http://isux.tencent.com/icon-font.html)图标字体化浅谈在做手机端Web App项目中,经常会遇到小图标在手机上显示比较模糊的问题，经过实践发现了一种比较好的解决方案，图标字体化。在微社区项目中，有很多小的Icon（图标），如分享、回复、赞、返回、话题、访问、箭头等，这些Icon（图标）一般都是纯色的。开

1.使用的框架：appframework(原jqmobi),Inter团队驱动2.具体页面使用data-defer进行加载，(需要在服务器环境下才能有效)3.具体页面加载方法:data-load=”func_name” 进入该panel调用的函数;data-unload=”func_name” 离开该panel调用的函数4.页面转场动画（transitions）:fade(淡入)、fl

前端方面的知识从重要程度来排，私以为应该先后学这些： 来源自:Web前端知识在乱花渐欲迷人眼的当下，如何分清主次和学习优先级呢？1，API学习，系统地学，可以看看这个方面的书，不要只零散地看网上文章，这个书钱要舍得花。前端领域，这个方面我推荐看看《javascript高级程序设计》和《html5和css3权威指南》。2，学习一些编程上的技巧，比如面向对象，组件，api设计，推荐几本书《js设计

转载自：APP设计师必上的10个APP图标素材资源站 | 设计之家 今天小编们给APP设计师们罗列了10个经典而APP图标素材非常丰富的图标素材资源站。 在每一个图标素材资源站上面可以找到我们想要的移动APP图标素材。虽然大家可以百度一下。但是找的图标并不是我们想要的。 所以，经常去一些设计资源站成为了我们移动APP设计师每天的必修课。 1、最大的扁平化图标素材库-Flatico...

Directions Reduction题目描述(Description)：write a function dirReduc which will take an array of strings and returns an array of strings with the needless directions removed (W<->E or S<->N side by side).

这几天Codewars上的字符串训练好繁琐Detect Pangram:检测全字母句子还记得那个经典的英文句子吗：迅捷的棕色狐狸跳过了懒惰的狗狗身上（The quick brown fox jumps over the lazy dog），如题，这次的题目是检测给定的字符串是否为全字母句子，是返回true，否则，返回false。 解决方案：function isPangram(string){

对象

数组为了达到遍历数组的最佳性能，推荐使用经典的 for 循环。var list = [a,b,c,d];for(var i = 0, l = list.length; i < l; i++) { //dosomething console.log(list[i]);}//二版本for(var i=0,i<list.length,i++){ //dosomething

单选框始终选中一个：设置为相同的“name”值。 默认选中：checkedvar _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");unescape()函数可对通过 escape() 编码的字符串进行解码。/*对IE9加载html5的新特性*/<!--[if lt IE 9]

声明：本文内容来源于编程助手APP的JavaScript学习库DOM可以理解成文档（HTML文档、XML文档和SVG文档）的编程接口。将新节点插在当前节点的最前面（即变成第一个子节点），可以使用当前节点的firstChild属性。parentElement.insertBefore(newElement, parentElement.firstChild);-clientWidth属性，clie

宋体SimSun黑体SimHei微软雅黑Microsoft YaHei微软正黑体Microsoft JhengHei新宋体NSimSun新细明体PMingLiU细明体MingLiU标楷体DFKai-SB仿宋FangSong楷体KaiTi仿宋