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

HTML5原生拖拽/拖放 Drag & Drop 详解；程序员小知识：JS数组常用方法操作；原生js的常用方法；WEB 前端菜鸟，感觉很迷茫，该怎么做？；一道小小的题目引发对javascript支持正则表达式相关方法的探讨；H5 的 Notification 特性：Web 的桌面通知功能；一个JS效果竟然要研究一天，我是不是不适合做前端？；js的四种for循环

HTML5原生拖拽/拖放 Drag & Drop 详解前言拖放（drap && drop）在我们平时的工作中，经常遇到。它表示：抓取对象以后拖放到另一个位置。目前，它是HTML5标准的一部分。我从几个方面学习并实践这个功能。拖放的流程对应的事件我们先看下拖放的流程：选中 —> 拖动
程序员小知识：JS数组常用方法操作今天igeek手册与大家分享的是： JS数组常用方法操作，希望大家看完能有所收获哦～ 1、push 添加最后一项在数组末尾添加一项，并返回数组的长度, 可以添加任意类型的值作为数组的一项。 var arr = ; arr.push(6) // arr: arr.push(‘aa’) // arr: arr.push(undefi…
原生js的常用方法前言：随着前端市场日新月异的发展，现如今的市场要的不只是会切切图的小仔、小妹了，而是需要真正懂原生js闭包，继承，原型链，node,以及熟读源码的大神，那么我们也不能太落后各位大神，撸起袖子，重新拾起原生js吧！以下是个人总结，也有一些是copy大神的，现在
WEB 前端菜鸟，感觉很迷茫，该怎么做？前几天看到这样的问题先说问题吧：感觉前端涉及到的东西太多了，自己也很浮躁，看了挺多书，可是代码缺敲得却不多。技术菜，又什么都想学，比如现在纠结要不要先学scss或者php或者angularjs,backbone等框架，还是深入学习html5+css3？然后看了一些招聘要求发现又有一些坑要填，经常处于焦躁状态，感觉心好累，然后…
一道小小的题目引发对javascript支持正则表达式相关方法的探讨这道题目是在群里日常闲聊时，公司同事抛出来的，具体是出自哪里本人没去考察。先先说说题目：写一个方法把一个数字末尾的连续 0 变成 9 ，如 1230000 变成 1239999 一道很简单的题目，直接正则就能搞定，也许你会写： function zoreToNine(num){ return (num + ”).replace(/0/g,9); } //或…
H5 的 Notification 特性：Web 的桌面通知功能目前，web网页使用桌面通知功能的越来越多，包括微博，腾讯视频等大厂站，桌面通知功能是H5的一个API-Notifications。它允许网页或应用程序可以发出通知，通知将被显示在页面之外的系统层面上（通常使用操作系统的标准通知机制，但是在不同的平台和浏览器上的表现会有差异），这样即使应用程序空闲或在后台也可以向用户…
一个JS效果竟然要研究一天，我是不是不适合做前端？前言今天这篇文章的标题，显然是要搞事情。一个JS交互效果，居然花费了一天的宝贵时间才研究出来，我是不是不太适合做前端？别急，搬好小板凳，正文从这开始～本来今天下班回来感觉有点累，想着今天就别学了吧…
js的四种for循环深入了解 JavaScript 中的 for 循环来源：www.codeceo.com 在ECMAScript5（简称 ES5）中，有三种 for 循环，分别是：在2015年6月份发布的ECMAScript6（简称 ES6）中，新增了一种循
Git 原生钩子的深度优化前言 Git 是最流行的版本控制工具，和大多数版本控制工具一样，Git 也拥有钩子特性，用户可以利用钩子实现一些附加功能，在《Pro Git v2》中，对钩子类型，消息格式等有详细介绍： 8.3 Customizing Git – Git Hooks。代码托管平台也会使用钩子，一般是使用 Server-Side Hooks。包括 pre-receive up…
搭建jest+gitlab-ci前端自动化测试环境用 jest + gitlab-ci 搭建前端UI自动化测试环境前言下面以 github创建仓库为例测试领域中比较麻烦的就是前端UI测试gitlab地址： https://gitlab.com/yunqiangwu/devops-test
《京保养》基于Vue+Vuex的单页面应用实践接到《京保养》项目需求，了解到是移动端项目，运用于微信公众号及京东 APP 。通过与后端研发沟通，后端将提供所有的数据展示接口，这样最终商定使用前后端分离技术，而作为前端这边就非常适合选择基于 webpack + Vue 的单页面应用来实现。前期组内
Vue2 源码漫游（二） Vue2 源码漫游（二）描述：在（一）中其实已经把Vue作为MVVM的框架中数据流相关跑了一遍。这一章我们先看mount这一步，这样Vue大的主线就基本跑通了。然后我们再去看compile，v-bind等功能性模块的处理。一、出发
2017 年 10 月：15 个有趣的 JS 和 CSS 库在每个月，我们都会为大家分享一些最新、有趣的前端库，希望它们中的一些会对你的项目有所帮助。当然，如果你也发现了一些有趣、实用的库，框架或是工具，也欢迎留言与大家一同分享。 1.Currency currency.js 是一个
使用 ESLint 检查 TypeScript 代码 ESLint 是一个代码检查工具，主要用来发现代码错误、统一代码风格，目前已被广泛的应用于各种 JavaScript 项目中。它通过插件化的特性极大的丰富了适用范围，搭配 typescript-eslint-parser 之后，甚至可以用来检查 TypeScript 代码。为什么需要 ESLint TypeScript 除了是一个编译 ts 文件的工具以…
翻译连载 | 附录 A：Transducing（上）－《JavaScript轻量级函数式编程》 |《你不知道的JS》姊妹篇原文地址：Functional-Light-JS 原文作者：Kyle Simpson－《You-Dont-Know-JS》作者关于译者：这是一个流淌着沪江血液的纯粹工程：认真，是 HTML 最坚实的梁柱；分享，是 CSS 里最闪耀的一瞥；总结，是 Ja
【填坑】vue+webpack 升级后在原有项目上的适配问题古人云：不作死就不会死本人的项目是 vue + webpack，vue单文件中使用了 Jade 模板与 less 预编译器起因是因为谈论到 Jade 模板问题，Jade 早已改名为 Pug，并且发布了2.0版本，想着不如升级了吧，顺便把 webpack 与
【漏洞分析】对Edge浏览器的js解析引擎Chakra漏洞CVE-2017-8548的分析 2017-11-24 15:01:08 阅读：247次来源：安全客作者：Ox9A82 作者： Ox9A82 稿费：1000RMB 投稿方式：发送邮件至linwei#360.cn，或登陆网页版在线投稿简介这是Microsoft Edge的javascript解析引擎Chakra的一个漏洞。这篇分析也是我这系列分析中的一部分，这一系列…
从 JS Event Loop 机制看 Vue 中 nextTick 的实现原理来源： GitBook 作者：大师兄作为一名前端，一直以来以精通Javascript为目标。其实说实话精通真的挺难，不是你记住全部的API就算是精通。 JavaScript的知识非常零散而庞杂，很多情况下上周学习的知识下周或是下个月就会忘记，给人的感觉就是好难学，怎么一直没进步呢？我们不能仅限于语言本身，我们要透过语…
Vue 聊天组件 We are SuperHero! THOR-X 业务级组件库 DEMO http://ly.apcan.cn 使用 1.安装组件库 npm i
最新的实用JS和CSS库分享在每个月，我们都会为大家分享一些最新、有趣的前端库，希望它们中的一些会对你的项目有所帮助。当然，如果你也发现了一些有趣、实用的库，框架或是工具，也欢迎留言与大家一同分享。 1.Currency currency.js 是一个用于处理货币值的轻量级 JavaScript 库，它解决了 JS 中的浮点问题，你无须担心 Decimal 这类…
轻松学习 JavaScript——第 6 部分：JavaScript 箭头函数
Ceph Civetweb HTTPS 的实现方案从Jewel 10.2.6 版本开始， Civetweb可以使用OpenSSL库同时支持HTTP和HTTPS，并且不再需要使用软连接方式创建openSSL的动态链接库，极大的方便了Rados Gateway（以下简称RGW）的配置和运维。 Why HTTPS HTTP协议传输的数据都是未加密的，比如访问搜索网站输入的搜索关键字等都是透明可见的，对于传输…
Event loop in JavaScript There are only two kinds of languages: the ones people complain about and the ones nobody uses. — Bjarne Stroustrup Preface
基于 Vue2.0 + Element 的单页面可视化开发实践项目迭代，要重构出一个可供用户操作的，可自由选择模板，可定制内容的页面。相当于这个单页面上最终展示的所有内容，都是由用户自己去定制完成的。细想之后觉得使用 Vue 来做比较合适，因为页面上大部分操作都可理解为是对总体数据的再排序编辑。下边是记录的开发过程中一些相对关键的问题。 Vue 原始数据的深…
JS实现遮罩层用JS实现一个常见的遮罩层，该遮罩层包含三部分（触发按钮，透明遮罩层，弹出对话层），并分解各部分（分为HTML,CSS,JavaScript)，逐一讲解实现的机理。最终效果如下图： HTML结构一个用来触发遮罩层的button(class=’test’) 遮盖整个页面的mask(id=’mask’) 弹出内容框(id=’popup’),由标题，…
每日一博 | springboot+vue 的前后端分离与合并方案 springboot和vue结合的方案网络上的主要有以下两种： 1. 【不推荐】在html中直接使用script标签引入vue和一些常用的组件，这种方式和以前传统的开发是一样的，只是可以很爽的使用vue的双向数据绑定，这种方式只适合于普通的全栈开发。 2.【推荐】使用vue官方的脚手架创建单独的前端工程项目，做到和后端完全独立开发…
JavaScript 观察者 (发布/订阅) 模式定义观察者模式定义了对象之间一对对多的依赖关系，当一个对象改变了状态，它的所有依赖会被通知，然后自动更新。和其他模式相比，这种模式又增加了一个原则: 在相互作用的对象之间进行松散耦合设计所以主要的想法是我们要有一个大的对象来处理订阅（Subject
Http 遇上 Websocket 协议说到协议，我们第一反应都会想到http，既然这样，那就对Http协议再简单的BB一番，没有对比就没有伤害，我们来见证一下最终是谁会是受伤的一方，当然结果还是你说了算，不要问小编为什么，因为你牛逼啊。 Http和Https详细介绍请看作者写的一篇文章：深入解析Http和Https 。 Http协议：众所周知的超文…
#box-shadow#【css3盒子阴影box-shadow】原来这个属性的值和参数跟text-shadow是一个样的，就是都是水平偏移（可取正负值）、垂直偏移（同上）、阴影模糊值、阴影颜色。当然使用text-shadow时是不需要区分浏览器的。另外我还发…请戳→ #前端开发博客#
基于 HTML5 WebGL 的 3D “弹力”布局分子力(molecular force)，又称分子间作用力、范得瓦耳斯力，是指分子间的相互作用。当二分子相距较远时，主要表现为吸引力，这种力主要来源于一个分子被另一个分子随时间迅速变化的电偶极矩所极化而引起的相互作…
#jQuery#【json数组使用jquery each循环遍历】说实话，有点怕使用JSON，可能是因为比较少用的原因，也没有重点学习过这方面的知识，JavaScript的视频学习到了事件了。快要进入实战阶段了。一方面积累基础，一方面学习重点…请戳→ #前端开发博客#
支持 Angular 5Wijmo 前端开发控件新版本正式上线 Angular 是谷歌用于构建移动和桌面 web 应用的 JavaScript 框架，一经推出即备受开发人员欢迎。Wijmo 是葡萄城公司出品的新一代 HTML 5 和 JavaScript UI 控件，也是全球率先支持 Angular 的控件集，因其快速灵活、零依赖性而闻名，能做到对 Angular、React、VueJS 和 TypeScript 的全面支持，正在被微软 Dynamics、Cisc…