20170421 前端开发日报

页面架构HTML+CSS ●▽● 各种布局各种实现;基于 Redux 的 React Native 应用架构(一);redux 三重境;一个基于vue2、koa2和mongodb的博客;git使用问题记录;初涉Bootstrap —— 栅格系统;web 探索之旅 | 第二部分第五课:响应式网站和移动应用;面试经:GitHub

  1. 页面架构HTML+CSS ●▽● 各种布局各种实现CSS Reset 1.作用 (1)清除浏览器默认样式(2)全局样式定义 2.特别注意 (1)项目开发初期就定义好(2)reset.css 在引入的时候一定要放在第一位(3)不同的产品reset.css不一样 3.table合并边框间距 {代码...}...
  2. 基于 Redux 的 React Native 应用架构(一) 自从 Facebook 把 React Native 给开源了之后,使用前端技术进行移动应用开发的趋势已经越来越明显,现在连微软爸爸都用上了 React Native(ReactXP),我们还有什么理由不来一点前端技术尝尝呢? 这篇文章是学习了公司现有项目框架、外加查阅一些官方文档之后的总结,受限于我仅有的一丢丢前端知识,如果有错...
  3. redux 三重境 本文写在去年,有着我对redux最佳实践的思考和总结。 王国维的《人间词话》的三重境 古今之成大事业、大学问者,必经过三种之境界。 “昨夜西风凋碧树,独上高楼,望尽天涯路”,此第一境也; “衣带渐宽终不悔,为伊消得人憔悴”,此第二境也; “众里寻他千百度,...
  4. 一个基于vue2、koa2和mongodb的博客 博客终于差不多写完了,虽然还是可能有一堆bug, 不过我迫不及待要写一篇博文来分享了= = 博客前台展示 博客前台展示 博客后台展示 博客后台展示博客后台编辑 项目地址 github地址:https://github.com/BUPT-HJM/Vue-blo
  5. git使用问题记录背景 本文用来记录使用git过程中的一些学习笔记以及记录一些遇到的问题。 正文 问题1:如何在远程仓库某分支(非master)的基础上建立新的分支 背景 今天在使用git时遇到一个场景:就是需要在同伴的分支版本上进...
  6. 初涉Bootstrap —— 栅格系统Bootstrap —— 栅格系统布局 栅格系统简介 响应式设计核心思想: 响应式设计:页面的设计与开发应当根据用户的行为以及设备环境(系统平台,屏幕尺寸、屏幕定向等)进行相应的响应和调整,具体的实践方式由多方面...
  7. Web 探索之旅 | 第二部分第五课:响应式网站和移动应用 -- 作者 谢恩铭 转载请注明出处 《Web探索之旅》全系列 第二部分第五课:响应式网站和移动应用 上一课 Web探索之旅 | 第二部分第四课:数据库 中,我们认识了关系型数据库和非关系型数据库。 在我们开始聊响应式网站之前,我们可以聊聊移动App(
  8. 面试经:GitHubGitHub 越来越有名,很多同学都把它作为一个关键字加入自己的简历当中。不过我在面试中,问到如何使用 GitHub,对方通常会答复:上去看源码呀!这个答案完全无法让我满意,具体的原因,一方面可以参考我之前的一...
  9. 你厂的 B2D 战略升级了么?听听 GitHub、Nexmo、SendGrid 社区经理怎么讲 作者:晋剑(猿生态 创始人兼CEO) 背景: 据 Evans Data 的数据显示,截至 2020 年,世界上将会有超过 2500 万名软件开发者。软件开发人才市场已经成为科技领域最炙手可热的部分,从事这一职业的人数也是如今增长最快的。那些为开发者服务的 B2D 公司,例如 GitHub、Stripe、Twilo 以及我们 DigitalO...
  10. 手把手教你用 JavaScript 实现一个简单的国际象棋 AI本文作者: Lauri Hartikka 编译:胡子大哈 翻译原文:http://huziketang.com/blog/posts/ 英文连接:A step-by-step guide to building a simple chess AI 转载请注明出处,保留原文链接以及作者信息 首先让我们...
  11. Git++ 之仓库瘦身 本文主要介绍两种减少.git仓库磁盘大小的两种方式:git gc和git prune git gc 适用于存在大文件,且多次提交都只是轻微改动该大文件的场景,因为这些提交都会生成大小相近的大文件blob对象,非常占用磁盘空间 Git最初向磁盘中存储对象使用松散的格式,后续会将多个对象打包为一个二进制...
  12. Go HTTP Redirect 的知识点总结 HTTP 规范中定义了返回码为3xx代表客户端需要做一些额外的工作来完成请求,大部分3xx用来做转发(redirect)。 状态码的详细说明可以参照规范或者 wikipedia、维基百科, 以下是代码的简短介绍。 300 Multiple Choices: 返回多个可供选择的资源 301 Moved Permanently: 请求的资源已永...
  13. 化繁为简的企业级 Git 管理实战(五):二进制大文件的版本控制 毫无疑问,Git 非常适合用于代码文件的版本控制。对于纯代码仓库,由于每次实际提交都是增量内容,即使仓库经历了几十次提交,整个仓库的大小往往都不会大幅增加。 而对于存在二进制文件的仓库,情况就变了:Git 并不能很好地支持二进制文件的增量提交,每次更新一个二进制文件,就相当于把这份文件的完整内容...
  14. 细说 JavaScript 创建对象总结(上)- 开场 细说 JavaScript 创建对象总结(上)- 开场 —— 由关于郑州想的都是你分享
  15. reduce 方法实现 webpack 多文件入口这篇日志,在开始接触 webpack 时候就该写了,现在发布也许对一些刚入此坑的童鞋能些许帮助。。。即使有点 low,重要的仍是分享 1. reduce 方法介绍 1.1 简单场景 reduce 函数的设计意图就是方便进行叠加运算: {...
  16. 简单的 web 安全 checklist 本文根据以往 nodejs web 服务开发过程中踩过的坑,以及腾讯安全平台部的漏洞修复指引总结而来,列出了 nodejs web 服务开发过程中比较常见的一些安全问题,在此记录一下供以后检查问题时参考。 —— 由腾讯云技术社区分享
  17. Git 由浅入深之细说变基 (rebase) 在上一篇,详细介绍了Git分支管理,最后一节介绍了Git变基及其与合并的区别,限于篇幅,并未对变基展开介绍,实在是因为关于Git变基需要阐述的内容颇多,而且并不是新手能彻底掌握的,于是计划单列一篇,由浅入深,详细剖析,若有失误之处,望看官包容,指正。 变基(r
  18. [直播预告] Vue.js 实战之 Render 函数4月26日(周三)晚8点,在 SF 直播关于 Vue2 Render 函数的课程,欢迎感兴趣的同学参加。 关于 Render React 和 Vue 2 都使用了 Virtual Dom 技术,Virtual Dom 并不是真正意义上的 DOM,而是一个轻量级的 JavaSc...
  19. 渗透测试 Node.js 应用 在本文中我们将介绍,在渗透中遇到 Node.js 应用如何处理,以及常见的一些 Node.js 的漏洞。 介绍 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其对于数据敏感的应用程序来说既轻量又高效。它是单线类型的服务,这也意味着,任何...
  20. Web 探索之旅 | 第二部分第四课:数据库 -- 作者 谢恩铭 转载请注明出处 《Web探索之旅》全系列 第二部分第四课:数据库 上一课 Web探索之旅 | 第二部分第三课:框架和内容管理系统 中,我们学习了一些实用的工具。 这一课来看看数据库吧。 说到“数据库”,顾名思义,是“数据的仓库”的
  21. 使用 React 开发 Atom 插件 Atom 是目前非常流行的编辑器,除了好用小巧的特点,它丰富的插件也给开发者提供了很多的便利性。React 的发展很迅速,现在不仅可以完成普通网站的开发,也能能够开发原生的 App(React-Native),也可以开发 VR 相关的内容 (React-VR), 当然桌面应用现在也是可以完成的借助于 Electron —— 由蒲小花分享
  22. weex czzlm 项目开发总结--交互WEEX交互存在问题与解决方案 1、 需要注意:store必须在router之前加载好,不然执行router.app.$store.commit会出现undefined 2、router.beforeEach的第一个参数to 属性name默认是undefined,需要定义每个路由的na...
  23. Ionic3 与 Angular4 新特性 之前(17年3月底)Angular4.0.0正式发布,这个月(4月十几号)Ionic3又发布了,很多人看到这个估计都是一脸懵圈,其实,Angular4只是Angular2的后续版本,Ionic3也是Ionic2的后续版本,只是因为Angular现在严格按照版本
  24. JavaScript 中巧用位运算 日常前端开发中我们很少用到位运算,容易让人遗忘,让我们一起回顾下一下 js 中的位运算和一些小技巧 —— 由Dobbin分享
  25. react转vue——vue2封装swiper轮播组件(2)学习vue的第二篇文章,完成了以下功能。 1、父组件传递给子组件数据; 2、子组件通过props接收数据; 3、v:bind以及v-for的使用; 4、实现了轮播组件。 前一篇我们搭建了一个vue2+webpack2的框架,实现了一个全局...
  26. 史上最详细的webpack 讲解3 (webpack.base.conf.js基础配置) 作者混元霹雳手-Ziksang 隔了好几天了,我终于又出来了,今天我给大家讲讲vue-cli中webpack.base.conf.js的基础配置,看看尤大神对这些配置做了那些重要性的处理的,不用看webpack-cli已经是一个很成熟的脚手架了,对于它的配置
  27. ES6解构——JavaScript 从数组和对象中提取数据的优雅方法》ES6 有很多新特性,它很大程度上提升了 JavaScript 的编程体验,并且也告诉外界,JavaScript 依旧强势。 (by 胡子大哈) ​​​
    解构——JavaScript 从数组和对象中提取数据的优雅方法
  28. mock.js 那点事 耐心看完,我保证十五分钟就能学会mock.js 什么是Mock.js Mock.js是一个模拟数据生成器,帮助前端开发和原型与后端进度分离,减少一些单调,特别是在编写自动化测试时。 Mock.js能做什么 提供了以下模拟功能: 根据数据模板生成模拟数据
  29. 【组件分享】好用的 Vue Component for Highcharts 支持 highcharts 的 feature load —— 由superman666分享
  30. #前端头条#【HTML5 Canvas拍照应用开发的那些坑】本分分析了H5拍照应用开发的那些坑及作者给出的一些解决方案。最后总结了1、对于创新类的应用,前期技术预演很关键。2、选择一个成熟的框架很关键。3、需要善于利用现有技术...请戳→ #前端开发博客# ​​​
    HTML5 Canvas拍照应用开发的那些坑

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原创文章:20170421 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20170421.html)
评论已关闭。