前端 - 随笔分类(第4页) - zjffun

puppeteer - 操作支付宝报“操作频繁”错误的思考

摘要：我这里想要实现的是通过转账到支付宝的方式判断一个手机号是否注册过支付宝。但查询收款人的网络请求很复杂分析不出来，使用 puppteer 也是没有解决 “操作频繁” 的问题（应该还有很多其他的判断我没有考虑到），这里只是整理记录一下。# 问题分析转账时查询用户是否存在会报 “操作频繁”![alipay-operating-frequency](http://git_null.gitee.io/not... 阅读全文

posted @ 2019-06-30 00:27 zjffun 阅读(1654) 评论(0) 推荐(0)

React - 可控组件和非可控组件的选择

摘要：# 原则受控组件（用户输入 ---> state 更新 ---> 组件更新）的消耗明显比非受控组件大的多，但非受控组件只能在需求非常简单的情况下的使用。| 特性 | uncontrolled | 受控组件 || --------------... 阅读全文

posted @ 2019-06-30 00:26 zjffun 阅读(310) 评论(0) 推荐(0)

Retina 屏幕与二倍图

摘要：# 分辨率- 屏幕分辨率：指屏幕可显示的像素的个数- 图像分辨率：位图图像包含的像素的个数对于 Retina 屏它的分辨率是传统屏的两倍，而屏幕大小没有变化，所以它需要的图片的分辨率应该是传统屏幕的两倍（甚至多倍），显示时按传统屏的大小显示，不然就会因为图像分辨率不够造成显示模糊。# 像素- CSS 像素- 设备像素- 设备无关像素CSS 像素是设备无关像素，96 个像素长尾 ... 阅读全文

posted @ 2019-06-30 00:26 zjffun 阅读(474) 评论(0) 推荐(1)

Sass 的 & 符号（ampersands）的应用

摘要：# 重复声明有时您需要击败第三方 CSS 库的声明来获取样式的所有权：```css.parent.parent {}```这种方式比使用和 ID，内联样式或`！important`的压倒性弱，并且它可能比使用任意父元素限定选择器有好处。声明的权重不是基于选择器的上下文引发的，而是仅由其自身引发。使用`＆`你可以做同样的事情。```scss.parent { &#{&} { }}```这里需要... 阅读全文

posted @ 2019-06-30 00:26 zjffun 阅读(571) 评论(0) 推荐(0)

《ECMAScript6 入门》

摘要：# NVM# Babel`babel-core`：提供 Babel 的 API，可以获得转码后的代码和抽象语法树。`babel-polyfill`：Babel 只能转换语法，如果想用类似 Promise、Generator 等 API 要 polyfill 她。# TraceurGoogle 的 JS 代码转换器。# ECMAScript7ES6 的草案封闭，不再接受新功能，新功能将加入 ES7。... 阅读全文

posted @ 2019-06-30 00:25 zjffun 阅读(138) 评论(0) 推荐(0)

《HTML5 高级程序设计》

摘要：# 第一章 HTML5 概述## 开发 HTML5 的组织- [Web Hypertext Application Technology Working Group (WHATWG)](https://whatwg.org/)：开发 HTML 和 Web 应用 API。- [World Wide Web Consortium (W3C)](https://www.w3.org/)：W3C ... 阅读全文

posted @ 2019-06-30 00:25 zjffun 阅读(446) 评论(0) 推荐(0)

《JavaScript DOM 编程艺术第 2 版》

摘要：# 第 5 章最佳实践1. 平稳退化：~~现在基本所有带交互的网站都使用 Ajax，SAP 也火起来了，平稳退化真是很难实现了~~（看到第七章发现我之前的观点是错了）2. 分离 JS3. 向下兼容4. 性能考虑# 第 6 章案例研究：图片库改进版1. 键盘访问（提高可访问性） onclick 已经帮我们处理了，eg：下面这个绑定了 onclick 的按钮鼠标左键点击和 tab ... 阅读全文

posted @ 2019-06-30 00:24 zjffun 阅读(168) 评论(0) 推荐(0)

《JavaScript 高级程序设计》

摘要：# 第 3 章基本概念## 3.5.2 位操作符> ECMAScript 中所有数值都是以 IEEE-754 64 位格式存储，但位操作符并不直接操作 64 位的值。而是先将 64 位的值转换成 32 位的整数，然后执行操作，最后再将结果转换为 64 位。（对于开发人员 64 位存储格式是透明的，因此整个过程像是只存在 32 位的整数一样）## 3.5.6 关系操作符- 比较的操作数为对象，... 阅读全文

posted @ 2019-06-18 01:08 zjffun 阅读(231) 评论(0) 推荐(0)

《写给大家看的设计书》

摘要：# 四大基本原则（CRAP）## 亲密性（Proximity）元素分类放在一起。## 对齐（Alignment）对齐分为：左对齐、右对齐、居中对齐、两端对齐、慎用居中对齐，居中对齐的 “对齐线” 强度弱，没有力度。## 重复（Repetition）对首尾运用重复可以很好地收尾，让读者读到尾部视线停留。整个系统样式进行重复会让系统样式保持一致性，使系统各模块（页面）看上去是一个整体。## 对比（Co... 阅读全文

posted @ 2019-06-18 00:35 zjffun 阅读(191) 评论(0) 推荐(0)

《图解 CSS3 核心技术与案例实战》

摘要：# 第一章解开 CSS3 的面纱## 使用 CSS3 的好处1. 减少开发和维护成本：如传统实现圆角边框需要绘图、切图才能完成，而使用 css 可以直接完成2. 提高页面性能## 渐进增强（Progressive Enhancement）首先保证核心功能实现，让任何地段的浏览器可以看到站点的内容，然后考虑用高级但非必要的 CSS 和 JS 技术为现代浏览器提供更好的用户体验。# 第二章 C... 阅读全文

posted @ 2019-06-18 00:33 zjffun 阅读(372) 评论(0) 推荐(0)

《图解 TCP-IP(第 5 版)》

摘要：# 第一章网络基础知识计算机网络根据规模可以分为：广域网（WAN: Wide Area Network）和局域网（LAN: Local Area Network）协议的标准化：- 国际标准化组织（ISO: International Organization for Standards）制定了一个国际标准开放式通信系统互联参考模型（OSI: Open Systems Interconnect... 阅读全文

posted @ 2019-06-18 00:32 zjffun 阅读(1473) 评论(0) 推荐(0)

不缓存 JS

摘要：# 方法一：告诉浏览器不要缓存（不一定好使） # 方法二：动态 script 创建或者 var s = document.createElement('script'); s.setAttribute('src', '<script src="build/js/script.min.js?' + Math.rendom()); s.setAttr... 阅读全文

posted @ 2019-06-18 00:31 zjffun 阅读(421) 评论(0) 推荐(0)

从 sourcemap 中获取源码

摘要：使用 [paazmaya/shuji: Reverse engineering JavaScript and CSS sources from sourcemaps](https://github.com/paazmaya/shuji) 可以从 sourcemap 中获取源码。一个故事：今天同事在完全没将代码加到过 stage 的情况下按了 VSCode 的`Discard All Changes... 阅读全文

posted @ 2019-06-18 00:30 zjffun 阅读(741) 评论(0) 推荐(0)

前端工具 - ES6 相关工具

摘要：# 处理 ES6 语法使用 Babel> Babel 是一个用于将 ECMAScript 2015+ 代码转换为新旧浏览器或其他环境支持的 JavaScript 向下兼容版本代码的工具链。>> Babel 主要可以做：>> - 语法翻译> - 拓展（Polyfill）您的目标环境不支持的特性> - 源码转换# 处理 ES6 的 module1. 使用 Babel 的插件[babel-... 阅读全文

posted @ 2019-06-18 00:29 zjffun 阅读(317) 评论(0) 推荐(0)

前端工具 - gulp-ruby-sass - 解决带有中文路径报错（incompatible character encodings GBK and UTF-8）

摘要：今天 gulp 一个项目编译 sass 时提示 Encoding::CompatibilityError: incompatible character encodings: GBK and UTF-8 Use --trace for backtrace.# 解决步骤## 一：gulp-ruby-sass 配置`--trace`定位错误- `sass(source, [opti... 阅读全文

posted @ 2019-06-18 00:28 zjffun 阅读(774) 评论(0) 推荐(0)

包管理 - peer dependency 的安装

摘要：npm 和 yarn 安装依赖（包）时不会自动安装 peer dependence（虽然很旧的 npm 是会自动安装的，但几乎没人用那么旧的了），而是给出如下警告：```bash$ npm install --save-dev rollup-plugin-typescriptnpm WARN rollup-plugin-typescript@1.0.0 requires a peer of tsl... 阅读全文

posted @ 2019-06-18 00:27 zjffun 阅读(2349) 评论(0) 推荐(0)

同源策略和跨域资源共享（CROS）

摘要：# 同源策略[Same-origin policy - Web security | MDN](https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy)# 跨站资源共享[Cross-Origin Resource Sharing (CORS) - HTTP | MDN](https://developer.m... 阅读全文

posted @ 2019-06-18 00:25 zjffun 阅读(2255) 评论(0) 推荐(0)

媒体查询的三种方式

摘要：> [responsive design - On desktop PC, mobile css loads first, then it switches to the desktop version - Stack Overflow](https://stackoverflow.com/questions/53590786/on-desktop-pc-mobile-css-loads-firs... 阅读全文

posted @ 2019-06-18 00:24 zjffun 阅读(263) 评论(0) 推荐(0)

数据可视化 - D3js - 展示古地理图和古地理坐标反算 ^_^gplates 古地理坐标反算接口

摘要：[在线演示](https://jsfiddle.net/1010543618/pbt82omd/)```html 140 Ma Time: Projection: Function: 1... 阅读全文

posted @ 2019-06-18 00:23 zjffun 阅读(413) 评论(0) 推荐(0)

数据存储 - cookie、sessionstorage、localstorage

摘要：# HTML5 Web StoragesessionStorage 和 localStorage 是 HTML5 Web Storage API 提供的，可以方便的在 web 请求之间保存数据。有了本地数据，就可以避免数据在浏览器和服务器间不必要地来回传递。 sessionStorage、localStorage、Cookie 都是在浏览器端存储的数据，其中 sessionStorage 的概念... 阅读全文

posted @ 2019-06-18 00:22 zjffun 阅读(477) 评论(0) 推荐(0)

zjffun

随笔分类 - 前端

公告