- 博客(13)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 CSS3组件化之ios版loading
<div class="juhua-loading"> <div class="jh-circle1 jh-circle-ios"></div> <div class="jh-circle2 jh-circle-ios"></div> <div class="jh-circ
2018-07-19 15:20:53
653
1
原创 h5 移动端禁止页面滚动
var handle = function(event){ event.preventDefault();}document.body.addEventListener('touchmove',handle,false);//添加监听事件--页面不可滚动document.body.removeEventListener('touchmove',handle,false);//移除监听...
2018-07-11 15:12:22
6666
原创 h5页面 判断横、竖屏状态
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function() { if (window.orientation === 180 || window.orientation === 0) { alert('竖屏状态！'); //做相对应...
2018-07-11 15:10:08
1097
原创 前端虚拟接口mockjs的使用
首先是准备工作，你需要会VueJS，Vue-resource，vue-cli，然后就是下载mockjs以我的项目为例：打开我的项目目录，在项目目录下按住shift并点击鼠标右键，找到在此打开命令行工具，然后输入指令：npm i mockjs --save-dev，如果你有cnpm就用cnpm安装，没啥区别。之后再src文件夹里，新建一个util作为工具文件夹（就是你平常复用用的一些东西），然后新建...
2018-07-04 15:25:05
1956
1
原创 vue-cli项目webpack打包后iconfont文件路径问题解决
在使用vue-cli创建vue项目时，可以自动生成webpack文件。使用npm run build即可打包发布生产文件，打包后的文件 可以看到使用url-loader处理后的文件是在static目录下生成fonts目录下的文件。全部样式文件打包在css目录下app.hash.css文件中。 但我们会发现发布后，会存在字体文件找不到的问题，查看css文件发现是iconfont字体文件的路径引用问题...
2018-07-04 14:59:42
1917
1
原创 js检测IE8及一下浏览器版本并做出提示
使用原生js检测当前IE浏览器版本是否为IE8及一下浏览器版本并做出提示，代码如下：var DEFAULT_VERSION = 8.0;var ua = navigator.userAgent.toLowerCase();var isIE = ua.indexOf("msie")>-1;var safariVersion;if(isIE){safariVersion = ua.ma
2017-11-13 17:33:51
6343
原创 获取Iframe页面高度，并将高度赋值给Iframe
页面布局使用iframe嵌套，iframe设置高度根据页面内容的高度自适应。代码如下（设置父级页面）：HTML部分：JS部分： //获取iframe子页面内容高度给iframe动态设置高度 function iFrameHeight() { var ifm= document.getElementById("iframeId"); var subWeb = docume
2017-11-13 17:10:21
9643
4
原创 bower安装入门
准备工作1、首先在系统下载安装node.js 2、下载安装Git，bower从远程git仓库获取代码包。具体操作可看：开始安装bowerbower可以使用npm安装，新建一个空的练习文件夹（本次练习命名为bower），在命令行中转到该文件夹后执行下述指令就可以完成安装。1、在命令行下切换到当前目录下输入以下命令（本次练习采用局部安装）如下图：//全局安装npm
2017-05-20 23:58:37
561
原创 Git 上传代码到远程仓库以及从远程库克隆
1、下载安装Git下载：https://git-scm.com/downloads安装：可参考文章http://blog.csdn.net/zzfenglin/article/details/53147604一、创建版本库1、打开git输入命令却换到本地仓库目录下2、通过命令 git init把这个目录变成git可以管理的仓库，如下：3、在本地目录下新建
2017-05-20 11:51:11
15774
原创 webpack入门
Webpack可以使用npm安装，新建一个空的练习文件夹（本次练习命名为webpack），在命令行中转到该文件夹后执行下述指令就可以完成安装。1、在命令行输入 以下命令（本次练习采用局部安装）如下图：//全局安装npm install -g webpack//安装到你的项目目录npm install --save-dev webpack2、安装完w
2017-05-20 01:32:37
321
原创 gulp安装&less插件
gulp是基于nodejs，所以，安装gulp前先安装node js，通过nodejs的npm全局安装和项目安装gulp。1、nodejs安装：打开nodejs官网，选择DOWNLOADS,根据自己的系统点击选择对应版本（.msi文件）。然后安装即可（安装路径随意）。2、安装完成后 打开DOS窗口（打开方式：win+r --->输入cmd --->按回车）输入命令 如下图：
2017-05-14 13:20:11
1071
原创 grunt构建工具安装
Grunt.js依赖于node.js的npm来管理和安装，所以，安装grunt构建工具前先安装node js 和npm包管理器，可到nodejs官网下载进行安装https://nodejs.org/en/download/1、nodejs安装好后 按win+R 出现下图弹窗 在输入框中输入cmd 后点击确定，调出DOS窗口2、在DOS窗口输入：node -v 按回车键 出现版
2017-05-13 18:52:53
344
原创 模块化开发之seajs
1、seajs的下载及配置下载：由于seajs官网打不开，可百度搜索seajs下载，进行下载 配置：将下载后的sea.js文件添加到自己的网站目录下，如图：2、seajs的引入seajs的引入方式跟其他js文件的引入方式一样，通过script>标签的src引入，如下图：3、seajs的使用（1）定义模块seaJs 模块与模块之间可以存在依赖关系。模块的编写
2017-05-13 16:44:10
528
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人