![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javaScript
科学的发展-只不过是读大自然写的代码
科学的发展-只不过是读大自然写的代码
展开
-
node.js 简单实验 创建一个简单的web服务
node.js 简单实验 创建一个简单的web服务原创 2023-08-24 15:57:52 · 764 阅读 · 0 评论 -
npm常用命令
分类 命令 介绍 npm -v 查看版本 npm install npm -g 升级 npm install -g cnpm --registry=https://registry.npm.taobao.org 使用淘宝镜像命令 模块安装 npm install <Module Name> npm 命令安装模块 n...原创 2019-08-07 08:47:32 · 155 阅读 · 0 评论 -
Bootstrap前端框架简
在计算机术语中,Bootstrap(引导)指一种设计成通过自己的操作使其自身处于期望状态的技术或设备,例如一种机器例程,该例程的头几个指令足以使引导其自身的其余部分从输入设备进入计算机。在统计学中,Bootstrap是非参数统计中一种重要的估计统计量变异性,并可进行统计量区间估计的统计方法,也称为自助法。它的核心思想和基本步骤包括采用重复抽样技术从原始样本中抽取样本,计算待估计的统计量,重复上述步骤多次以估计统计量的方差,从而可以构造置信区间等。原创 2024-05-14 10:07:05 · 378 阅读 · 0 评论 -
js 模块 简单实验
js 模块 简单实验原创 2023-08-23 17:01:43 · 232 阅读 · 0 评论 -
模拟一个单选按钮的点击事件
需求:模拟一个单选按钮的点击事件控件<div class="layui-form-item"> <label class="layui-form-label">单选框</label> <div class="layui-input-block"> <input type="radio" name="sex" value="1" title="男" id="orderCreate_Languag原创 2021-05-24 15:26:23 · 418 阅读 · 0 评论 -
node.js 模块-包做模块
NO 包在 node_module 中 是否有包 包的main属性 main属性有效 是否有inex.js 包对应的文件 1 否 无 - - 有 index.js 2 有 无 - 有 index.js 3 有 有效 - main属...原创 2019-08-15 08:53:22 · 103 阅读 · 0 评论 -
node.js-模块系统
m.jsexports.world = function() { console.log('Hello World'); }main.jsvar a = require("./m")a.world();运行效果原创 2019-08-09 13:39:51 · 109 阅读 · 0 评论 -
js-编码笔记-定时器
js 定时器有以下两个方法:setInterval() :按照指定的周期(以毫秒计)来调用函数或计算表达式。方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。setTimeout() :在指定的毫秒数后调用函数或计算表达式。setInterval()语法setInterval(code,millisec,lang)参数 描述 code 必需 要调用的函数或要执行的代码串。 millisec 必须 周...原创 2020-12-11 19:42:47 · 182 阅读 · 0 评论 -
JavaScript concat() 、 splice() 方法
一 JavaScript concat() 方法定义和用法concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。语法arrayObject.concat(arrayX,arrayX,......,arrayX)参数 描述 arrayX 必需。该参数可以是具体的值,也可以是数组对象。可以是任意多个。 实例例子 1在本例中,我们将把 concat() 中的参数连接到数组 a 中:<script ..原创 2020-11-20 20:58:56 · 206 阅读 · 0 评论 -
JS数组转字符串(3种方法)
方法 说明 特点 举例 1 toString() 将数组转换成一个字符串 普通分隔符 a = [1,[2,3]]; a.toString() = '1,2,3' 2 toLocalString() 把数组转换成本地约定的字符串 用户所在地区特定的分隔符 a = [1,[2,3]]; a.toString() = '1,2,3' 3 join() 将数组元素连接起来以构建一个字符串 指定分隔符 a ...原创 2020-11-16 15:37:39 · 598 阅读 · 0 评论 -
js-编码笔记-Uncaught ReferenceError: xxxx is not defined at HTMLSpanElement.onclick
1.代码变更前function rateRenderer(value, cellmeta, record, rowIndex, columnIndex, store) { .. var edit = '<span onclick="openRate(' + name1 + ',' + name2+ ')">' + record.get("rateCoverage") + '</span>'; return.原创 2020-08-20 15:59:49 · 2439 阅读 · 1 评论 -
js-事件消息回调模拟
// 回调函数class Callback{ fun(a){ console.log(a); }}// 事件类型class MyEvent{ m; callBack; fun(a){ this.callBack.fun(a); }}// 消息处理中心class EventMessageCenter{ events = new Array(); //注册事件 register(even.原创 2020-06-20 11:10:12 · 331 阅读 · 0 评论 -
js调试-debugger标注
我们在调试的时候,可以在js代码中添加"debugger;",这样即使不设置断点,也会在这里有个停顿。原创 2020-06-15 13:52:37 · 277 阅读 · 0 评论 -
js-积累-js大小写切换
var str = "AbC";//转小写str.toLowerCase();//转大写str.toUpperCase();原创 2020-06-15 11:05:47 · 157 阅读 · 0 评论 -
js-随机排序
方法1<html><head><title>无标题文档</title></head><body><script>var arr =[1,2,3,4];var brr = [];var num = arr.length;for (var i = 0; i < num; i++){ ...原创 2020-03-30 10:47:41 · 243 阅读 · 0 评论 -
中介者模式-坦克大战-js
概要用一个中介对象来封装一系列对象交互。中介者使各对象不需要相互引用,从而使其耦合松散,而且可以独立地改变它们之间的交互。类图运行代码console.log('中介在模式演示:');var indexId = 0;//抽象层--------------------class Mediator { send(byid,toid, message) {...原创 2019-10-29 15:30:11 · 142 阅读 · 0 评论 -
观察者模式-坦克大战-js
概要定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时, 所有依赖于它的对象都得到通知并被自动更新。类图运行代码console.log('观察者模式演示:');var states = { sort: "sort", run: "run" }var indexId = 0;// 抽象层class SubjectCommandCenter { ...原创 2019-10-29 14:40:56 · 128 阅读 · 0 评论 -
命令模式-坦克大战-js
概要将一个请求封装为一个对象,从而使你可用不同的请求对客户进行参数化;对请求排队或记录请求日志,以及支持可撤消的操作。类图运行效果代码console.log('命令模式演示:');class InvokerTank { constructor(scomd,rcmd) { this.sortCommand = scomd; t...原创 2019-10-29 13:44:50 · 197 阅读 · 0 评论 -
代理模式-坦克大战-js
模式概述意图(Intent):为其他对象提供一种代理以控制对这个对象的访问。动机(Motivate):在面向对象系统中,有些对象由于某种原因(比如对象创建的开销很大,或者某些操作需要安全控制,或者需要进程外的访问等),直接访问会给使用者、或者系统结构带来很多麻烦。如何在不失去透明操作对象的同时来管理/控制这些对象特有的复杂性?增加一层间接层是软件开发中常见的解决方式。类图需求...原创 2019-10-29 11:50:50 · 142 阅读 · 0 评论 -
迭代器模式-坦克大战-js
需求设计一个集合,可以遍历机能,为坦克装配机能和遍历运行机能。运行代码console.log('迭代器演示:');class Function { constructor(fun) { this.fun = fun; } exe(guige) { console.log(this.fun + guige);...原创 2019-10-29 11:08:10 · 159 阅读 · 0 评论 -
模板方法-坦克大战-js
需求设置坦克能够执行“发射”、“跑”两种机能,两种机能引几种不同会有不同的执行标准,单是两种机能是固定的。设计父类执行“发射”、“跑”的机能,两个机能的具体动作有子类负责。运行效果代码console.log('模板方法演示:');class Tank { constructor(property) { this.property = ...原创 2019-10-29 10:03:39 · 134 阅读 · 0 评论 -
享元模式-坦克大战-js
概要运用共享技术有效地支持大量细粒度的对象。类图需求坦克提供两种机能,“发射”和“跑”,不同的坦克发射和跑的速度不一样,但是无论多少坦克,基本的发射和跑的机能是一样的。说以这里,对“发射”和“跑”采用享元模式处理。设计设计的关键就是,无论多坦克,最终“发射”和“跑”的机能只用一个就够了(就是控制“发射”和“跑”要单件)。运行效果代码cons...原创 2019-10-29 09:39:22 · 136 阅读 · 0 评论 -
外观模式-坦克大战-js
概要为子系统中的一组接口提供一个一致的界面,Facade模式定义了一个高层接口,这个接口使得这一子系统更加容易使用。类图需求说明两种坦克,一种是普通坦克:具体发射,跑,瞄准机能;一种是高配坦克在基础机能上加装“水陆两栖”和“卫星定位”机能。设计实现内部两个类分别实现高配和普通的机能。对外提供一个外观类定义全部的机能接口。供外部的坦克类调用。运行结果代码...原创 2019-10-29 08:21:51 · 162 阅读 · 0 评论 -
外观模式-js
代码console.log('外观模式');class ClientA { constructor(facade) { this.facade = facade; } exe() { this.facade.fun1(); }}class ClientB { constructor(facade) {...原创 2019-10-28 16:38:08 · 197 阅读 · 0 评论 -
组合模式-坦克大战-js
需求基本机能有,射击,跑,红外等,这些机能可以组合成新的新能,新的的机能又可以被另一个新的机能组合。运行代码console.log('组合模式');var index = 0;class Component { constructor() { this.components = new Array(); this.id = in...原创 2019-10-28 16:10:20 · 131 阅读 · 0 评论 -
策略模式-坦克大战-js
需求坦克的射击距离,可以是70公里,也可以是50公里,这里给坦克换不同的策略,用以执行不同的机能。运行代码console.log('策略模式');class StrategySort { constructor(specification) { this.specification = specification; } exe()...原创 2019-10-28 14:24:46 · 242 阅读 · 0 评论 -
状态模式-坦克大战-js
需求:坦克在停止状态,能走和瞄准;瞄准进入,已经瞄准状态,走向进入走形中状态。在瞄准状态,只能进行射击,射击后进入停止状态。走行中状态,只能进行停止,不能瞄准和射击。运行效果代码console.log('状态模式');/*//prototype 实验------------------------------------------console.log("p...原创 2019-10-28 13:58:29 · 207 阅读 · 0 评论 -
职责链-坦克大战-js
console.log('职责链');class Tank {}class AbstractHandler{ constructor() { this.comand = 0; this.function = ""; this.nexHandler = null; } handleRequest(comand) { ...原创 2019-10-28 11:11:18 · 132 阅读 · 0 评论 -
装饰模式-坦克大战-js
console.log('桥接模式');//调用父类实验--------------------------------------------class A { constructor() { this.a = 0; } exe() { console.log('A'); }}class B extends A { ...原创 2019-10-28 10:12:21 · 240 阅读 · 5 评论 -
桥接模式-坦克大战-js
console.log('桥接模式');class AbstractAppend { constructor() { this.speed = 0; } exe() { console.log('speed:' + this.speed); }}class AbstractTank { constructor() {...原创 2019-10-28 09:24:06 · 130 阅读 · 0 评论 -
原型坦克大战实现-js
代码console.log('原型模式');class Tank { constructor() { this.appendSort = 0; this.sort = 0; } exe() { console.log('sort:' + this.sort + this.appendSort);...原创 2019-10-28 08:50:03 · 212 阅读 · 0 评论 -
坦克大战-创建者模式实现-js
console.log("创建者模式")// 抽象层class Builder{ buildSort(tank){ tank.sort = this.sort; } buildRun(tank){ tank.run = this.run; }}class Tank{ constructor(){ th...原创 2019-10-27 18:58:19 · 133 阅读 · 0 评论 -
坦克大战-抽象工厂实现-JS
概述:坦克大战-抽象工厂实现代码console.log("抽象工厂模式")// 基础类class Sort{ sort(){ console.log("发生:"+this.guiGe); } }class Run{ run(){ console.log("速度:"+this.guiGe); }}cla...原创 2019-10-27 18:23:26 · 167 阅读 · 0 评论 -
坦克大战游戏-工厂模式实现-js
console.log("工厂模式")class Tank{ exe(){ console.log("运行:"+this.specification); }}class B50Tank extends Tank{ constructor(){ super(); this.specification = "50坦克";...原创 2019-10-27 17:35:59 · 217 阅读 · 0 评论 -
js-关于react的“JSX”原理理解学习笔记
一先说说软件和代码的关系,具体点先说表示层和代码的关系吧。先说一个过程吧。创建控件=>设置属性=>页面表示出来。这是一个传统的过程,传统的代码应该类似于这样的。using System;using System.Windows.Forms;namespace 创建简单桌面{ class Program : System.Windows.Forms.Fo...原创 2019-10-18 11:25:58 · 125 阅读 · 0 评论 -
js-排序
代码 结果 <script type="text/javascript">var arr = new Array(6)arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"arr[3] = "James"arr[4] = "Adrew"arr[5] = "Martin"document.write(ar...原创 2019-09-30 14:04:54 · 97 阅读 · 0 评论 -
js-多线程(worker)
概要 浏览器端js是单线程执行,所以当js执行高负载运算时,UI渲染就会阻塞,页面就会出现卡顿,用户体验就不是很好 js为此也提供了异步操作,例如: 定时器(setTimeout 和 setInterval),Ajax请求等,但异步终究还是单线程,不能从根本上解决问题,像setTimeout并不能拿到正确的值,因为执行的时候将该任务放到主线程执行,只有当前面的...原创 2019-09-30 14:10:16 · 498 阅读 · 0 评论 -
js-异步实现
一、回调函数 需求 假定有两个函数f1和f2,后者等待前者的执行结果。 代码 f1();f2();//如果f1是一个很耗时的任务,可以考虑改写f1,把f2写成f1的回调函数。function f1(callback){ setTimeout(function () { // f1的任务代码 callback(); ...原创 2019-09-30 14:21:17 · 272 阅读 · 0 评论 -
js 面试题
1 问 javascript的typeof返回哪些数据类型 答 string,boolean,number,undefined,function,object 2 问 例举3种强制类型转换和2种隐式类型转换 答 强制(parseInt,parseFloat,number) 隐式(== ===)...原创 2019-10-09 15:49:42 · 402 阅读 · 0 评论 -
js-数组遍历
数组遍历名称 举例 运行结果 使用forEach遍历 var arr=[1,2,3,4];arr.forEach(function(val, index) {console.log(val, index);}); 1 0 2 1 3 2 4 3 使用for..in..遍...原创 2019-09-30 11:49:44 · 136 阅读 · 1 评论