我是希希呀biubiubiu-CSDN博客

原创 javascript迭代方法、归并方法

every()方法对数组中的每一项运行给定函数，如果该函数对每一项都返回true，则返回truelet number = [1,2,3,4,5,6,7,8,9,10,11,12,1,31,21];例子1：let everyResult = number.every(function(item,index,array){ console.log('item:'+item); //item:1

2017-12-14 15:17:53 274

转载跨域

什么是跨域？跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript实施的安全限制。什么是同源策略？同源，是指域名、协议、端口均为相同。主域名：由两个或两个以上的字母构成，中间由点号隔开，整个域名只有一个点号。（csdn.net）子域名：是在主域名之下的域名，域名内容会有多个点号http://www.nealyang.cn/index.html 调用

2017-12-13 10:57:53 214

响应式网页设计将三种已有的开发技巧（弹性网格布局、弹性图片、媒体和媒体查询）整合起来。针对任意设备对网页内容进行完美布局的一种显示机制。同名：流式设计、弹性布局、塑料布局、流体设计、自适应布局、跨设备设计、弹性设计。视口指浏览器窗口内的内容区域，不包括工具栏、标签栏等，网页实际显示的区域。width屏幕尺寸设备的物理显示区域 device-width媒体查询语法body { background-

2017-12-11 16:59:13 506

原创 React生命周期

生命周期方法componentWillMount 组件装载前立即调用componentWillMount() { /** * componentWillMount * 组件装载前调用 * 在这里同步设置状态不会触发重新渲染 */}componentDidMount 组件装载后立即调用componentDidMount() { /**

2017-12-07 17:16:28 206

原创去掉输入框选择框等在移动端聚焦时出现一闪的情况

-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only; outline:0;

2017-12-01 09:55:36 909

原创 DataTable异步获取实现行点击并跳转

function getResults(){ var callResults = $.ajax({ url: "/ding/enq/get/processlist", type: "GET", dataType: "json",

2017-11-17 16:25:52 1153 1

原创表单验证

判断是否为空<!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 202

原创 js科学技术法，10的几次方

var y=123e5; // 12300000var z=123e-5; // 0.00123

2017-10-27 09:17:34 11995 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 5572

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

原创图表Echarts配置项

option = { title: { show: false, //是否显示标题组件 text: 'ECharts 入门示例', //主标题文本，支持使用 \n 换行 link: 'https://www.baidu.com/', //主标题文本超链接 target: 'blank', //指定窗口打开主标题超链接,'

2017-10-24 09:33:40 259

原创获取服务器时间

在ajax中，获取服务器时间，xhr.getResponseHeader(“Date”)格林威治时间转换成东八区时间new Date(xhrDate)

2017-10-23 15:29:21 406

原创钉钉解决ios返回键的问题

dd.biz.navigation.setLeft({ show: true, //控制按钮显示 control: true,//是否控制点击事件 text: '返回',//控制显示文本 onSuccess : function(result) { window.location.href = document.referrer; }, onFail:function

2017-10-20 17:04:09 3565

原创每秒钟执行一次一个函数

setInterval(function () { getmargintime(); }, 1000);

2017-10-20 17:02:24 2344

原创 bootstrap常用语句

一、环境安装<script src="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"></script><script src="https://cdn.boo

2017-10-20 10:53:07 1149

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

原创判断是移动端还是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 1732

原创两个时间段时间间隔换算

function getmargintime(date1){ var date2 = new Date(); //结束时间 var date3 = date2.getTime() - new Date(date1).getTime(); //时间差的毫秒数 //时间ios会存在时间兼容问题 var da

2017-10-16 11:21:42 966

原创去掉移动端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 1716

原创 Webpack之输出(Output)学习笔记（3）

即使可以存在多个入口起点，但只指定一个输出配置。用法在webpack配置output属性的最低要求是，将它的值设置为一个对象，包括以下两点：filename用于输出文件的文件名目标输出目录path的绝对路径//webpack.config.jsconst config = { output: { filename: 'bundle.js', path: '/home/p

2017-09-26 14:50:46 2942

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

原创 Webpack之核心概念学习笔记（1）

webpack是一个现代JavaScript应用程序的模块打包器（module bundle）。当webpack处理应用程序时，它会递归地构建一个依赖关系图（dependency graph），其中包含应用程序需要的每个模块，然后将所有这些模块打包成少量的bundle-通常只有一个，由浏览器加载。高度可配置四个核心：入口（entry）、输出（output）、loader、插件（plugins）

2017-09-25 17:06:20 257

转载 Webpack入门学习笔记

什么是WebPackWebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。WebPack和Grunt以及Gulp相比有什么特性Grunt和Gulp的工作方式是：在一个配置文件中，指明对某些文件进行类似编译，组合，压缩等任务的具体步骤，工具

2017-09-19 14:07:42 328

原创 jQuery事件对象的属性之学习笔记

一、event.type可以获取到事件的类型$("a").click(function(){ alert(event.type); //获取事件的类型 return false; //阻止链接跳转});输出"click"二、 event.preventDefault()方法阻止默认的事件行为三、event.stopPropagation()方法阻止事件的冒泡四、 event.tar

2017-09-15 15:55:05 228

原创 Flex 布局之学习笔记

一、Flex 布局是什么？Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}Webkit 内核的浏览器，必须加上-webkit前缀。.box{ dis

2017-09-13 13:40:58 221

原创 jQuery学习笔记之DOM操作

一、查找节点1.1 查找元素节点jQuery选择器1.2 查找属性节点$("p").attr("title"); //获取元素节点属性title二、创建节点2.1 创建元素节点$("#myid").append($("我是插入的"));2.2插入节点的方法2.2.1 append()向每个匹配的元素内部追加内容 HTML代码

2017-09-04 18:33:46 258

原创 jQuery学习笔记之jQuery对象和DOM对象

1.DOM对象文档对象模型2.jQuery对象通过jQuery对象包装DOM对象后产生的对象 jQuery对象是jQuery独有的$("#foo").html(); //获取id为foo的元素内的html代码。html()是jQuery里的方法等同于document.getElementById("foo").innerHTML;在jQuery中无法使用Dom对象的任何方法。3.jQuery对象转

2017-09-04 16:29:09 194

原创 jQuery学习笔记之$(document).ready()

$(documnet).ready(function(){ //等待DOM元素加载完毕 alert("hello");});类似传统Javascript中的window.onload方法 – window.onload $(document).ready() 执行时机必须等待网页中所有内容加载完毕（包括图片）才执行网页中所有DOM结构绘制完毕后就执行，可能DOM元

2017-09-04 15:17:55 375

原创 npm模块安装机制学习笔记

npm是Node的模块管理器。

2017-08-17 10:21:30 270

原创 React入门学习笔记

react

2017-08-16 13:33:17 250

原创使用 CSS 变形学习笔记

一、CSS transforms 属性transform-origin： transform-origin是变形原点，也就是该元素围绕着那个点变形或旋转，该属性只有在设置了transform属性的时候起作用； transform：指定作用在元素上的变形。取值为空格分隔的一系列变形的列表。实例1嵌套了百度页面内容的iframe，以左下角为中心旋转90度 <div style="transform:

2017-08-14 15:48:42 307

原创 SVG学习笔记

一、什么是SVGSVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG 是万维网联盟的标准 SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体二、SVG实例<svg> <circle cx="100

2017-08-11 14:17:58 782

原创超文本传输协议

超文本传输协议学习小结1.简介超文本传输协议（HTTP）是分布式、协作的、超媒体信息系统的应用层协议。分布式：一个业务分拆多个子业务，部署在不同的服务器上集群：同一个业务，部署在多个服务器上HTTP协议是用于从WWW服务器传输超文本到本地浏览器的传送协议。它可以使浏览器更加高效，使网络传输减少。它不仅保证计算机正确快速地传输超文本文档，还确定传输文档中的哪一部分，以及哪部分内容首先显

2017-08-09 15:23:47 1344

原创 js二维数字数组排序，添加内容到标签

原题： IFE JavaScript Task 01 污染城市列表  var aqiData = [ ["北京", 90], ["上海", 50], ["福州", 10], ["广州", 50], ["成都", 90],

2017-03-17 15:54:43 482

原创 HTML5新增input元素的类型

记住这些可以省去很多麻烦

2017-03-16 12:30:44 7838

原创 Axure RP8.0 部件

图像部件放置图像： ①拖放一个图像部件到设计区并双击导入图片②直接复制黏贴图片添加&编辑图像文字右键单击图像—>选择编辑文字保持宽高比例缩放图像①按住shift键，同时拖动图像部件边角的小手柄。②在右侧工具栏部件面板中勾选保持宽高比例图像的交互样式（鼠标悬停时、鼠标按下时、选中时、禁用时） ①右键单击图像选

2017-03-15 20:13:00 2181

转载 input文本输入框所有用法文字显示点击选框编辑文本框变色只能输入中文、英文、数字只读状态不能黏贴

深入了解input的文本输入框

2017-03-15 15:29:23 1758

原创 jQuery中的text()、html()和val()

jQuery中设置或者获取所选内容的值：①text() 设置或者获取所选元素的文本内容；②html() 设置或者获取所选元素的内容（包括html标记）；③val() 设置或者获取表单字段的值（前提是表单设置了value属性）；无标题文档 $(document).ready(function() { $("#btn1").click(fun

2017-03-14 20:17:07 356

原创 JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系？

jS中设置或者获取所选内容的值：①innerHTML :属性设置或返回该标签内的HTML。也就是从对象的起始位置到终止位置的全部内容,包括Html标签。无标题文档biubiubiufunction getInnerHTML(){ alert(document.getElementById("a").innerHTML);}②outerHTML：属

2017-03-14 18:59:54 337

空空如也

空空如也