-
前端性能优化一
可以在firefox下有一个插件yslow，集成在firebug中，你可以用它很方便地来看看自己的网站的各种优化性能。第一条、尽可能的减少 HTTP 的请求数 (Make Fewer HTTP Requests )http请求是要开销的，想办法减少请求数自然可以提高网页速度。常用的方法，合并css，js(将一个页面中的css和js文件分别合并)以及 Image maps和css sprites等。当然或许将css，js文件拆分多个是因为css结构，共用等方面的考虑。阿里巴巴中文站当时的做法...…
-
调用百度地图插件-更新
调用百度地图插件,常用技术1.创建地图： var map = new BMap.Map("divid");2.创建坐标点：var point = new BMap.Point("经度","纬度");3.设置视图中心点：map.centerAndZoom(point,size);4.激活滚轮调整大小功能：map.enableScrollWheelZoom();5.添加控件：map.addControl(new BMap.Xxx());6.添加覆盖物：map.addOverlay();控件介绍...…
-
vue搭建项目
Vue推荐开发环境Node.js 6.2.0、npm 3.8.9、webpack 1.13、vue-cli 2.5.1、webstrom2016现在开始安装环境安装nodejs可以在终端里下载，但是不推荐，npm的版本会报错去nodejs官网下载即可，地址：http://nodejs.cn/中文网安装vue淘宝镜像npm install -g vue –registry=https://registry.npm.taobao.org安装webpacknpm install webpack ...…
-
调用百度地图插件
# 调用百度地图插件### 引入百度地图插件 <script src="http://api.map.baidu.com/api?v=2.0&ak=W1a6ywZFkybedSCHadpRbkz4w5HYfG4R" type="text/javascript" charset="utf-8"></script> ### 完整代码 <!DOCTYPE html> <html> <head> ...…
-
vue环境配置及创建vue项目
# vue环境配置及创建vue项目安装 node.js首先需要安装node环境，可以直接到中文官网:http://nodejs.cn/ 下载安装包。只是这样安装的 node 是固定版本的，如果需要多版本的 node，可以使用 nvm 安装:http://blog.csdn.net/s8460049/article/details/52396399安装完成后，可以命令行工具中输入 node -v 和 npm -v，如果能显示出版本号，就说明安装成功。安装 vue-cli安装好了 node...…
-
锤子科技官网banner3D效果
# 锤子科技官网banner3D效果前段时间看到锤子官网的banner3D效果觉得好酷炫，然后就在网上搜了一下实现方法，发现还真有。 我就借鉴了他的demo来自己写了一个简单背景变换的demo，因为没有做过渡效果，没官网好看，还算凑合， 可以看效果这是锤子官网效果，可以自行去看看：http://www.smartisan.com/#/home附上代码： <!DOCTYPE html> <html> <head> <meta ...…
-
Linux平台安装图像化桌面CentOS 7
Linux平台安装图像化桌面CentOS 7 ###安装操作系统本项目需要部署在Linux平台下。建议使用CentOS 7。如果事前已经安装了操作系统，请跳过此章节。本文假定读者具备Linux图形界面的使用能力。 启动服务器，插入系统安装光盘或U盘，并在BIOS中设置以光盘或U盘启动（视具体场合下的安装介质而定）。 启动后，进入如同下图的画面，利用键盘的方向键选择第一项“Install CentOS 7”，等待片刻后进入安装画面。 进入CentOS7安...…
-
jsonp跨域请求
跨域一词从字面意思看，就是跨域名嘛，但实际上跨域的范围绝对不止那么狭隘。具体概念如下：只要协议、域名、端口有任何一个不同，都被当作是不同的域。之所以会产生跨域这个问题呢，其实也很容易想明白，要是随便引用外部文件，不同标签下的页面引用类似的彼此的文件，浏览器很容易懵逼的，安全也得不到保障了就。什么事，都是安全第一嘛。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。所以我们要通过一些方法使本域的js能够操作其他域的页面对象或者使其他域的js能操作本域的页面对象（ifra...…
-
Rem自适应js 优化flexible.js
基于阿里的一个库：lib-flexible.js，里面有一些东西方法和自定义不需要用到的，所以做了一个精简版的，另外还修复了UC浏览器竖屏与横屏转换的BUG。js代码//designWidth:设计稿的实际宽度值，需要根据实际设置//maxWidth:制作稿的最大宽度值，需要根据实际设置//这段js的最后面有两个参数记得要设置，一个为设计稿实际宽度，一个为制作稿最大宽度，例如设计稿为750，最大宽度为750，则为(750,750);(function(designWidth, maxWid...…
-
网站上实现qq聊天，网站绑定微信登录
QQ在线聊天的功能是怎么实现的？网站的微信扫码登录和qq在线聊天是需要我们这边去申请和认证的，初来乍到经理就让我弄这些着实吓着我了，宝宝啥都不知道啊。但是要强的宝宝没有告诉经理我不会，只有硬着头皮去求度娘（度娘有时候也会任性一下让你找好久才能找到你想要的–其实是我太笨）其实很简单,打开下面这个链接，登录公司的QQ号，点击“推广工具”，把里面的代码复制给程序员，加到网站上就好了。http://shang.qq.com/v3/widget.html是不是很简单，是也不要笑话我，毕竟我当时完全不...…
-
Vue.js项目结构说明
简单介绍目录结构build目录是一些webpack的文件，配置参数什么的，一般不用动config是vue项目的基本配置文件node_modules是项目中安装的依赖模块src源码文件夹，基本上文件都应该放在这里。—assets 资源文件夹，里面放一些静态资源—components这里放的都是各个组件文件—App.vue App.vue组件—main.js入口文件static生成好的文件会放在这个目录下。test测试文件夹，测试都写在这里.babelrc babel编译参数，vue开发需要b...…
-
40条常见的移动端Web页面问题解决方案
1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有3的。想让图片在手机里显示更为清晰，必须使用2x的背景图来代替img标签（一般情况都是用2倍）。例如...…
-
rem适配-for-iphone
移动端采用 rem 布局方式。通过动态修改 html 的 font-size 实现自适应。实现方式REM 布局有两种实现方式：CSS 媒介查询和 JavaScript 动态修改。由于 JavaScript 更为灵活，因此现在更多地采用此方式。我的实现方式是：在 head 标签末加入以下代码：<script type="text/javascript"> !function(){ var maxWidth=750; document.write('<...…
-
HTML5预加载、预渲染
prefetch 即预加载，在用户需要前我们就将所需的资源加载完毕。有了浏览器缓存，为何还需要预加载？用户可能是第一次访问网站，此时还无缓存用户可能清空了缓存缓存可能已经过期，资源将重新加载用户访问的缓存文件可能不是最新的，需要重新加载Chrome 的预加载技术现在的 chrome 聪明到根据你的浏览记录，预测到你可能访问或搜索哪些网站，在你打开网站之前就加载好了一些资源了。举个栗子，当你在搜索框输入 “amaz” 时，它猜测到你可能要访问 amazon.com，可能就帮你加载了这个网站的...…
-
好用的几个前端webUI框架
1.AliceuiAliceui是支付宝的样式解决方案，是一套精选的基于 spm 生态圈的样式模块集合，是 Arale 的子集，也是一套模块化的样式命名和组织规范，是写 CSS 的更好方式。gitHub地址：https://github.com/aliceui/aliceui.github.io2.AmazeuiAmaze UI 是一个轻量级、 Mobile first 的前端框架, 基于开源社区流行前端框架编写的。官网地址：http://amazeui.org/3.suiSUI是一套基于...…
-
移动端-网易-rem适配
第一步：media标签写在head里面：<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />第二步：加载头部script<!--定义rem值：网易移动适配方案！--><script> document.documentElement.style.fontSiz...…
-
使用rem适配不同屏幕的移动设备
rem：是指相对于根元素（即html元素）的字体大小的单位。是CSS3新增的一个相对单位，使用rem为元素设定字体大小时，相对大小对比的是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。目前，除了IE8及更早版本外，所有浏览器均已支持rem。对于不支持它的浏览器，应对方法也很简单，就是多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小。方案一：先设置header里面的me...…
-
转发潘柏信的--HEXO搭建个人博客
经过各种找资料，踩过各种坑，终于使用 hexo 搭建个人博客初步完成了，域名目前用得时 github 的，我的 hexo 是 3.1.1 版本，hexo 不同的版本，很多配置都不一样。好吧，废话不多说了，开始吧。 本篇文章累计了大量评论，和我的一些解答，读者有什么问题可以先看看评论，或者搜下关键字，如果还是有问题可以给我在评论里给我留言，问题很着急的可以加我 ＱＱ：1499065178 ，或者给我发邮件：leopardpan@icloud.com ，都可以，如果你已经搭建完成了，可...…
