音韵者天

将图标制作成字体是现在很多网站常用的做法。本节将对字体图标从制作到页面调用以及一些注意事项做详尽的介绍。1.字体图标的制作首先通过一些矢量图形处理软件（AI，FW等）将所需图标定制，然后输出成SVG格式。如下所示： 这里需要注意：在制作图标时不要对其进行描边处理，不然在线生成时会出现不正常显示。2.在线生成通过https://icomoon.io/app/#/select 这个网站来生成。当然还有

今天网站用到一个点击链接调用qq自动加群的弹窗功能。感觉还挺方面，记录下来以备后用。首先打开qq推广首页http://shang.qq.com/v3/index.html，然后登陆需要绑定的QQ号。选择左侧一键加群组件。左侧”请选择你创建的群”来设置你需要绑定的群。复制右侧代码到你需要调用的地方即可。刚进去的界面设置是绑定个人qq直接弹出聊天窗口。

问题描述 部分用户访问网站时，检测日志出现url（http://www.xxx.cn/browserconfig.xml）这个返回404.网上一搜才知道，这是ie11的磁贴（https://msdn.microsoft.com/library/dn455106(v=vs.85).aspx）配置文件。当用户固定站点时，IE11 会查找名为 browserconfig.xml 的包含独立通知文件（磁贴架

webpack配置文件之前是依赖全局环境下的打包过程，下面将 webpack 安装到项目的依赖中，这样就可以使用项目本地版本的 webpack首先创建package.json文件：npm init自动生成后如下：{ "name": "webpack-package.json", "version": "1.0.0", "description": "", "main": "bu

前因给元素绑定click事件后在移动端下会有一定的延迟，主要是从点击屏幕上的元素到触发元素的 click 事件，移动浏览器会有大约 300 毫秒的等待时间。这是因为浏览器想看看你是不是要进行双击（double tap）操作。解决办法Chrome浏览器在安卓设备上的时候，设置meta头信息中，阻止用户的多点触控操作<meta name="viewport" content="minimum-sca

在这里将会收集相关经典的css hack 布局的一些例子。让一个尺寸不定的div距离浏览器上下左右都为10px//cssdiv{ border:1px solid red; position: fixed; left: 50px; right: 50px; top: 50px; bottom: 50px;}//html<div></div>fo

什么是跨域？在了解跨域之前，首先要知道什么是同源策略（same-origin policy）。简单来讲同源策略就是浏览器为了保证用户信息的安全，防止恶意的网站窃取数据，禁止不同域之间的JS进行交互。对于浏览器而言只要域名、协议、端口其中一个不同就会引发同源策略，从而限制他们之间如下的交互行为：Cookie、LocalStorage 和 IndexDB 无法读取。DOM 无法获得。AJAX 请求

一、在服务器环境下通过IP访问首先搭建一个服务器环境或者下载现成的程序集成包（比如phpstudy、jspstudy等）。确保服务器和手机连接在同一网段。如果是笔记本的话，手机和笔记本直接连接在同一wifi下，如果是台式机，则需要插入无线网卡或者其他的无线措施确保两个在同一网段下。通过本机IP+端口访问需要测试的项目。二、liveStyleliveStyle是个提供“样式实时预览”插件，在