2018年07月_maggie_live

原创使用webpack4 兼容ios8 自动添加前缀

最近写了移动端的项目，没有考虑到要兼容ios8。flex布局和css3的transform等没有起到作用。Safari是用webkit内核，需要增加一些前缀，才能起到作用。用webpack构建css样式的时候，使用postcss-loader加载器去做自动加载前缀。 flex布局，添加前缀：display: flex;display: -webkit-flex; justif...

2018-07-24 20:56:10 1409

原创移动端rem布局，加载瞬间页面缩小

在移动端rem布局在加载渲染页面的时候会出现元素由小到恢复正常一个现在。项目的设计稿是以750px，用以下代码设置html根元素font-size的代码。在完成整个页面的时候，我们在手机就看到了加载元素会先变小后恢复正常。1.js加载顺序与加载方法页面加载顺序通常是“从上往下”加载的，所以把上面这段代码发在head内，但还是出现上述问题。在网上也查找一些资料，换成原生写法，优化加...

2018-07-07 20:36:18 4072 2

下载php-redis，下载地址：点击打开链接下载得到phpredis-master.zipsudo make install移到/usr/local/目录中sudo cp phpredis-master /usr/local/进入/usr/local/目录下cd /usr/local/解压phpredis-master.ziptar -zxvf phpredis-master.zip得到phpr...

2018-07-07 16:37:21 492

原创 mac系统配置LNMP环境

由于工作的需要，这几天在mac上安装LNMP开发环境，安装了好几天了。后面才了解到mac有自带的php，由于版本过低，重新安装了7.0.30的版本1.安装Homebrew homebrew是mac系统下的软件包管理工具，非常方便在mac上进行安装或者卸载软件$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/...

2018-07-05 09:43:55 1193

原创 jquery 3D视图切换

网上有很轮播插件，比较有名有swiper，功能多、使用简单、可以在pc端和移动端使用。在这里我们就不介绍swiper，主要分享3D视图切换的思维，和普通轮播图还是有点差距的。在布局上不同，功能却是一样。如图：把li的类名写成一组数组形式， var arr = ['1', '2', '3', '4', '5']。点击点一页做切换后的arr = ['2','3','4','5','...

2018-07-26 19:55:52 794

原创零散的JavaScript知识

1.谈谈优雅降级和渐进增强的区别渐进增强：针对低版本浏览器进行构建页面，保证最基本的功能然后再针对高级浏览器进行的效果、交互等改进和追加功能达到更好的用户体验优雅降级：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。2.描述cookies，sessionStorage和localStorage的区别？相同点：都是保存在浏览器端，且同源区别: 1、cookie在浏览器和...

2018-07-07 20:50:10 844 2

翻译 web安全XSS攻击防范

XSS全称（Cross Site Scripting）跨站脚本攻击，是Web程序中最常见的漏洞。指攻击者在网页中嵌入客户端脚本（例如JavaScript），当用户浏览此网页时，脚本就会在用户的浏览器上执行，从而达到攻击者的目的，比如获取用户的Cookie，导航到恶意网站，携带木马等。1.XSS是如何发生的呢？1.介绍 xss攻击是跨站脚本攻击，例如在表单中提交含有可执行的JavaScript...

2018-07-07 20:41:47 748

原创 JavaScript知识点的回顾

JavaScript的组成 JavaScript由一下三部分组成：EECMAScript（核心）：JavaScript语言基础DOM（文档对象模型）：规定了访问HTML和XML的接口BOM（浏览器对象模型）：提供了浏览器窗口之间进行交互的对象和方法js的基本数据类型和引用数据类型基本数据类型：undefined、null、Boolean、number、string、symbol引用数据类型：ob...

2018-07-05 09:46:10 432

maggie_live的博客