Skip to content

Instantly share code, notes, and snippets.

@foreverplay
foreverplay / question.md
Created June 4, 2020 08:41
nginx: [emerg] unknown directive "if($request_uri" in
nginx: [emerg] unknown directive "if($request_uri" in

solution: add a blank after if

if ($request_uri ~ '/admin') {
    return 404;
}
@foreverplay
foreverplay / cloudSettings
Last active December 29, 2020 13:39
Visual Studio Code Settings Sync Gist
{"lastUpload":"2020-12-29T13:39:43.260Z","extensionVersion":"v3.4.3"}
IE9不能支持FormData
IE9不能支持文件(File) 接口
IE9不能识别application/json
IE9不支持以e.target.value的方式取Dom组件的value值(Input, Select etc…)
IE9不支持很多CSS3特性,比如animation
IE9不支持H5 Input控件(如select, email etc..)
IE9不能完全解析体积大于250k的css文件
在设置滚动条overflow的情况下,不断滚动会导致底部出现大片空白(chrome, firefox无此类问题)
IE9下React不支持BrowserRouter,支持HashRouter
---------------------
@foreverplay
foreverplay / gist:50186d14969892522f68d003d7c18d12
Created July 17, 2019 08:41
多行文本对padding无效,设置高度也同样无效
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
必须要padding的话需要放进子div,不能设置高度和padding方能有效
@foreverplay
foreverplay / gist:0780305362ad605591d03064200ab7f8
Created July 11, 2019 05:27
Quill编辑器IOS下无法获取焦点的解决方法
造成Quill-Editor无法获取焦点的大部分原因是Css的问题,罪魁祸首:
*{
-webkit-user-select:none;
}
ios下直接造成无法获取焦点。
解决方法,覆盖以上css设置即可:
#dveditor *{
-webkit-user-select:text;
@foreverplay
foreverplay / gist:d13efc45ed8aa45c4cff622d6ffdfd7c
Created July 11, 2019 05:27
Quill编辑器IOS下无法获取焦点的解决方法
造成Quill-Editor无法获取焦点的大部分原因是Css的问题,罪魁祸首:
*{
-webkit-user-select:none;
}
ios下直接造成无法获取焦点。
解决方法,覆盖以上css设置即可:
#dveditor *{
-webkit-user-select:text;
@foreverplay
foreverplay / gist:5a6f606774eb4db68b0d7a6ecdee8289
Created July 11, 2019 01:38
iOS的transform相互影响之坑
iOS的内联样式设置的transform会被class内的外联样式影响而不起作用
@foreverplay
foreverplay / vue.md
Created August 27, 2018 03:50
当vue需要watch多个属性,执行同一方法避免重复执行多次的问题?

vue父组件向子组件传值变动时,子组件内部的处理方法并不会自动根据变化重新执行;此时需要采用watch方法处理;

var vm = new Vue({
  data: {
    a: 1,
  },
  watch: {
    a: function (val, oldVal) {
console.log('new: %s, old: %s', val, oldVal)
@foreverplay
foreverplay / js.md
Last active August 23, 2018 09:11
js最大安全整数问题

具体介绍看 JS 的整型你懂了吗? 为什么有最大安全值,因为超过最大安全值的计算会使用浮点运算,导致结果丢失精度 JS的最大和最小安全值可以这样获得:

Math.pow(2, 53) - 1     // 9007199254740991
console.log(Number.MAX_SAFE_INTEGER); //9007199254740991
console.log(Number.MIN_SAFE_INTEGER); //-9007199254740991

注意⚠️按位运算符和移位运算符以32位整数运算

@foreverplay
foreverplay / t.md
Created August 8, 2018 06:17
Chrome 12px限制问题,css2rem 遇见了div的宽度也被限制的问题

最近为了方便 想要做页面的时候按照UI稿1:1的比例设置好, 然后根据postcss 的plugins postcss-pxtorem 进行px转换成rem 通过rem控制不同屏幕下面字体的大小

然而因为懒,将所有px转换成rem,屏幕尺寸大倒是可以兼顾到 屏幕小就出现了12px限制的问题了,那些wdith 和height等使用rem做尺寸的问题出现了不能更小的问题了;