20170421 前端开发日报-前端开发博客

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

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