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 · 146 阅读 · 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 · 558 阅读 · 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 · 169 阅读 · 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 · 157 阅读 · 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 · 128 阅读 · 0 评论 -
模块化简介
模块化简介 ##commonjs commonjsLib.js function sum(a,b) { return a+b; } function dem(a,b){ return a-b; } module.exports = { sum, dem } main.js const {sum,dem} = require('./commonjsLib.js'); const res = sum(10,20); console.log(res); console.log(dem(3原创 2020-11-16 11:04:41 · 78 阅读 · 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 · 3823 阅读 · 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 · 2013 阅读 · 0 评论 -
Navigator实现页面跳转
reaact-native version:0.57 app.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 · 2265 阅读 · 0 评论 -
React-Native项目在Android真机上调试
React-Native项目在Android真机上调试？接下来直奔主题，通过USB将手机和电脑连接，打开手机上的USB调试。不通型号的手机可能设置方式不一样，这里具体不在细说…… 确保你的设备已经成功连接。可以终端输入adb devices来查看: adb devices List of devices attached "Your device Name" device 注意：为避免调试...转载 2018-12-13 16:52:50 · 1577 阅读 · 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 · 786 阅读 · 0 评论 -
es5继承、多重继承、原型链
原型链 JavaScript 规定，所有对象都有自己的原型对象（prototype）。一方面，任何一个对象，都可以充当其他对象的原型；另一方面，由于原型对象也是对象，所以它也有自己的原型。因此，就会形成一个“原型链”（prototype chain）：对象到原型，再到原型的原型…… 如果一层层地上溯，所有对象的原型最终都可以上溯到Object.prototype，即Object构造函数的proto...原创 2018-11-20 10:19:30 · 371 阅读 · 0 评论 -
react-redux简单例子
redux的作用 react 本身是通过props传递属性的，层级嵌套太深的话，传递属性就需要一层层向下传递，回调也需要一层层的回调。 redux 的作用就是实现跨级传递属性方法和回调 react-redux 是连接react &amp;amp;amp;&amp;amp;amp; redux的插件 简单例子 实现数字增加和减少 //app.js import React from 'react' import Reac...原创 2018-11-13 20:43:02 · 1316 阅读 · 0 评论 -
大前端目录
框架 react 安装 redux 安装原创 2018-11-13 20:16:10 · 376 阅读 · 0 评论 -
jquery---如何获取select下拉框当前选择的文本
--请选择-- 华北地区 东北地区 华东地区 华南地区 西南地区 西北地区原创 2014-10-11 13:18:24 · 3755 阅读 · 0 评论 -
javascript---js控制跳转锚点
<a name="anchor"> location.hash="anchor";原创 2014-10-17 13:21:48 · 593 阅读 · 0 评论 -
javascript---常用正则
判断字符串中是否有中文原创 2014-11-06 17:39:32 · 397 阅读 · 0 评论 -
javascript---在a标签跳转前做操作
有个链接 点我 function check(obj) { if ($(obj).attr('data-check') == '1') { return true; }else { return false; } } 返回true，则跳转。原创 2015-01-16 10:47:10 · 2039 阅读 · 0 评论 -
javascript---去除右键功能，防止复制和文本选取
document.oncontextmenu=new Function("event.returnValue=false");document.onselectstart=new Function("event.returnValue=false");在页面尾部加入上面代码原创 2014-12-29 14:52:31 · 675 阅读 · 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 · 5499 阅读 · 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 · 382 阅读 · 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 · 890 阅读 · 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 · 492 阅读 · 0 评论 -
css-控制表格滚动条
table { display: block; overflow-x: auto; //显示滚动条 white-space: nowrap; //表格内容强制不换行 }原创 2018-09-25 15:16:46 · 3568 阅读 · 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 · 661 阅读 · 0 评论