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

前端开发中的地理定位问题小总结；JavaScriptCore 全面解析（下篇）；axios跨域访问js端配置；JavaScript数组去重最佳选择；一个只有 99 行代码的 JS 流程框架（二）；一个项目的前端布局给我的思考；Vue 2.0 入门系列（1）数据绑定与响应式更新；走心的一系列 JS 基础 > 进阶的大白话教程

前端开发中的地理定位问题小总结项目中遇到地理定位的问题，没遇过不知道，遇过就发现这是个比较坑的问题。这个问题其实困扰了我挺久的，还不如一次性了解清楚。所以本文进行了一些小总结，先简单总结我看过的关于定位技术的资料，然后介绍前端开发中的可选定位方案，以及存在的一些问题。定位技术概念上很好理解，就是定位你在哪…
JavaScriptCore 全面解析（下篇）殷源，专注移动客户端开发，微软Imagine Cup中国区特等奖获得者，现就职于腾讯。接JavaScriptCore全面解析（上篇）六、 JSExport JSExport协议提供了一种声明式的方法去向JavaScript代码导出Objective-C的实例类及其实例方法，类方法和属性。 1. 在JavaScript中调用native代码两…
axios跨域访问js端配置由于vue2.0官方选择axios来完成 ajax 请求，所以我最近开始用axios写ajax的请求操作。我之前用的架构都是前后端分离，所以必然存在跨域问题。我根据github上axios的官方文档，写了post请求方法，可惜浏览器consol…
JavaScript数组去重最佳选择数组值只包含了字符和数字，更多类型增加不会影响以下method_*的排序(时间排序) 测试环境：版本 57.0.2987.133 (64-bit) {代码…} {代码…} {代码…} {代码…} {代码…} {代码…} {代码…} 总结 method_1…
一个只有 99 行代码的 JS 流程框架（二）前面写了一篇文章，叫《一个只有 99 行代码的 JS 流程框架》，虽然该框架基本已经能实现一个流程正常的逻辑流转，但是在分模块应用下还是缺少一定的能力，无法将一个页面中的不同模块很好的连接在一起，于是对之前的框架进行了升级，新增了子流程的概念。 —— 由腾讯云技术社区分享
一个项目的前端布局给我的思考内容包括： HTML（讲述你不知道的absolute和float关系）和javascript（自己写的一段原生js实现双击切换效果）最近在一个项目中发现一个自己一直忽视的问题 position 和 float 的混用问题，position定位给我们前端开发中
Vue 2.0 入门系列（1）数据绑定与响应式更新1.数据绑定与响应式更新 Hello Vue 我们从一个基本的输入框开始： {代码…} 如果用 JavaScript 让输入框显示你好，Vue 呢？实现如下： {代码…} 代码说明：定义一个 data 对象；使用 js 提供的 querySelecto…
走心的一系列 JS 基础 > 进阶的大白话教程我原创的JS基础>进阶教程，关键词：this、call/apply、原型/原型链 —— 由Terry豆分享
Anime.js：轻巧的 JavaScript 动画库我最喜欢的动画库之一，就是 Anime.js，它是一个完全免费、开源的 JavaScript 动画库。这个库有着丰富的功能，它是针对 JavaScript 所开发的，而且它同时也非常依赖 CSS 动画。你可以在 DOM 中将其与用在单一的页面元素之上，你也可以将其用在个性化 SVG 上。 —— 由SDK.cn分享
【代码真的有必要写到完美吗？】全文=> 　　过去几个月，我总是在问自己类似的问题：为什么我们总在苛求完美的代码？因为内部项目需要，重新捡起编码任务之后，我发觉我们组内（也可能是大多数软件开发世界中的大多数人）花费了大量时间在规整编码规范、模式和测试代码，但这真的有必要么？　　作为软件开发机构，我们需要持续地进行预算、时间和特…
javascript 基础总结（一）——综合 javascript 中的作用域、预解释、this、设计模式、正则等基础详解 —— 由泳辰分享
ECMAScript6入门–Class对象面向对象的语言有一个标志，那就是他们都有类的概念，通过类可以创建任意多个具有相同属性和方法的对象。 ECMAScript5中没有类的概念，因此它的对象和基于类的语言中的对象有所不同。 Javascript生成对象的传统方…
HTML5 进阶系列：web Storage 前言 HTML5 的 web Storage 存储方式有两种：localStorage 和 sessionStorage。这两种方式都是通过键值对保存数据，存取方便，不影响网站性能。他们的用法相同，存储时间不同。localStorage 的数据保存在本地硬件
深入理解 CSS：font metrics, line-height 以及 vertical-align Line-height和vertical-align是比较简单的CSS属性，以至于我们大多数人都觉得完全理解这两个属性是如何工作以及如何使用它们。实际并非如此。这两个属性非常复杂，也许可以说是最难理解的属性了。CSS有一个鲜为人知的特性：内联元素格式化。这两者恰好在这个特性上起着重要作用。例如line-height可以是一个长…
前端小项目：使用 canvas 绘画哆啦 A 梦使用 canvas 绘画哆啦 a 梦 —— 由距离分享
【程序员应该常问常思考】全文=> 　　程序员怎样不断进步？看更多的编程书籍，学更多的开发技能，做更多的项目，这些方法的本质其实都一样：让我们保持提问，保持兴趣，保持思考，学会提出问题解决问题。那程序员想要进步，还有什么方法呢？提问。通过提问不断鞭策、不断提醒自己是否够努力。常常问自己这些问题，加以反思才能不断进步。　　你想成…
Vuex Demo 讲解作者: 混元霹雳手-ziksang vuex官网的专业术语，让有些人还是感觉，摸不着头脑，做一些实用场景给大家看 state 用来数据共享数据存储 mutation 用来注册改变数据状态 getters 用来对共享数据进行过滤操作 action 解决异步
Vuejs 2 Authentication Tutorial Vuejs 2 Authentication Tutorial —— 由幸运儿分享
Javascript 将html转成pdf,下载（html2canvas 和 jsPDF）最近碰到个需求，需要把当前页面生成pdf，并下载。弄了几天，自己整理整理，记录下来，我觉得应该会有人需要：）项目源码地址：https://github.com/linwalker/… html2canvas 简介我们可以直接在浏览器端使用…
React Native 源码解析之 Initialize Native Modules React Native 源码解析之Initialize Native Modules 上一篇的源码分析系列，我们讲解了RN初始化流程:RN代码的加载RCTJavaScriptLoader,本文将继续跟进RN初始化流程中的重要一环:Initialize Native Modules,直接入主题。上文中我们了解到： :初始化js/OC交互所需…
如何用 JavaScript 实现一个数组惰性求值库在编程语言理论中，惰性求值（英语：Lazy Evaluation），又译为惰性计算、懒惰求值，也称为传需求调用（call-by-need），是一个计算机编程中的一个概念，它的目的是要最小化计算机要做的工作。它有两个相关而又有区别的含意，可以表示为 “延迟求值” 和“最小化求值”，除可以得到性能的提升外，惰性计算的最重要的好处是它…
Vue项目–个人博客vue-blog 链接： github 主要技术构成前端主要技术栈为vue.js、vue-router、 vue-resource、 vuex 后端主要技术栈为node.js、 mongodb、 Express 博客功能前台页面 canvas粒子效果搜索文章动态显示文章留言 …
Laravel + Vue.js 的 SPA 项目中进行微信网页授权的一种姿势相信 Laravel 和 Vue.js 很多人都已经相当熟悉了，在较近版本的 Laravel 中，已经默认支持 Vue 组件化开发，这也顺应了眼下基于 API 前后分离以及开发单页面应用（SPA）的均势。项目基本情况 Laravel 5.4 overtr…
在 Webpack 2 中正确使用 Tree Shaking 的方法离完美支持 ES6 模块还有好多条工具链的距离 —— 由五角六芒星分享
javascript基础总结（三）——盒子模型1、js中的盒子模型通过js中提供一系列的方法和属性获取页面中元素的样式信息值； 2、client系列内容的宽高：是给元素定义的width/height这两个样式。如果没有设置height值，容器的高度会根据里面内容自己适应，…
#JavaScript笔记#【JavaScript全局变量与局部变量】原文：深入理解JavaScript的变量作用域在学习JavaScript的变量作用域之前，我们应当明确几点：JavaScript的变量作用域是基于其特有的作用域链的。JavaScript没有块级作用域。函数…请戳→ #前端开发博客#
CSS 视口单位: 快速入门翻译自CSS Viewport Units: A Quick Start。此文章简单介绍了视口单位及其应用，用于提升大家css知识的广度单位意义 CSS中有四个基于视口单位，分别为vh、vw、vmin和vmax。视口高度（vh）- 这个单位表示视口的高
this 与 JavaScript 中的四种调用模式 this 与 JavaScript 中的四种调用模式 —— 由缪运泽分享
使用 jQuery, Angular.js 实现登录界面验证码详解写在前面：前段事件，做了一个用ajax后台异步交互的登录功能，自己在上面加了一个验证码的功能，这个功能背后的原理挺好理解的，实现起来也十分简单，特此写波分享，，自己写的过程中踩了不少坑，这里还是照例写的详细点，大家可以做个参考，喜欢的朋友可以点个赞，或者关注
@waynelu：一个节奏极快的创业公司的 web 前端持续交付心路历程 – 一个节奏极快的创业公司，如何在平衡业务开发的同时，进行自己工程化实践，解决项目构建部署的痛点