# WEB前端

PM2下使用 npm 持久命令

跨域,后台跨域,php

响应式开发的本质是针对多种屏幕做适配 ，首先需要掌握几个基本概念： 物理像素：设备的屏幕实际像素点，如常说的 iPhone 6 Plus 的分辨率是 1920 * 1080 像素。 设备独立像素：逻辑像素，用于定义应用的UI。 屏幕像素比（devicePixeRatio）：物理像素与设备独立像素的比值。 首先响应式布局是现在比较流行的布局方法之一，因为响应布局可以兼pc，移动，平板端开发代码量远远低于自适应式。 响应式布局开发首先是要以pc端的交互为基础而延续到移动，平板端开发，这里就有人可能有疑问的为什么要以pc端为基础，答案很简单因为pc端的屏幕比例大小无疑是比后两者都要大， 响应式开发就按照屏幕达到特定的比例就改变css，js为特定比例相对应的对象终端。 首先响应式开头哪里要加上 <meta name="viewport" content="width=device-width,initial-scale=1"> viewport 属性 viewport 是指屏幕上能用来显示网页的区域，默认情况下大多数设备的 viewport 的宽度都是 980 像素 ，可以通过在 heade

ajax()方法通过HTTP请求加载远程数据库(换句话来说就是要apache这种服务) 该方法是jquery底层AJAX实现(jquery本来就是是js方便版所以js也可以，就是麻烦而已）。$ajax()返回其创建的XMLHTTPReacest对象。 大多数情况下你无需直接操作该函数，除非你需要操作常用的选项，以获取更多的灵活使用。 最简单的情况下，$.ajax() 可以不带任何参数直接使用。 ajax的优势是什么 ajax是异步传输技术(当然可以同步了可是同步了要在整个页面数据加载完前锁死页面不推荐用， 所以ajax横空出世)，可以通过javascript实现，也是可以通过jquery框架实现， 实现局部刷新，减轻了服务的压力，也提高了用户的体验 发送数据到服务器 默认情况下，Ajax 请求使用 GET 方法。如果要使用 POST 方法，可以设定 type 参数值。 这个选项也会影响 data 选项中的内容如何发送到服务器。 data 选项既可以包含一个查询字符串，比如 key1=value1&key2=value2 ，也可以是一个映射，比如 {key1: 'value1', key

CSS3学习笔记：蒙版 倒影 hsla模式 效果 最近才知道 ⊙ω⊙ css3还可以有ps的蒙版 倒影 hsla模式 效果顿时感觉css3很强大啊！ css3以前就知道有动画属性，现在知道有了css3有蒙版 倒影 hsla模式 终于不不用为了就几张图的效果 打开那个麻烦的ps修图，然后又要重新上传一次图太麻烦。 由于此属性并不是W3C标准属性，在具体使用之时，还是需要添加浏览器的私有属性，根据浏览器的兼容性，使用蒙版 倒影 hsla模式需要添加-webkit和前缀 一.蒙版 -webkit-mask-image: url(蒙版图片路径) | 使用渐变作为蒙版; -webkit-mask-repeat: no-repeat | repeat | repeat-x | repeat-y; -webkit-mask-position: center;//定位居中 二.倒影 -webkit-box-reflect: 方向 偏移量 图片效果; 方向 none :此值为box-reflect默认值，表示无倒影效果； above :表示生成的倒影在对象（原图）的上方； below :表示生成的倒影在

PM2,node,js,命令