Iamgoodgilr-CSDN博客

原创 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 529

原创 iScroll.js使用

1个多月没做项目，一个引用下拉加载功能，做了一天多。代码：http://runjs.cn/code/agvervd3总结以下是我在移动微信端遇到问题：//如果想刷新整个页面，或者整个页面包含多个元素就应该在wrapper下再加一个scroller，把所有<div id="wrapper"> <div id="scroller"> //你的代码元素。 </div></d

2017-05-11 15:46:57 744

原创微信上传图片

第一步：登录微信公众平台。设置——公众号设置——得到原始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 620

原创链接生成二维码、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 492

原创按时分秒倒计时、且获取服务器时间、且可以同时多个倒计时

<!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 486

原创 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 474

原创 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 420

原创三种编码解码的方法和区别

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 3613

原创移动端字体大小适配

接下来是个人的理解，网上的资料太杂太乱，得细心看才能找到精华。css3字体有了“rem”单位，来解决屏幕适配问题。它与px的区别：px设置了字体大小就不可变，rem是可以根据根元素html的字体的大小而变化的。接下来就是用法：原理：随着html的font-size的变化，rem变化。思路：只要我算出来不同屏幕字体比例大小就可以了。vw是 Viewport宽度， 1vw

2016-10-17 13:48:18 5816

原创关于移动端css+js解决遮罩问题方法。

今天找到一种解决方式：当一个页面超过屏幕的时候，会出现滚动，但是当我们弹出遮罩时，会发现还是页面还是可以滚动。有2种情况：第一种：就是在弹框的遮罩上有滚动（比如说滚动列表），就是说页面一个滚动，弹框也有一个滚动。解决方法：把整个页面用一个div（当然也可以用别的）包起来，在点击页面时，给div动态加一个class，再把遮罩上面的弹层样式显示；再点击时，再把class移除。

2016-09-08 15:42:05 3240

原创 ps切图

我熟悉的有2种，在切图过程中，我是结合使用的。第1种：1、同时点击“alt+鼠标”右键选中要切的对象。2、点击，选择“切片工具”，然后选择你要切的图片（如下面）。3、选择“文件”——“导出”——“储存为web所用格式”——（在这之前可以在页面上设置格式，如jpg/png，还可以设置图像大小等等）“存储”。4、选择你要存储的位置(切片选择“选中的切片”)，再点击“保存”，就可

2016-09-08 11:43:51 344

原创自定义select

因为select 在个别android手机上不能兼容，所以自己写一个。原理就是：1、点击input按钮显示弹出选择框，再点击选择框隐藏。 2、input 的value就等于选择框里面选择的值。 3、再把选择框隐藏。html代码: 长沙岳麓区第一小学jhsdsddsjaaaaaaaaa

2016-09-06 15:27:35 411

原创 csdn博客插入图片

第一步：第二步：第三步：第四步：第五步：（还可以设置图片的高度宽度边框等等）

2016-09-06 11:38:38 467

原创 position个人实践理解

常用的position属性使用：position:absolute/relative/fixedposition:absolute 如果是单独存在，父级没有进行定位的话，它就是相对于boby可以放置页面上任何位置。元素处于浮动状态，不影响别的元素。position:relative 如果给元素加上这个属性的话，表示元素相对与原来本身位置布局。比如说left：20px；

2016-08-30 16:00:01 557

原创 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 551

Iamgoodgilr的博客