随笔分类 - Javascript CSS
分享在前端开发过程中的开发感悟、代码等
摘要：我们项目库内使用axios作为网络请求库，在开发环境下，配置widthCredentials = true后，发现网络请求头内并没有携带cookie 正常的情况，应该是下面这样的 Request Headers GET /api.json HTTP/1.1 Host: api.topLevelDom
阅读全文
摘要：由于 JS 的弱类型、宽松的编写规范、以及开发工具的弱鸡支持，我们在维护前人的代码时，经常会出现不知道某一个方法或字段命名来自于哪里，一定要在全局搜索以后慢慢筛查才能找到 同样我们在使用接口返回的对象字段时，也不知其类型几何，意思几何 甚至在我们使用挂载到 vue 全局对象上的方法时，纯粹靠猜，尤其
阅读全文
摘要：github链接在这 Installation $ npm install jscrs -g Usage $ npx jscrs or $ jscrs options 不建议使用自定义配置 config 配置文件，该文件必须是json格式。配置文件支持的选项与cli options相同 Cli op
阅读全文
摘要：报错详尽信息 Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported. 关键词 前言 最近在做一个创意类的图片合成工具，大概齐就
阅读全文
摘要：Definition 瀑布流布局，在视觉上表现为参差不齐的多栏布局，随着页面滚动条向下滚动，新数据不断被加载进来。 瀑布流对于图片的展现，是高效而具有吸引力的，用户一眼扫过的快速阅读模式可以在短时间内获得更多的信息量,而瀑布流里懒加载模式又避免了用户鼠标点击的翻页操作。 瀑布流的主要特性便是错落有致
阅读全文
摘要：``在 加载失败或没有给的，浏览器会自动给 加上边框。 如下图这样： 产品觉得影响美观，一定要pass掉。 原码是这样： 百度一下，在知乎上找到了解决方案，链接在这 "https://www.zhihu.com/question/27426689" 基于能用 实现就不用 的原则，选择了以下的解决方案
阅读全文
摘要：一个月前，组内的一个内部使用的浏览器比价插件的前端部分交给我来维护，作为一个老司机我是拒绝的，自己的代码都是坑，还要去给别人填坑，搞笑地说。 呵呵，能拒绝么。。。。 好好享受吧，骚年。。。。。。 第一次修改 看到代码的那一刻我惊呆了，就一个js文件，接近2000行的代码。这个还好，比这个行数多的我见
阅读全文
摘要：css权重是什么？ 概述 中文一般译为 优先级、 权重。相比“权重”，“优先级”更好理解， 官方中文文档就翻译为“优先级”。 基于设定的匹配规则，浏览器通过设定好的优先级来判断哪些属性值 元素最为相关，从而在该 上应用这些值。 简单理解就是一个 的某个属性值有多个 样式设置，优先级高的那个应用。很多
阅读全文
摘要：js的基本数据类型有哪些？ 中有5中简单数据类型（也称为基本数据类型）: 、`Null Boolean Number String Object Object`本质上是由一组无序的名值对组成的。 其中 、`Null Boolean Number Object Array Function Strin
阅读全文
摘要：常规优化 1. javascript 外联文件引用放在 html 文档底部 2. css 外联文件引用在 html 文档头部 3. http 静态资源尽量用多个子域名：充分利用现代浏览器的多线程并发下载能力。浏览器的多线程下载能力 4. 服务器端提供 html 文档和 http 静态资源时，尽量开启
阅读全文
摘要：为什么要用rem 参考文章 "web app变革之rem" 公司使用的 （也就是 iPhone6 ）作为缩放比例标准，设计师是按照750px的标准出图 为了保证在不同的屏幕下显示效果基本等同，为此规定了缩放比例 / 25 = 15 这里的根字体大小可以按照喜好自定义 因此在计算 值时,需要按照设计师
阅读全文
摘要：1.安装sass被墙的问题 安装完 后，打开 输入 ,安装失败，有可能是镜像源的问题，也有可能是墙的问题。 因为公司内网的奇葩限制，各种墙，非常的不爽。 可以先参考 "sass install" 安装淘宝镜像 镜像源被墙，安装失败的话，只能使用代理安装了。比较麻烦，可以详细参考以下步骤： 将 "ca
阅读全文
摘要：主要对 图片全屏预览插件 做了以下三点补充 1.添加了预览图片文字说明，使用的时候需要添加以下 及`DOM`属性 2.如果图片过宽或过长，预加载图片（上一张或下一张）时，会和当前显示的图片重叠 原来的效果是这样 主要对缩放进行了更改 3.解决了预加载页面返回（mui.back）重新加载数据并打开时，
阅读全文
摘要：mui提供了tap事件替换了html5的click事件，解决了300ms延时的问题。不过相比原生app的click体验还是有些许差距的。关于300ms延时的问题， "这篇帖子" 分析的比较完善,其中提到了穿透的问题，值得一读 仅用微信为例，只有当手指离开屏幕时才触发click事件，如果对象绑定了长按
阅读全文
摘要：chrome://inspect调试html页面空白，DOM无法加载的解决方案 先描述一下问题 有一段时间没碰huilder hybird app 开发了，今天调试的时候 chrome://inspect/ devices 可以发现页面，但是打开后空白 解决方案 FQ后就可以了，下次就...
阅读全文
摘要：html5实现ios长按图标后进入图标排序及删除功能的效果 我们知道在ios（国产定制安卓系统基本都有）设备上按下图标，图标就会不停的抖动，并且可以随心拖动排序和删除。 那么问题来了，我们怎么通过html5来实现呢？ 1.首先要保证移动端支持 ,`longtap touch drag`等事件，因此引
阅读全文
摘要：myStorage在ios safari无痕浏览模式下的解决方案 今天看到了这个帖子 "LocalStorage 在 Private Browsing 下的一个限制" , 吓尿了，如果用户开启了无痕浏览，app几乎就废了，虽然做了plus.storage的兼容，不过会很慢很慢滴。 赶紧测试一下。。。
阅读全文
摘要：关于sortable "看这" 兼容的解决方案 "看这" http://www.cnblogs.com/phillyx/ 示例代码已更到github
阅读全文
摘要：MUI 封装localStorage与plus.storage 2.0版本 在使用plus.storage频繁地存取数据时，可以感觉到明显的卡顿，而且很耗内存， 在切换到localstorage时虽然效率很高，页面渲染速度明显变快了，且手机发热不明显，不过又遇到了存储瓶颈（一般<=5M）, 因此折中
阅读全文
摘要：打开页面默认弹出键盘及返回关闭键盘 http://www.cnblogs.com/phillyx/
阅读全文
