yyh issues

Results 121 issues of

yyh

HTML CSS 转义字符实体

  箭头类   基本形状类   货币类   数学类   音乐符号类   对错号   全都是星星   星座类   国际象棋类   扑克牌类   希腊字母   十字   法律符号   标点和符号 ⇠  箭头类符号 UNICODE 符号 UNICODE HTML JS CSS HTML JS CSS ⇠ &#8672 u21E0 21E0 ⇢...

### 1. 微信网页debug [https://x5.tencent.com/tbs/guide/debug/faq.html](https://x5.tencent.com/tbs/guide/debug/faq.html) [https://x5.tencent.com/tbs/guide/debug/season1.html](https://x5.tencent.com/tbs/guide/debug/season1.html)

tool

微信小程序开发注意事项

# 微信小程序开发 ## 一、注意事项: + ### 小程序组件开发限制： + [原生组件](https://developers.weixin.qq.com/miniprogram/dev/component/native-component.html) + [map](https://developers.weixin.qq.com/miniprogram/dev/component/map.html) + 地图样式较少，不能满足复杂开发需求 + api较少，不能满足复杂渲染需求； + [canvas](https://developers.weixin.qq.com/miniprogram/dev/component/canvas.html) + 当涉及大量数据需要滚动展示时，由于原生组件的限制，实现成本和效果不太理想； + [camera](https://developers.weixin.qq.com/miniprogram/dev/component/camera.html) + [input（仅在focus时表现为原生组件）](https://developers.weixin.qq.com/miniprogram/dev/component/input.html) + [live-player](https://developers.weixin.qq.com/miniprogram/dev/component/live-player.html) + [live-pusher](https://developers.weixin.qq.com/miniprogram/dev/component/live-pusher.html) + [textarea](https://developers.weixin.qq.com/miniprogram/dev/component/textarea.html) +...

background-clip react 数据更新展示不变坑

![image](https://user-images.githubusercontent.com/24493052/66885500-10467100-f007-11e9-905b-cf5c1678c3fe.png) + [caniuse](https://caniuse.com/#search=background-clip%3A%20text) + [mdn](https://developer.mozilla.org/zh-CN/docs/Web/CSS/background-clip) ### 解决方案 ```css .title{ position: relative; } .title::after { content: attr(data-letter); background: -webkit-linear-gradient(left, #f2b233, #fff172 55%, #f2b233); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } ``` ```react ```

button effect

[https://codepen.io/doggard/pen/dXYzjW](https://codepen.io/doggard/pen/dXYzjW) ```html ``` ```css body { background-color: TOMATO; color: darken(#fff, 20%); padding-top: 25%; text-align: center; } .stuff { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); } h3 { font-family: @font-family; color: #fff;...

video 微信层级

```js x5-playsinline="true" x5-video-player-type="h5-page" ``` ```js import React, { Component } from "react"; import styled from "styled-components"; import { ICSS, ICSSProps } from "@gago/frame"; // tslint:disable:variable-name jsx-no-multiline-js const Root = styled.div`...

lerc

``` request-header: reponseType: arrayBuffer ``` ![image](https://user-images.githubusercontent.com/24493052/61426733-fe90f700-a94d-11e9-9060-7083da387cb6.png) [arrayBuffer](https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseType) [application/octet-stream](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types)

http axios 网络请求

### [axios 封装](https://www.jianshu.com/p/d6796986e2ab)

直播

### `video.js`报错因为chrome禁用了falsh, aliplayer动态添加了白名单 ```js video.dev.js:1460 VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this video ``` [无法获取视频资源](https://www.jianshu.com/p/16a2f6048301) ### 直播方案 [链接](https://www.jianshu.com/p/a9c2db7b1fb9) ### aliplayer 直播其实也是用的flash 在chrome中添加了白名单 [链接](http://player.alicdn.com/aliplayer/setting/setting.html) ###...

Array 对象/ String对象

* ### 数组浅拷贝： ```js Array.from(arr, mapFn) //后面可执行一个map回调函数 arr.slice() + 字符串、数字和布尔直接复制值， + 对象：拷贝对象的引用，则如果被引用的对象发生改变，则型数组和原来数组也发生改变 [].concat(arr) arr.concat([]) ``` ### 生成特定长度数组 ```js Array(21).fill(0).map((item, index) => item + index * 5) ``` * ### map...

javascript