Web 开发技术分析，前端开发学习历程。
280 篇文章2016 年立马就要过去了，在新的一年，尤其春节后跳槽换工作的童鞋，不妨先刷刷这些题，有个大致印象也好。 过去的一年里，行业整体对前端需求还是 供大于求。不过大一点的互联网公司对前端要求越来越高，而一些较为小型的创业公司对前端的要求相对低一点，要求已快速上手为主。过去的一年前端发展很迅速，会React的或者React Native的会比较吃香，而传统的IE6兼容性几乎不再考察了。下面简单罗列一些知名企业的前端面试问题，希望有所帮助。（题目不分先后，不分题目已经是老生常谈，也罗列出来了） 百度篇 1 写出javascript运行结果： ``` js for(var i=0; i2 Cookie、sessionStorage、localStorage的区别 3 JSONP原理 4 简述css盒模型 5 说说get和post请求的区别 6 运行结果 var a = {n: 1} var b = a; a.x = a = {n: 2} console.log(a. 详情 »
已经是2017年最后一周了，前一阵子，又撕逼过一次，所以这次转一篇表欣赏的一位前端作者分享的文章 原文来自： http://mp.weixin.qq.com/s?__biz=MzIwNjQwMzUwMQ==&mid=2247484712&idx=1&sn=d0cdec80c8293858590c4877adc5ac26&chksm=972367eaa054eefcf6cebe9e1a267c4dc376cec79d2f4004ea38a58c7321af8a40d7c6ed79b7 @ 前端之巅 本文是新美大平台大前端（Web/iOS/Android）业务及基础研发技术负责人刘平川在InfoQ大咖说上的直播内容回顾。 回顾 2016 iOS 和 Android 系统不约而同学习了对方的优点，长得越来越象：3D touch、权限控制、夜间模式、电话防骚扰... 原本属于桥的两侧的开放与封闭，越来越往一个中心靠；由此看来，真正在 OS 里的应用 App 才是系统的灵魂。 像「微信」，不论你用 iOS 还是 详情 »
最近开始接触了Weex的一些项目。自己之前写过一段时间React Native，当然这篇文章并不是去探讨两者之间的差异化和使用这些。而是说说技术产品的Growth hack. Growth hacking目前还没有较好的中文对应精准的翻译，来自于Andrew Chen 曾在他那篇有名的《Growth Hacker is the new VP Marketing》 .对于产品用户增长，而且持续曾长，不是一件特别容易的事情，也不要相信一个好的产品，用户就会源源不断的增长。很多知名互联网公司(Facebook Twitter Linkdin)用户增长的背后是来源不断的实践，在其背后有运营在市场的策略也有程序员的开发和数据支持。 React Native 和 Weex 其实背后都天生具有好的基因。那就是其背后是知名的互联网公司。其实在用户成长方面，React Native相比 Weex较为优势的地方，有下面几个方面: React Native基于React，而React很早就开源了，对于JSX的写法，很多React程序员的学习曲线就没有那么陡，而且也奠定了早期的用户。相对VUE的话，相对时间落后些，阿里是今年6月份才开源，而且在写法上与VUE并不能够完全匹配，因此这一点上Weex还需要再进一步。 生态环境，React Native的生态环境远比阿里，当然由于不在同一个时间点，这样不公平， 详情 »
昨日和 @喻木大大聊面试的时候聊到了这个话题，其实这个问题挺常见的，不过自己面试到还没问过，问过自适应的等比正方形布局。不过聊到这个问题，下面就详细的说下解决思路和考察要点。希望下次不要被榆木童鞋刷掉了😂。 解决这个问题，先简单描述下具体的需求吧： 给出三列布局，左右两边宽度一定，比如120px啦，然后中间的自适应宽度，即浏览器随着窗口大小的变化而自动变化。 问题大致就是这些，其实思路很多，不过我们从css的发展说起吧。在不同的阶段给出不同的解决方法。 首先我们回到上个世纪，当css还没形成的时候，我们写页面，大家都知道依赖于table布局，所以我们可以用table去模拟这个情况，相信大家很快有思路咯。 <table> <tbody> <tr height="100%"> <td width="200" bgcolor="#1ba1e2"></td> <td> this 详情 »
如果不是和命令行工具打交道，可能我们很少有机会去用到process模块中的一些方法或者属性。不过如果你要做类似于webpack或者gulp等较为复杂的构建工具，由于bash界面就是和用户直接交流的工具，因此友好的输入输出，完整的提示都非常有必要了。 一张表格大概可以看到process有哪些属性 属性名称 用途 platform 判断当前系统平台 argv 当前进程的命令行参数数组 execPath 当前进程的可执行文件的绝对路径 stdout 指向标准输出 stdin 指向标准输入 stderr 指向标准错误 stderr 指向标准错误 我们可以直接在代码中这样使用 console.log(porcess.platform) // darwin 使用argv 会返回命令行的数组，我们可以通过数组来获取用户具体的命令 console.log(process.argv); // [ '/usr/local/bin/node', '/Users/ali-130257n/www/weex-jackzoo/projects/demo.js', '-p', '-v' ] 一般情况下，我们更想获取最后的一些参数，前面两个不需要，我们可以 let 详情 »
可能在我们默认安装node.js的使用，npm安装到的目录大多都在/usr/local/bin 下，我们有的时候全局安装某些模块的时候，会出现类似 EACCES 或者无法创建软链 link permission下面的一些提示 npm ERR! Error: EACCES, open '/Users/chietala/.npm/-/all/.cache.json' npm ERR! { [Error: EACCES, open '/Users/chietala/.npm/-/all/.cache.json'] npm ERR! errno: 3, npm ERR! code: 'EACCES', npm ERR! path: '/Users/chietala/.npm/-/all/ 详情 »
使用Node.js + mongodb已经成为很多公司的技术栈。ThinkJS其实也提供了对mongo的支持，虽然官方文档较少，但是保证了ORM的API的一致性，所以用起来需要查看基本的Model api 基本的模型文件放在common/model下 获取列表 getList(q, page) { return this.select(); } 分页加条件搜索 search(q, page) { if(q) { q = new RegExp(q,'i'); } return this.where({'name':{ $regex: q}}).page(page, 20).countSelect(); } 获取详情 getDetail(id) { return this.where({'_id':id}).select(); } 创建数据 addTag(tag) { return this.add(tag); } 更新数据 详情 »
原文地址 https://bocoup.com/weblog/javascript-developers-watch-your-language?utm_source=javascriptweekly&utm_medium=email @Mike Pennisi It is 9:18 AM on August 21, 2021. You have just finished eating your space-breakfast, and you’re ready to get back to work maintaining the web presence for Omni Consumer Products. After about an hour, you find your latest 详情 »
VUE2.0已经正式发布一段时间了，而且很多公司活着组织都开始迁移到VUE2.0中去了。相对VUE1.x这次升级和变化是巨大的，包括体积更小了，更好的性能表现，支持服务端渲染等。勾三股四放出了Github项目的源码分析导航，如果有兴趣研究的可以透过一张图去理解作者的思路. 点击查看大图 详情 »
最近项目开发时候遇到这样的情况就毫不客气的介入了加载条的开发计划中来。 Github 项目地址 演示效果 定义需求 加载条说简单的需求来说就是: 加载动画 + 文案 + 层级位置 如果理解需求了的话，开发就相对轻松了。自己能够用到的的场景大致有弹框提交，页面加载数据，按钮禁用提交这些。 自己设计的一般结构如下 <div className="react-loading-spinner" > <div className="loading-inner"> {loading} . // loading animation element <div className="alert-text">{this.props.text}</div> </div> </div> 由于JSX的方便性，我们可以定义行内的直接返回loading中的东西。同样也可以作为children存放自定义的元素放进去，比如你喜欢使用svg或者css动画等。 详情 »
