javascript
xing2233
xing8901@foxmail.com
展开
-
javascript防抖函数
debounce(防抖)多次执行,最后只执行一次function debounce(fn, delay = 50) { let timer = null return function (...args) { if (timer) { clearTimeout(timer) } timer = setTimeout(() => { fn(...args) }, delay) }}const debounceObj =原创 2020-11-23 20:53:43 · 107 阅读 · 0 评论 -
如何禁用元素和子元素的原生点击事件
利用pointer-events: none;样式控制详细请查阅mdn<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>如何禁用元素和子元素的原生点击事件</title></head><body> <div id="box" style="width: 100px;height: 1原创 2020-11-22 16:00:04 · 507 阅读 · 0 评论 -
js简单观察者模式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> 'use strict' // 通过继承实现的观察者模式 // 将观察者注册进被观察者 // 当被观察者a属性name改变,观察者b的属性随之改变 /原创 2020-11-17 21:38:06 · 142 阅读 · 0 评论 -
javascript大数处理之相加
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> 'use strict' // 安全整数 let max = Number.MAX_SAFE_INTEGER console.log(max) co原创 2020-11-17 15:22:51 · 130 阅读 · 0 评论 -
简单观察者模式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> 'use strict' // 观察者模式 // 当被观察者a属性name改变,观察者b的属性随之改变 // 被观察者 const a = {}原创 2020-11-16 16:09:19 · 90 阅读 · 0 评论 -
模块化简介
模块化简介##commonjscommonjsLib.jsfunction sum(a,b) { return a+b;}function dem(a,b){ return a-b;}module.exports = { sum, dem}main.jsconst {sum,dem} = require('./commonjsLib.js');const res = sum(10,20);console.log(res);console.log(dem(3原创 2020-11-16 11:04:41 · 57 阅读 · 1 评论 -
webpack4完全配置(js分组打包分模块打包压缩提取备注和css压缩打包)
const webpack = require('webpack');const path = require('path');/** * Plugin that simplifies creation of HTML files to serve your bundles * npm i --save-dev html-webpack-plugin * @type {HtmlWeb...原创 2018-11-20 10:22:43 · 3783 阅读 · 0 评论 -
react中的使用日期控件 bootstrap-datetime-picker
引入jquery 和 bootstrap-datetime-picker<script src="/cx/tpl/Support/search/node_modules/jquery/dist/jquery.min.js"></script><script src="/cx/tpl/Support/search/node_modules/bootstrap-dat...原创 2018-11-20 10:25:07 · 1977 阅读 · 0 评论 -
Navigator实现页面跳转
reaact-native version:0.57app.js/** * Sample React Native App * https://github.com/facebook/react-native * * @format * @flow */import React, {Component} from 'react';import { Platform,...原创 2018-11-25 14:00:40 · 2212 阅读 · 0 评论 -
React-Native项目在Android真机上调试
React-Native项目在Android真机上调试?接下来直奔主题,通过USB将手机和电脑连接,打开手机上的USB调试。不通型号的手机可能设置方式不一样,这里具体不在细说……确保你的设备已经成功连接。可以终端输入adb devices来查看:adb devicesList of devices attached"Your device Name" device注意:为避免调试...转载 2018-12-13 16:52:50 · 1522 阅读 · 1 评论 -
React-Navigation-TabNavigator add badge
npm -i --save react-native-tab-navigator/** * 初始化页面 */import React from 'react'import {StackNavigator, TabNavigator} from "react-navigation";import WelcomePage from './WelcomePage';import Ho...原创 2018-12-10 20:10:51 · 742 阅读 · 0 评论 -
es5继承、多重继承、原型链
原型链JavaScript 规定,所有对象都有自己的原型对象(prototype)。一方面,任何一个对象,都可以充当其他对象的原型;另一方面,由于原型对象也是对象,所以它也有自己的原型。因此,就会形成一个“原型链”(prototype chain):对象到原型,再到原型的原型……如果一层层地上溯,所有对象的原型最终都可以上溯到Object.prototype,即Object构造函数的proto...原创 2018-11-20 10:19:30 · 332 阅读 · 0 评论 -
react-redux简单例子
redux的作用react 本身是通过props传递属性的,层级嵌套太深的话,传递属性就需要一层层向下传递,回调也需要一层层的回调。redux 的作用就是实现跨级传递属性方法和回调react-redux 是连接react &amp;amp;amp;&amp;amp;amp; redux的插件简单例子实现数字增加和减少//app.jsimport React from 'react'import Reac...原创 2018-11-13 20:43:02 · 1271 阅读 · 0 评论 -
大前端目录
框架react安装redux安装原创 2018-11-13 20:16:10 · 348 阅读 · 0 评论 -
jquery---如何获取select下拉框当前选择的文本
--请选择--华北地区东北地区华东地区华南地区西南地区西北地区原创 2014-10-11 13:18:24 · 3724 阅读 · 0 评论 -
javascript---js控制跳转锚点
<a name="anchor"> location.hash="anchor";原创 2014-10-17 13:21:48 · 558 阅读 · 0 评论 -
javascript---常用正则
判断字符串中是否有中文原创 2014-11-06 17:39:32 · 377 阅读 · 0 评论 -
javascript---在a标签跳转前做操作
有个链接点我function check(obj) {if ($(obj).attr('data-check') == '1') {return true;}else {return false;}}返回true,则跳转。原创 2015-01-16 10:47:10 · 1982 阅读 · 0 评论 -
javascript---去除右键功能,防止复制和文本选取
document.oncontextmenu=new Function("event.returnValue=false");document.onselectstart=new Function("event.returnValue=false");在页面尾部加入上面代码原创 2014-12-29 14:52:31 · 645 阅读 · 0 评论 -
javascript---html里a标签中调用js的function
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http原创 2015-06-29 15:42:24 · 5413 阅读 · 0 评论 -
javascript---常用正则
判断字符串中是否有中文function testChinaese(str) { var preg = /^.*[\u4E00-\u9FA5]+.*$/; if(preg.test(str)) { return true; }}检测字符串中是否全是中文function testOther(str) { var preg = /^[\u4E00-\u原创 2015-07-01 15:38:57 · 352 阅读 · 0 评论 -
javascript---检测字符长度包括中文
//检测长度function checkLength(str){ var len = 0; for (var i=0; i<str.length; i++) { var c = str.charCodeAt(i); if ((c >= 0x0001 && c <= 0x007e) || (0xff60<=c && c<=0xff9f)) {原创 2015-07-10 11:33:40 · 838 阅读 · 0 评论 -
javascript---在表单提交之前处理事件
<form action="" method onSubmit="return check()"></form><script>function check(){ if ("...") { return true; } else { return false; }}</script>原创 2015-07-24 10:59:37 · 446 阅读 · 0 评论 -
css-控制表格滚动条
table { display: block; overflow-x: auto; //显示滚动条 white-space: nowrap; //表格内容强制不换行}原创 2018-09-25 15:16:46 · 3532 阅读 · 0 评论 -
html5---图片上传预览
图片上传预览 window.URL = window.URL || window.webkitURL; var fileElem = document.getElementById("fileElem"), fileList = document.getElementById("fileList"); function handleFiles(obj) { var fil转载 2014-10-24 09:22:39 · 629 阅读 · 0 评论