前端57

Web 应用缓存初级使用指南
原文出处:html5rocks 简介 离线访问对基于网络的应用而言越来越重要。虽然所有浏览器都有缓存机制,但它们并不可靠,也不一定总能起到预期的作用。HTML5 使用 Appl ...
谷歌浏览器新版本 Chrome 80 默认 SameSite 导致跨域登录状态失效的问题
不少用户升级到了 Chrome 80 版本以后发现登入公司的聚合类中台项目成功之后,打开内部嵌套的一个 iframe OA 应用但还是让输入用户名密码登录。这个情况是什么原因导致的?如何解决? ...
使用 document.designMode 在浏览器中实时编辑网站
网页只是浏览器显示的文档。 在开发的时候,想直接在网页上进行修改,一般是调出 DevTools,在元素上修改看效果。但其实还有更方便的方法可以直接在页面上进行修改,也不需要浏览器安装扩展程序,它是每 ...
将博客全站变为黑白色的 CSS 代码(哀悼用)
为了哀悼亲人朋友,或者是重大灾害哀悼同胞,我们就需要将全站变为黑白色。之前用的主题有这个功能,现在用的主题没了这个功能。不用怕,我们只要在 html 标签上加上如下 css 代码即可实现此功能。 ht ...
Webpack, VSCode 和 Babel 组件模块导入别名
很多时候我们使用别人的库,都是通过 npm install,再简单的引入,就可以使用了。 import React from ‘react’ import { connect } from ‘reac ...
关于 Echarts 中 option 的赋值方式的建议
在做项目的时候有使用 Echarts 作为统计数据的图表显示。通常我使用 Echarts 的时候会在文件的最上面创建一个 const option 常量对象,使用中对 option 用 lodash ...
React Native 项目 debug 模式调试安卓真机白屏
因为 iPhone 和 安卓在界面显示有些不同(比如 overflow 的问题),开发和测试中需要在 iPhone 和安卓上都跑一下。 在我的魅族 MX5 和 红米 Note 3 跑 debug 版的 ...
React Native <View> 标签不能直接内嵌字符串文本
公司的 React Native 项目当时为了快速开发,使用的是之前的比较老的 React Native 项目做得架子。没有装 Eslint。稍微不忙的时候,我安装配置了 Eslint,打算新的界面文 ...
HTML 语义化
Web 语义化是指使用恰当语义的 html 标签元素、class 类名、属性、和属性值(包括像Microdata之类的扩展)等内容,让页面具有良好的结构与含义,从而让人和机器都能快速理解网页内容。语义 ...
从数组中随机选择项目(JavaScript)
如何从数组中随机获取某一个项目?如下代码所示: var myArray = [ “Apples”, “Bananas”, “Pears” ]; var randomItem ...