web前端
我是希希呀biubiubiu
嘿嘿嘿
展开
-
Webpack入门学习笔记
什么是WebPackWebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。WebPack和Grunt以及Gulp相比有什么特性Grunt和Gulp的工作方式是:在一个配置文件中,指明对某些文件进行类似编译,组合,压缩等任务的具体步骤,工具转载 2017-09-19 14:07:42 · 325 阅读 · 0 评论 -
DataTable异步获取 实现行点击并跳转
function getResults(){ var callResults = $.ajax({ url: "/ding/enq/get/processlist", type: "GET", dataType: "json",原创 2017-11-17 16:25:52 · 1147 阅读 · 1 评论 -
手机页面底部浮动的按钮
提交按钮html<div id="footer"> <button>提交</button></div>sass #footer { display: flex; justify-content: center; align-items: center; position: fixed; z-index原创 2017-10-25 10:32:40 · 5558 阅读 · 0 评论 -
js获取URL中参数信息
function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null){ ret原创 2017-10-16 11:24:57 · 237 阅读 · 0 评论 -
判断是移动端还是pc端
if(navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || na原创 2017-10-16 11:23:08 · 1725 阅读 · 0 评论 -
两个时间段时间间隔换算
function getmargintime(date1){ var date2 = new Date(); //结束时间 var date3 = date2.getTime() - new Date(date1).getTime(); //时间差的毫秒数 //时间ios会存在时间兼容问题 var da原创 2017-10-16 11:21:42 · 960 阅读 · 0 评论 -
去掉移动端alert和confirm弹出框携带url链接
/** * 去掉移动端alert弹出框携带url链接 */ window.alert = function(name){ var iframe = document.createElement(“IFRAME”); iframe.style.display=”none”; iframe.setAttribute(原创 2017-10-16 11:16:47 · 1710 阅读 · 0 评论 -
js数组查重
const arr=[1,2,3,4,4,5,5,6,'6',6];const s=new Set();arr.forEach(function(x){ s.add(x);});console.log(s);console.log([...s]);原创 2017-10-24 16:33:03 · 859 阅读 · 0 评论 -
图表Echarts配置项
option = { title: { show: false, //是否显示标题组件 text: 'ECharts 入门示例', //主标题文本,支持使用 \n 换行 link: 'https://www.baidu.com/', //主标题文本超链接 target: 'blank', //指定窗口打开主标题超链接,'原创 2017-10-24 09:33:40 · 255 阅读 · 0 评论 -
bootstrap常用语句
一、环境安装<!-- 可选的Bootstrap主题文件(一般不使用) --><script src="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"></script><!-- jQuery文件。务必在bootstrap.min.js 之前引入 --><script src="https://cdn.boo原创 2017-10-20 10:53:07 · 1144 阅读 · 0 评论 -
获取服务器时间
在ajax中,获取服务器时间,xhr.getResponseHeader(“Date”)格林威治时间 转换成东八区时间new Date(xhrDate)原创 2017-10-23 15:29:21 · 397 阅读 · 0 评论 -
每秒钟执行一次一个函数
setInterval(function () { getmargintime(); }, 1000);原创 2017-10-20 17:02:24 · 2330 阅读 · 0 评论 -
表单验证
判断是否为空<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>定义input type="file" 的样式</title> <script> //判断是否为空,并弹出 function validate_requi原创 2017-10-27 14:38:37 · 196 阅读 · 0 评论 -
Webpack之输出(Output)学习笔记(3)
即使可以存在多个入口起点,但只指定一个输出配置。用法在webpack配置output属性的最低要求是,将它的值设置为一个对象,包括以下两点:filename用于输出文件的文件名目标输出目录path的绝对路径//webpack.config.jsconst config = { output: { filename: 'bundle.js', path: '/home/p原创 2017-09-26 14:50:46 · 2934 阅读 · 0 评论 -
Webpack之入口起点(Entry Points)学习笔记(2)
单个入口(简写)语法用法:entry: string|Array<string>//webpack.config.jsconst config = { entry: './path/to/my/entry/file.js'};module.exports = config;entry 属性的单个入口语法,是下面的简写:const config = { entry: { main:原创 2017-09-26 11:14:48 · 585 阅读 · 0 评论 -
Webpack之核心概念学习笔记(1)
webpack是一个现代JavaScript应用程序的模块打包器(module bundle)。当webpack处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成少量的bundle-通常只有一个,由浏览器加载。高度可配置四个核心:入口(entry)、输出(output)、loader、插件(plugins)原创 2017-09-25 17:06:20 · 254 阅读 · 0 评论 -
响应式Web设计学习笔记
响应式网页设计将三种已有的开发技巧(弹性网格布局、弹性图片、媒体和媒体查询)整合起来。针对任意设备对网页内容进行完美布局的一种显示机制。同名:流式设计、弹性布局、塑料布局、流体设计、自适应布局、跨设备设计、弹性设计。视口指浏览器窗口内的内容区域,不包括工具栏、标签栏等,网页实际显示的区域。width屏幕尺寸设备的物理显示区域 device-width媒体查询语法body { background-原创 2017-12-11 16:59:13 · 500 阅读 · 0 评论