tcllxxl的博客

webpack可以将模块化文件进行打包，（不适用模块化会有变量冲突等问题）处理成浏览器可以识别的js文件，浏览器不识别common.js es6等模块化语法 1、 首先创建文件夹，添加两个js文件，用模块化方式开发，然后添加html，一般都是在htnl中使用script标签引入js文件，但是模块化之后需要webpack打包，html中引入打包后的js文件 文件目录如下 mathUtils.js function add(num1, num2) { return num1+num2; } functi

./ // 上一级目录下 import SonSlotComponent from "./SonSlot" // 同级目录下 import SonSlotComponent from "../SlotDemo/SonSlot"; // 上级目录下 // @代表src目录 import SonSlotComponent from "@/components/SlotDemo/SonSlot";

// js中拼接html包括函数及其方法 diagnoseCard += " <div " + "οnclick=getChecksAndTreatmentPlan(this,'" + info[i].name +"')" + ">\n" + 123 "</div>"; // this是当前div对象，info[i].name

let reg = new RegExp(’[0-9a-zA-Z]+’); console.log( reg.test(5)); // true

对象深拷贝 let person = { name: "1", age: "2" }; let p2 = {...person}; let p3 = person; p2.name = "2"; console.log(person.name); // 1 p3.name = "3"; console.log(person.name); // 3 数组 let arr = [ 1, 2, 3]; let arr3 = [...arr]; arr3[0] = 31; console.log(

原博客忘记哪个了，再次感谢原作者。原文是js，我这是用的React，原理就是对hide属性的控制 html,body { margin: 0; padding: 0; font-family: "Microsoft YaHei"; } .wrap-dialog { position: fixed; top: 0; left: 0; width: 100%; height: 100%; font-size: 16px; text-align: center; z-

import {createHashHistory} from 'history' ; const history = createHashHistory();//返回上一页这段代码段代码 goBackPage = () => { history.goBack(); //返回上一页这段代码 }; <div> <button type="button" className="btn btn-link" onClick={ ()=&

<Link to={ { pathname: '/particulars', state: { drug: drug} } } target="_blank"> <div style={ { color: 'blue', fontSize: '1.1rem' } } dangerouslySetInnerHTML={ { __html: drug.sho...

function formatDate(numb, format) { const time = new Date((numb - 1) * 24 * 3600000 + 1); time.setYear(time.getFullYear() - 70); const year = time.getFullYear() + ''; const month = time.getMon...

html2canvas(document.getElementById("_container")).then(function (canvas) { //打印 //window.print(canvas); const contentWidth = canvas.width; const contentHeight = canvas.height; ...

之前用过react，node也安装过 node 6.0以上 1: windows+r 运行npm list -g，查看npm是否有安装（需要等一会） 已安装，可能是新建空项目npm install 的， 2：打开webstorm，new vue 自动找到了vue所在，创建就可以 3：打开后显示package.json,等它安装，下面会有进度条（等待） 安装完成的文件夹 4：启动 ...

let a; console.log(a); //undefined let e; console.log(e()); //Error: c is not a function console.log(b); let b; //Error: Cannot access 'a' before initialization const c = ()=&g...

filter：返回满足条件的新数组，不改变原数组 concat:返回拼接的新数组，不改变原数组 find:返回提供的数组中满足提供的测试功能的第一个元素的值,不改变原数组 findIndex：返回提供的数组中满足提供的测试功能的第一个元素的下标，不改变原数组 forEach;为每个数组元素执行一次提供的功能，不改变原数组，无返回值 map:创建一个新数组，其结果是在调用数组中的每个元素上调用提供的...

typeof其实就是判断参数是什么类型的实例，就一个参数 typeof 一般只能返回如下几个结果：“number”、“string”、“boolean”、“object”、“function” 和 “undefined”。 运算数为数字 typeof(x) = “number” 字符串 typeof(x) = “string” 布尔值 typeof(x) = “boolean” 对象,数组和nul...

js setTimeout方法延时执行并返回结果 return new Promise((resolve, reject)=> { setTimeout(()=> { resolve('failed'); }, 5000); reject(); }) .then((r)=> { return r}) .catch(err=> { consol...

model1(); function model1() // 函数式声明 { console.log('model1'); } model2(); // 报错，不能先调用再声明 const model2 = function model12() // 函数表达式式声明 { console.log('model2'); }; model...