彻底搞懂CSS层叠上下文、层叠等级、层叠顺序、z-index；【抛砖引玉】使用 ES6 的类继承加速 SPA 开发；Cookie 或将被替换，Chrome 工程师提议新型 HTTP 状态管理协议；前端数据校验从建模开始；【JavaScript】JavaScript Array 对象（数组）；读Redux源码02 – createStrore；react在安卓下输入框被手机键盘遮挡问题；gojs 流程图框架-节点装饰器模板(二)
-
彻底搞懂CSS层叠上下文、层叠等级、层叠顺序、z-index 前言 最近，在项目中遇到一个关于CSS中元素z-index属性的问题，具体问题不太好描述，总结起来就是当给元素和父元素色设置position属性和z-index相关属性后，页面上渲染的元素层级结果和我预想的不一样。根据自己之前的理解，也没找到一个合理的解释。我
-
【抛砖引玉】使用 ES6 的类继承加速 SPA 开发 【抛砖引玉】使用 ES6 的类继承加速 SPA 开发 背景 随着 ES6 和 SPA 框架的普及，前端开发已经在从以往的页面为主体向组件为主体进行改变，而组件的重用可以使用类继承来加速 SPA 开发。下面就是一个简单的继承实现的例子。 初始化项目 本文使用 a
-
Cookie 或将被替换，Chrome 工程师提议新型 HTTP 状态管理协议 问题 Cookie允许无状态的HTTP协议支持有状态会话，在web上，我们依靠Cookie实现了很多有趣的功能。即便如此，Cookie依然还是有很多问题：使用起来不够安全，浪费资源，使用一种令人惊讶的方式追踪用户在网络上的活动。 安全：这些年我们引入过很多的特性，试图提供合理的安全属性给那些关心安全的开…
-
前端数据校验从建模开始 前端开发过程中你们觉得处理什么业务功能最烦人？ 做前端已经有很长一段时间了，不知道大家是否和我有同样的感受，在一些 Web 应用中表单处理起来比其他功能模块都麻烦，很多体力活，往往在数据的校验会很费时间。 为了能够把这部分代码更有条理,我们把数据校验部分通过
-
【JavaScript】JavaScript Array 对象（数组）Array对象 创建 Array 对象的语法 {代码…} 参数 {代码…} 返回值 {代码…} Array 对象属性 {代码…} Array 对象方法 {代码…} 实例 1.用join(” “)格式化输出 使用join格式化输出：每个元素用空格分开 {代码…
-
react在安卓下输入框被手机键盘遮挡问题 问题概述 今天遇到了一个问题，在安卓手机上，当我要点击输入“店铺名称”时，手机软键盘弹出来刚好把输入框挡住了；挡住就算了，关键是页面还不能向上滑动，整个手机窗口被压为原来的二分之一左右；
-
gojs 流程图框架-节点装饰器模板(二) 上一章我们了解了如何使用 gojs 完成基本的节点和连接线的绘制, gojs 中还可以对节点或边进行自由拖动, 编辑等功能; 本章将基于上一章编写的流程图代码, 为这些节点设置装饰器模板 完成后的效果图: 建议下载源码, 对照本文进行学习, 源码地址: gi
-
《React Native 精解与实战》书籍连载：iOS 平台与 React Native 混合开发 此文是我的出版书籍《React Native 精解与实战》连载分享，此书由机械工业出版社出版，书中详解了 React Native 框架底层原理、React Native 组件布局、组件与 API 的介绍与代码实战，以及 React Native 与 iOS、Android 平台的混合开发底层原理讲解与代码实战演示，精选了大量实例代码，方便读者快速学习。 …
-
【JavaScript】DOM之Node对象Node对象 Node对象是什么 该对象封装DOM的底层对象，该对象只是提供了操作属性和方法，并不能直接打印操作属性和方法 {代码…} 继承链关系 Node对象继承与EventTarget对象 {代码…} 判断节点类型 以nodeName，n…
-
学习 canvas 的 globalCompositeOperation 做出的神奇效果最早知道 canvas 的 globalCompositeOperation 属性，是在需要实现一个刮刮卡效果的时候，当时也就是网上找到刮刮卡的效果赶紧完成任务就完了，这次又学习一次，希望能加深理解吧。
-
React-Redux 源码解析 一（createStore） createStore 一般而言，我查看一个库的源代码，首先回查看对应方法的参数，其次是对应的return ,然后再看代码的具体实现。 通过查看源码，发现createStore 方法返回了一个对象， 该对象共暴露出了五个方法，四个常用的方法: retu
-
《Web 推送通知》系列翻译 | 第四篇：请求权限的交互 原文地址：permission-ux 译文地址：请求权限的交互 译者：杨芯芯 校对者：张卓、刘鹏 获得 PushSubscription 并将其保存到我们的服务器之后，就可以触发推送消息了，但是有一件事我之前一笔带过了，那就是向用户请求权限时的用
-
ECMAScript正则表达式6个最新特性译者按： 还没学好ES6？ECMAScript 2018已经到来啦！ 原文：ECMAScript regular expressions are getting better! 作者: Mathias Bynens: Google V8引擎开发者 译者：Fundebug 为了保证可读性，本文采用意译而非…
-
Vue源码解读之Dep,Observer和Watcher在解读Dep,Observer和Watcher之前，首先我去了解了一下Vue的数据双向绑定，即MVVM，学习于:[链接]以及关于Observer和watcher的学习来自于：[链接]
-
前端每日实战：122# 视频演示如何用纯 CSS 创作一个苹果系统的相册图标效果预览 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] …
-
使用Frp内网穿透快速搭建Web应用实践笔者最近折腾docker服务比较多，这几天想把在内网中的服务搬到公网当中，但docker对内存要求较高，而云服务高内存的服务器又比较贵，家里虽然有一台旧笔记本内存还可以，但是没有公网IP地址，视乎还是没有办法，…
-
实战：React全家桶仿PC端《快看漫画》(部分) 前言 最近在学习React，为了在学习的同时巩固一下所学内容，决定仿一个《快看漫画》的网页；由于学习进度及时间问题，我只实现了网站的部分功能：登录与退出、对应漫画关注/取关、关键词搜索等。
-
vs.code 格式化vue 代码，符合ESLint规范vs.code 格式化vue代码 安装插件 安装ESLint 安装Vetur 安装EditorConfig for VS Code 配置 打开 文件>首选项>设置, 右侧粘贴 {代码…} .vue 文件保存后,会自动格式化HTML和Script部分代码,并且符合ESLint…
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
