-
layui的基础方法和属性
Layui是一套开源免费的Web UI组件库，采用自身轻量级模块化规范，遵循原生态的 HTML/CSS/JavaScript 开发模式，极易上手，拿来即用Layui区别于一众主流的前端框架，更多是面向于追求简单的务实主义者，即无需涉足各类构建工具，只需面向浏览器本身，便可实现页面所需呈现的元素与交互layui官方文档网址：https://layui.dev/layui官方开源网址：https://github.com/layui/layuilayui的引入<link rel="stylesheet" href="https://unpkg.com/la...
2023-05-10 -
ES6中模块的import加载
在一个模块文件中，使用export语句定义了模块的对外接口以后，其他JS脚本就可以通过import语句加载这个模块中的导出变量import语句可以出现在脚本顶层代码中的任何位置，如果处于块级作用域内会报错，因为处于条件代码块之中，就没法做静态优化了，违背了ES6模块的设计初衷引入语句：使用 "import {vals} from file" 格式引入import { name, age } from './demo.js'; console.log(`我的名字：${name}，我的年龄${age}`); 变量重命名：使用关键字 asimport { name as m...
2023-05-08 -
ES6中模块的export语句
一个模块就是一个独立的文件，该文件内部的所有变量，外部无法获取，使用export关键字输出的模块内部变量外部才能够读取export语句规定的是对外的接口，必须与模块内部的变量建立一一对应关系，即export导出的仅仅是变量而非这个变量指向的值由于export导出的仅仅是一个变量，那么只要能被变量指向的数据都可以实现导出，无论是数字、字符串、数组、集合、对象、函数、类等等，都是可以导出的export语句可以出现在模块顶层代码中的任何位置，如果处于块级作用域内会报错，因为处于块级代码块之中，就没法做静态优化了，违背了ES6模块的设计初衷在定义时导出：在变量定义时就添加关键子export进行导...
2023-05-08 -
ES6中的模块
在ES6之前，JavaScript一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来其他语言都有这项功能，如Ruby的require、Python的import，甚至连CSS都有@import，这对开发大型的、复杂的项目形成了巨大障碍在ES6之前，社区制定了一些模块加载方案，如CommonJS 和 AMD 两种，但它们都只能“运行时加载”如CommonJS模块就是对象，输入时必须查找对象属性 // CommonJS模块 let { stat, end } = require('fs'); // 等同于 let _fs =...
2023-04-21 -
ES5中的严格模式
除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"，这种模式使得Javascript在更严格的条件下运行设立"严格模式"的目的，主要有以下几个：消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为; 消除代码运行的一些不安全之处，保证代码运行的安全； 提高编译器效率，增加运行速度； 为未来新版本的Javascript做好铺垫 同样的代码，在"严格模式"中可能会有不一样的运行结果，一些在"正常模式"下可以运行的语句，在"严格模式"下将不能运行这体现了Javascript更合理、更安全、更严谨的发展方向，主流浏览器都已经支持它，许多大项目已经开始全...
2023-04-21