什么是 Web Push目前大部分浏览器已经支持 Notification API，但 Web Notification 要求用户必须在线打开 Web Page。那么如何在网页关闭情况下继续发送 Web Notification 呢，那么答案就是我们今天要介绍的基于 Service Worker 和 Push API 的 Web Push 技术。 实现细节 用户授权：向用户请求用于接收消息推送的权限。 注册 Service Worker：页面向浏览器注册一个ServiceWorker，浏览器生成对应 ServiceWorkerRegistration对象。 订阅消息：页面通过 Se ...

实用 SQL 语句前言文章沿着设计一个假想的应用 awesome_app 为主线，从零创建修改数据库，表格，字段属性，索引，字符集，默认值，自增，增删改查，多表查询，内置函数等实用 SQL 语句。收藏此文，告别零散又低效地搜索经常使用的 SQL 语句。所有 SQL 都在 MySQL 下通过验证，可留着日后回顾参考，也可跟着动手一起做，如果未安装 MySQL 可参考 《macOS 安装 mysql》 (windows 安装大同小异)。 1. 创建1.1 创建数据库语法：create database db_name 示例：创建应用数据库 awesome_app 1create database ...

参考文档 Puppeteer 官方文档 Puppeteer 中文 API

转载自掘金网络，原文链接：https://saul-mirone.github.io/2016/12/19/simple-mvvm/ 什么是MVVM？MVVM是一种程序架构设计。把它拆开来看应该是Model-View-ViewModel。 ModelModel指的是数据层，是纯净的数据。对于前端来说，它往往是一个简单的对象。例如： 123456789{ name: 'mirone', age: 20, friends: ['singleDogA', 'singleDogB'], details: { ...

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 什么是 Chrome 插件众所周知，在 Chrome 的多进程架构中，包含这样几种进程： 浏览器主进程。 整个浏览器的主要进程，其他几个进程都是这个进程的子进程，由它来管理和调配；同时你所看到的浏览器的整个窗口，包含地址输入栏，书签栏这些东西也都是它来展示的； 渲染进程。 一般来说一个 Tab 标签页面就是一个渲染进程；每个渲染进程中会运行 Blink 布局引擎，V8 JavaScript 执行引擎等，单独服务于一个 Tab 标签页；运行在沙盒中无法访问系统资源。 插件进程。 一个插件单独存在于一个进程当中，同时为了安 ...

转载自掘金，作者CntChen，原文链接：https://juejin.im/post/5c627cce6fb9a049cd54ade1 背景页面可视化搭建工具, 是互联网公司中常见的运营工具, 实现了运营人员快速生成和发布页面, 提升页面上线效率; 且无需开发人员介入, 节省开发人力. 页面可视化搭建工具搭建出的页面示例: 但从零开始设计和开发出这种工具并不简单. 笔者维护的页面可视化搭建框架 pipeline, 提供了页面可视化搭建的核心功能, 免去从零实现页面可视化搭建工具的困难. 本文主要包含以下内容: 活动页面重复开发的痛点. 开发可视化搭建工具的技术要点. 理想的运营页面可视化 ...

MacOS 搭建 Python 环境安装 Python31brew install python3 12Warning: python 3.7.4 is already installed, it's just not linkedYou can use `brew link python` to link this version. 1brew link python 1Linking /usr/local/Cellar/python/3.7.4... Error:Permission denied @ dir_s_mkdir - /usr/local/Frameworks ...

转载自美团技术团队，作者刘烨，原文链接：https://tech.meituan.com/2018/10/11/fe-security-csrf.html 背景随着互联网的高速发展，信息安全问题已经成为企业最为关注的焦点之一，而前端又是引发企业安全问题的高危据点。在移动互联网时代，前端人员除了传统的 XSS、CSRF 等安全问题之外，又时常遭遇网络劫持、非法调用 Hybrid API 等新型安全问题。当然，浏览器自身也在不断在进化和发展，不断引入 CSP、Same-Site Cookies 等新技术来增强安全性，但是仍存在很多潜在的威胁，这需要前端技术人员不断进行“查漏补缺”。 前端安全近几年 ...

转载自美团技术团队，作者李阳，原文链接：https://tech.meituan.com/2018/09/27/fe-security.html 前端安全随着互联网的高速发展，信息安全问题已经成为企业最为关注的焦点之一，而前端又是引发企业安全问题的高危据点。在移动互联网时代，前端人员除了传统的 XSS、CSRF 等安全问题之外，又时常遭遇网络劫持、非法调用 Hybrid API 等新型安全问题。当然，浏览器自身也在不断在进化和发展，不断引入 CSP、Same-Site Cookies 等新技术来增强安全性，但是仍存在很多潜在的威胁，这需要前端技术人员不断进行“查漏补缺”。 近几年，美团业务高速 ...

Python 模块 模块是包括 Python 定义和声明的文件，文件名就是模块名加上 .py 后缀，模块名可以由全局变量 __name__ 得到。 Python 只有一种模块对象类型，所有模块都属于该类型，无论模块是用 Python、C 还是别的语言实现。 什么是 Python 模块简单来说，一个 Python 模块就是一个以 .py 为后缀的文件 ，模块中能定义内容包括：变量、函数、类和可执行代码。 模块类型大致有以下 3 种： Python 内置的模块，即标准库。 Python 带有一个标准模块库，并发布有独立的文档，名为 Python 库参考手册。有一些模块内置于解释器之中，这些操 ...