随笔分类 - 技术问题汇总
总结工作中碰到的问题
摘要：“真机远程调试”（remote inspect web on real device），是指用桌面电脑（PC或MAC）远程连接上移动设备，通过类似Chrome浏览器开发人员工具的界面，来调试移动设备上运行的网页 https://github.com/jieyou/remote_inspect_web
阅读全文
摘要：跨域是什么 跨域问题，是由于JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。换句话说，只有JavaScript存在跨域问题。 什么情况下会出现跨域 不同源访问，就算是跨域了哟。那什么才算同源呢？一般来说，同源，即同一来源，包括主机名、协议和端口号。 例如， http://blo
阅读全文
摘要：在做公司手机端官网时，在微信浏览器打开时，出现下图这种情况：微信浏览器出现自带的下拉弹性效果，导致自己写的下拉刷新功能出现问题。 为了解决这个问题，网上提供的解决方法基本是： 或者： 这是很暴力的做法，虽然是把下拉弹性效果禁止了，可是也把页面里的滚动条禁止了，导致网页不能滚屏。 经过了解。微信下拉弹
阅读全文
摘要：$("outerSelector").on("eventType","innerSelector",function(){}); 举例：如果在一个<div class="title"></div>中，通过append添加一个id="demo"的按钮，常用的直接$("Selector").on("ev
阅读全文
摘要：问题重现 原始页面：页面中有header、main、footer三部分，其中 header 和 footer 通过 position: fixed; 定位在浏览器顶部和底部。 其中，footer 中有一个input 输入框。 点击 input 框使之获取焦点，唤起虚拟键盘，正常页面效果如下： 注：在
阅读全文
摘要：参考来源：知乎张轩 安装 先装好node和npm，因为webpack是一个基于node的项目。然后 npm install -g webpack 全局安装 还可以在当前项目里面也安装一个webpack, 这也是官方推荐的做法 npm install webpack --save-dev 还可以在当前
阅读全文
摘要：规则1：减少HTTP请求 1. 图片地图（map） 2. CSS Sprites 3. 内联图片 data:[<mediatype>][;base64],<data> 4. 合并脚本和样式表 规则2：使用内容发布网络（CDN） 规则3：添加Expires头 更新方法：修改链接/组件文件名（比如设置版
阅读全文
摘要：什么是跨域？ 概念：只要协议、域名、端口有任何一个不同，都被当作是不同的域。 对于端口和协议的不同，只能通过后台来解决。 跨域资源共享（CORS） CORS（Cross-Origin Resource Sharing）跨域资源共享，定义了必须在访问跨域资源时，浏览器与服务器应该如何沟通。CORS背后
阅读全文
摘要：目前网站图片的采用一共有流行三种，分别是JPG、PNG、GIF，然而很多人并不知道三者在选择的时候究竟应该选谁。虽然都可以存储图片，但是如果要发布到网上，就必须考虑速度、大小和失真程度的问题。如果你运用得好，选对图片，那样便会使网站的整体体验上升，如果你运用得不好，就会引起反效果。下面我通过文件大小
阅读全文
浙公网安备 33010602011771号