项目总结
keji_123
123齐步走
展开
-
用github来展示前端页面
把自己的项目放到网上,但是没有服务器,没有域名怎么办?那就放在guihub上吧。1.安装git如果你是mac用户,那么恭喜你mac自带git命令功能,你无须安装git。如果你是windows用户,你可以前往windows地址https://git-for-windows.github.io/index.html下载并安装。2.建立仓库在你的github主页,我们可以点击右上角的加号按钮下的“New原创 2017-08-25 14:10:06 · 595 阅读 · 0 评论 -
showdown解析markDown的使用方法
项目中数据很多都是用markDown编辑的,所以要前台进行解析,之前也用了vue-markdown,但是没有办法解析u这个标签这个下划线样式,所以改用showdown。安装方法npm install showdown使用方法//js部分<script> var showdown = require('showdown'), con...原创 2018-08-20 15:11:11 · 3682 阅读 · 0 评论 -
用axios封装一个jq版的ajax
* 封装axios,减少学习成本,参数基本跟jq ajax一致 * @param {String} type 请求的类型,默认post * @param {String} url 请求地址 * @param {String} time 超时时间 * @param {Object} data ...原创 2018-08-20 14:58:10 · 795 阅读 · 0 评论 -
雅虎前端优化的35条军规
无论是在工作中,还是在面试中,web前端性能的优化都是很重要的,那么我们进行优化需要从哪些方面入手呢?可以遵循雅虎的前端优化35条军规。内容部分1.尽量减少HTTP请求数 80%的终端用户响应时间都花在了前端上,其中大部分时间都在下载页面上的各种组件:图片,样式表,脚本,Flash等等。减少组件数必然能够减少页面提交的HTTP请求数。这是让页面更快的关键。 减少页面组件...转载 2018-02-11 10:32:46 · 311 阅读 · 0 评论 -
JWplayer 用法及参数介绍(二)
参数这些参数可以配置被嵌入到html中的播放器的行为和外观。如果使用swfobject.js,可以用addVariable()方法来配置,如果使用的embed方式,可以通过定义”flashvars”属性来配置变量,注意用”&”符号分割这些变量。 被*号标注的同样适用于 JW Image Rotator基本变量> displayheight(number):显示区域的高度.控制区域最小高度是20p原创 2018-01-02 13:51:18 · 10919 阅读 · 0 评论 -
JWplayer 用法及参数介绍(一)
JWPlayer的使用入门这里使用JWPlayer,需要搭建网络环境(phpStudy)JWPlayer官网http://www.longtailvideo.com/JWPlayer下载页面http://www.longtailvideo.com/jw-player/download/解压后,将jwplayer整个文件夹放到appserv/www目录下新建html文件<html><head>原创 2018-01-02 13:43:15 · 3192 阅读 · 1 评论 -
vue-cli起的webpack项目 用localhost可以访问,但是切换到ip就不可以访问
用vue20+webpack2+vue-cli搭建的项目,发现用http://localhost:8080/访问的挺好的,172.0.0.1:8080也可以访问,但是换到自己的ip就访问不了,刚开始以为是自己电脑的问题,所以将电脑的代理给关掉了。防火墙也关掉了,还是不行。其实并不是电脑的问题,而是vue配置的问题。下面说一下应该怎么配置: 找到config文件里面的index.js里面的modu原创 2017-12-07 10:12:00 · 12555 阅读 · 1 评论 -
圆形图片切换效果
圆形图片切换效果这个效果是我在qq空间的一个婚纱广告的图片切换效果,感觉很漂亮贴代码 html 部分 <body> <div class="div5"> <div class="radius radius0"> <div class="pic0 pic"></div> <原创 2017-09-25 17:23:15 · 560 阅读 · 0 评论 -
移动端项目如何在手机上面做测试
引言最近在看vue2.0,然后仿写饿了么,但是怎么把自己写好的项目在手机上面测试呢,比如移动端的1pxbiang看问题,在电脑模拟的手机端是看不到的。下面开始介绍方法: 用webstrom启动vue项目,然后可以看到浏览器上面的项目网址,例如:http://localhost:8080/goods,然后需要把localhost换成自己的ip地址。 那么怎么查看自己的ip地址呢? 点击原创 2017-08-23 14:52:01 · 11635 阅读 · 7 评论 -
如何给网页加使用期限
我做了一个项目,但是领导要求我给这个项目加一个使用期限,时间是2017年10月1日之前使用,时间过了之后就没有办法用了。 我想到的第一个办法就是获取本地时间,来判断是不是超过10月1日,这个方法相信大家都会的,就不说了。但是这个方法有一个bug,就是更改一下电脑时间项目就可以继续使用了,并不能满足我的需求。下面来介绍一下我最后想到的一个方法,结合php实现给网页加一个使用期限一、首先来说一下htm原创 2017-08-23 13:33:27 · 1029 阅读 · 0 评论 -
H5实现透明通道视频
H5实现透明通道视频目前在做一个项目,项目要求是ui和视频相结合,做出动态效果。视频要在ui界面之上,但是又必须可以看见下面的ui界面,所有必须要求视频是透明的。 接着我查了一些资料,但是对h5如果运用透明通道的视频的资料介绍很少。一般透明视频是.mov格式的,但是h5并不支持此格式。所以下面我介绍2种方法。第一种方法,png序列帧动画由ui设计师做好,导出透明的png序列帧图片,我们只需要加个定原创 2017-08-23 10:24:27 · 8369 阅读 · 1 评论 -
移动端关于@2x与@3x的图片加载实现方法(基于vue.js+stylus)
1.首先创建mixin.styl文件代码如下:bg-image(url)//创建bg−image(url)//创建bg−image(url) // 创建bg-image(url)函数 background-image: url(url+“@2x.png”)@media(−webkit−min−device−pixel−ratio:3),(min−device−pixel−ratio:3...转载 2018-09-06 16:24:37 · 1951 阅读 · 0 评论