- 博客(23)
- 收藏
- 关注
原创 path的用法
在React测试中搭建ES6环境,webpack.config.js配置时,用到node.jsconst psth = require('path');const HtmlWebPackPlugin = require(html-webpack-plugin);const htmlPlugin= new HtmlWebPackPlugin({ template:path....
2019-03-04 17:15:10
2411
原创 js一些常用的功能的应用
1.点击空白处的时候让一个元素消失$(document).bind('click',function(){$ul.hide();});
2017-10-25 09:37:31
212
原创 自己开发
1.首先要引入jQuery.js和jquery-ui-1.9.2.custom.js2.在页面中只需要用一个标签div的标签就ok3.然后引入相应的js代码4.代码开发出来了,但是具体的html以及css是否要在js中完成有待改善,否则,如果数据过多则加载比较慢//$(function () { var changeBeforeHeight = 'auto';//定义
2017-10-12 09:29:59
350
原创 绑定事件的冒泡与阻止冒泡事件的发生
$(document).on('click',function(){$(ul).css('display','none');});//此时如果ul没有被隐藏的时候点击ul的话,会发生冒泡事件,通过点击自己的话自己也是可以被隐藏的,因此要阻止冒泡事件的发生,使其点击自己的时候自己不被隐藏$(ul).on('click',function(e){e.stopPropagatio
2017-09-25 13:47:49
275
原创 鼠标事件
纯js实现window.onload = function(){var downFlag = false;var container = document.getElementsByClassName('containerr');container.onmoysedown = function(){var e = ev || event;down
2017-09-19 10:20:18
348
原创 JSON.parse()与JSON.stringify()
他们的区别首先从名字上进行:JSON.parse()表示的是json转换parse----->解析的意思【将什么解析成json对象】JSON.stringify()表示的是json字符串,就是将什么转换成字符串【后端请求的是json格式的字符串】他们两个是相反的东西。
2017-09-13 11:42:30
223
原创 封装一个搜索的功能
html>head lang="en"> meta charset="utf-8"> meta http-equiv="X-UA-Compatible" content="IE=Edge"/> title>可选日期范围的jQuery时间日期插件title> link type="text/css" rel="stylesheet" href="css/bootst
2017-09-13 10:38:47
605
原创 underscore用法,完整示例,喜欢就点赞加关注,以后会有更多惊喜
html引入underscore.js ##for(var i=0;i {{tab1[i].username}} 在 {{tab1[i].address}} 发布的游记
2017-09-05 11:47:53
1659
原创 关于CheckBox的问题
2个CheckBox: if($('#M1Val').find("input:eq(0)").is(':checked')==true){ ModeC.ModeValue = 'M1_00';//表示选中时获取的值 } else if($('#M1Val').find("input:eq(1)").is(':checked')==true){ ModeC
2017-09-04 11:10:21
152
原创 HTML5中关于文件的上传
//此处使用的是bootstrap来布局的可以忽略div class="printTInfo"> div class="form-group formgroup"> input type="text" class="form-control check" id="fileName" name="fileName" readonly placeholder="">
2017-09-02 17:55:09
221
原创 获取日期拼接格式
假如dataTime==2017/08/29,现在让月份增加日不变进行操作var year = dataTime.substr(0,4);var month = dataTime.substr(5,2);var day = dataTime.substr(8,3);//获取最后的日期的元素$('.lastData).val();$.ajax({type:'pos
2017-08-29 19:30:03
590
原创 less要注意的事项
less的优点:1:可以防止命名冲突2:可以简代码首先要使用less需要:1、引入less文件编译之后转换的css文:2、如果是客户端的话可以引入less.js进行编译。如果是 服务器端的话用node.js将less进行编译,编译成css文件,然后进行编译介绍less注意事项:1:可以使用变量进行编译@yanse:blue;body{backround:@yan
2017-08-28 10:07:42
604
原创 Less中的&
less中的&表示的是同一个元素的伪元素具体如下:a{color:#fff;background:#333;&:horver{color:#f0f;}}
2017-08-28 09:44:30
9404
原创 css3贝塞尔曲线
cubic-bezier(, , , );相当于一个坐标轴:x1,x2相当于x轴的坐标、y1,y2相当于y轴的坐标使用方法如下:
2017-08-28 09:36:50
381
原创 跨环境实现通用模块seajs
优点:解决了,单文件过大,维护成本高,有损性能的好处同步非阻塞加载,提高了网站打开的速度命名控件的记忆负担与冲突开发、部署与上线后的bug fix不够便捷跨环境开发的通用模块共享问题高性能:异步+并行使用简单:自动管理依赖+约定优于配置可维护性:吴明明空间冲突+多版本共存弱依赖:浏览器即服务器跨环境:通用模块只需要编辑一次可扩展性:通过插
2017-08-22 15:19:27
239
原创 屏幕高度的获取以及高度的自适应问题
1:屏幕高度的获取方式:(宽度也是如此)var bodyHeight=document.documentElement.clientHeight * 0.55;//获取可见区域的高度;$('元素').css('height',bodyHeight+'px');2:高度自适应问题 设置父元素height:100%;position:absolute;left:0;top:0; 设置
2017-08-22 10:01:22
556
原创 gulp压缩js/less(css)
首先做一个项目的时候首先要清楚的明白自己的一个大的方面的规划,之后再填补每个规划里面的内容。其次就是对这些规划是怎样处理的,做到代码量少, 易于修改,因此gulp算是一个好的自动化构建工具。var gulp = require('gulp');var concat = require('gulp-concat');var uglify = require('gulp-uglif
2017-08-17 10:41:50
662
原创 node
1:安装nodejs1.1、参考网址:https://nodejs.org/en/1.2、使用cmd(gitBush here)进行下载2:cmd操作的快捷键2.1、win+R:弹出命令窗2.1、cd e:在文件夹的基础上进行跳转2.2、e 在盘符之间的跳转2.3、cd "program Files" :在e盘的基础上跳转到E盘里面的文件中(可以按Tab键进行补全)
2017-08-15 14:03:05
161
原创 媒体查询
本人喜欢用的:(需要用到多少个屏幕适应的话就写几套css代码)1、引入头文件告诉浏览器要自适应网页大小metaname="viewport"content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">2、示例,在此就只写两个屏作为说明:@media screen
2017-08-15 11:20:08
298
原创 closest:方法返回被选元素的第一个祖先元素。
从当前元素开始沿 DOM 树向上遍历,并返回匹配所传递的表达式的第一个单一祖先返回包含零个或一个元素的 jQuery 对象
2017-08-15 09:10:21
625
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人