- 博客(15)
- 收藏
- 关注
原创 grunt压缩js和css文件(1)
接下来是个人的理解:压缩js1、node安装,node会自动安装npm。 安装完之后查看版本:node -v 和 npm -v2、新建项目后package.json 安装。命令:npm init(直接一直回车,输入yes之后回车文件夹下就会出现package.json )注意出错:name不能包含大写字母。name: (reactJsCssPak2) reactJsCssPakSorry,
2017-05-12 15:33:46 555
原创 iScroll.js使用
1个多月没做项目,一个引用下拉加载功能,做了一天多。 代码:http://runjs.cn/code/agvervd3总结以下是我在移动微信端遇到问题://如果想刷新整个页面,或者整个页面包含多个元素就应该在wrapper下再加一个scroller,把所有<div id="wrapper"> <div id="scroller"> //你的代码元素。 </div></d
2017-05-11 15:46:57 764
原创 微信上传图片
第一步:登录微信公众平台。设置——公众号设置——得到原始ID 设置——公众号设置——功能设置——配置JS接口安全域名 第二步:引入JS文件。在需要调用JS接口的页面引入JS文件:http://res.wx.qq.com/open/js/jweixin-1.0.0.js 如果你的页面启用了https,引入JS文件 :https://res.wx.qq.com/open/js/jweixin-
2017-05-04 11:59:41 653
原创 链接生成二维码、js代码避免污染
链接生成二维码第一步:下载qrcode.js http://pan.baidu.com/s/1jHCpGto第二步:引用js//设置添加对象、设置属性var qrcode = new QRCode(document.getElementById("qrcode"), { width: $("#qrcode").width(), height: $("#qrcod
2017-05-02 15:40:12 516
原创 按时分秒倒计时、且获取服务器时间、且可以同时多个倒计时
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>按时分秒</title> <script src="http://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> <style type="text/css"> *{padding:0;
2017-05-02 15:00:48 505
原创 JSON.parse()和JSON.stringify()用法
JSON.parse(): 用于将一个 JSON 字符串转换为 JavaScript 对象。 JSON.stringify():用于将 JavaScript 值转换为 JSON 字符串。var docInfo = { name: "哈哈", sex: "女", id: 1 } co
2017-04-28 14:47:35 490
原创 cookies,sessionStorage和localStorage的区别
cookies//设置cookiefunction setCookie(name, value, seconds) { seconds = seconds || 0; //seconds有值就直接赋值,没有为0。 var expires = ""; if (seconds != 0 ) { //设置cookie生存时间 var date = new Date
2017-04-27 17:23:09 445
原创 三种编码解码的方法和区别
cookie//设置cookiefunction setCookie(name, value, seconds) { //seconds有值就直接赋值,没有为0。 seconds = seconds || 0; var expires = ""; if (seconds != 0 ) { //设置cookie生存时间 var date = new Date();
2017-04-27 15:37:04 3720
原创 移动端字体大小适配
接下来是个人的理解,网上的资料太杂太乱,得细心看才能找到精华。css3字体有了“rem”单位,来解决屏幕适配问题。它与px的区别:px设置了字体大小就不可变,rem是可以根据根元素html的字体的大小而变化的。接下来就是用法:原理:随着html的font-size的变化,rem变化。思路:只要我算出来不同屏幕字体比例大小就可以了。vw是 Viewport宽度, 1vw
2016-10-17 13:48:18 5865
原创 关于移动端css+js解决遮罩问题方法。
今天找到一种解决方式:当一个页面超过屏幕的时候,会出现滚动,但是当我们弹出遮罩时,会发现还是页面还是可以滚动。有2种情况:第一种:就是在弹框的遮罩上有滚动(比如说滚动列表),就是说页面一个滚动,弹框也有一个滚动。解决方法:把整个页面用一个div(当然也可以用别的)包起来,在点击页面时,给div动态加一个class,再把遮罩上面的弹层样式显示;再点击时,再把class移除。
2016-09-08 15:42:05 3272
原创 ps切图
我熟悉的有2种,在切图过程中,我是结合使用的。第1种:1、同时点击“alt+鼠标”右键选中要切的对象。2、点击,选择“切片工具”,然后选择你要切的图片(如下面)。3、选择“文件”——“导出”——“储存为web所用格式”——(在这之前可以在页面上设置格式,如jpg/png,还可以设置图像大小等等)“存储”。4、选择你要存储的位置(切片选择“选中的切片”),再点击“保存”,就可
2016-09-08 11:43:51 366
原创 自定义select
因为select 在个别android手机上不能兼容,所以自己写一个。原理就是:1、点击input按钮显示弹出选择框,再点击选择框隐藏。 2、input 的value就等于选择框里面选择的值。 3、再把选择框隐藏。html代码: 长沙岳麓区第一小学jhsdsddsjaaaaaaaaa
2016-09-06 15:27:35 431
原创 position个人实践理解
常用的position属性使用:position:absolute/relative/fixedposition:absolute 如果是单独存在,父级没有进行定位的话,它就是相对于boby可以放置页面上任何位置。元素处于浮动状态,不影响别的元素。position:relative 如果给元素加上这个属性的话,表示元素相对与原来本身位置布局。比如说left:20px;
2016-08-30 16:00:01 581
原创 display css 需要注意的地方
1、几个比较常用的display属性值display:block/none/flex/inline-block/inlinedisplay:block 俩作用:1、把像span 、a等行内元素(一直讨厌这些名称词,只想用占整行和不占整行来表达) 设置为块级元素。 2、对于块级元素设置display:block就是显示作用(display:none隐藏)。displa
2016-08-29 15:27:55 564
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人