首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

编写兼容性JS代码

前文介绍了:  1 DOM四个常用的方法   2 使用DOM核心方法完成属性填充 本篇主要介绍在JS中需要注意的几个地方,另外为了减小html与javascript的耦合使用java进行onclick...方法编写。   ...但是在编写合格的javascript代码时,需要注意:   1 平稳退化:保证在不支持js或者低版本的浏览器也能正常访问   2 分离javascript:把html与javascript分离,有助于后期代码的维护...  3 向后兼容性:确定老版本的浏览器不会因为脚本禁止而死掉   4 性能考虑:确定脚本执行的最优   编写优化的代码   针对前一篇中的相册的代码,这里主要修改的地方是把onclick方法删除,在页面加载时

3.2K90
您找到你想要的搜索结果了吗?
是的
没有找到

JS进阶系列

JS入门难点解析系列中,我们对JS的一些重要概念,比如:作用域,作用域链,原型,原型链,继承,活动对象,this,执行环境,变量声明,函数声明等进行了详细的分析讲解。...大家对JS的一些基本用法应该有了自己的心得。那么,这个系列,我们从JS这门语言本身入手来进行深挖,看一下JS与其他语言的不同点,在使用JS的时候又需要注意什么。...这个系列,我们分为三部分,第一部分讲解JS的弱类型和动态类型是指什么,第二部分分析JS面向对象的三大特征,第三部分我们一起探讨一下JS语言在使用时应当遵循的设计原则。...第一部分 JS的弱类型和动态类型 JS进阶系列01-JS的弱类型和动态类型 第二部分 JS面向对象的三大特征 JS进阶系列02-JS面向对象的三大特征之封装 JS进阶系列03-JS面向对象的三大特征之多态...第三部分 JS的设计原则

45610

JS代码混淆 | js 逆向系列

/UglifyJS/ https://github.com/LiPinghai/UglifyJSDocCN/blob/master/README.md 使用方法 npm install uglify-js...-g uglifyjs example.js -c -m --mangle-props -c 代码压缩 -m 代码混淆 --mangle-props 混淆属性名 -b 美化显示 // 原代码 const...JShaman https://www.jshaman.com/ JShaman 是国内公司开发的js代码加密商业产品 免费版可以直接使用 // 原代码 const person = { age...我们输出一下 这里我们就可以对比 eval packer 了,它只是简单的字符串替换,即使将原代码中的部分提取出来,通过数组、字典等各种形式存储、拼接、替换等,最终进行还原,这里面没有利用到复杂的语法以及js...console.log(c) 这次我们设计三个返回值,分别是函数定义、数值、字符串 看到这,我都蒙了,经过查询资料,我找到了两个维度的复杂的原因 JavaScript 中函数只能有一个返回值,你就说这玩意如果没学过 js

1.7K10

使用 TypeScript 编写 React.js 应用 | 笔记

引言 React.js 仅使用具有 Hooks 的 函数式组件 Built-in React Hooks – React 使用 create-react-app 创建工程 TypeScript React...React Testing Library | Testing Library 使用 Yarn 作为包管理器 使用 CSS 预处理器: Sass 使用最新语法 SCSS, 而不是 Sass Node.js...预处理器 Sass 参考: Adding a Sass Stylesheet | Create React App 注意: node-sass 已被遗弃 较新的版本不需要配置 sass-loader 等一系列插件...: src\projects\ProjectsPage.tsx 打开文件, 更新文件内容 在 VSCode 中,可以使用扩展 VS Code ES7 React/Redux/React-Native/JS...构建并部署 构建一个 React.js 应用 运行以下命令以安装名为 serve 的 Node.js Web 服务器: # yarn 全局安装 serve yarn global add serve

80090

Node.js编写组件的几种方式

Node.js编写组件的几种方式 本文主要备忘为Node.js编写组件的三种实现:纯js实现、v8 API实现(同步&异步)、借助swig框架实现。...简介 首先介绍使用v8 API跟使用swig框架的不同: (1)v8 API方式为官方提供的原生方法,功能强大而完善,缺点是需要熟悉v8 API,编写起来比较麻烦,是js强相关的,不容易支持其它脚本语言...(4)编写测试js代码 const m = require('....组件 利用swig框架编写Node.js组件 (1)编写好组件的实现:.h和.cpp ** eg: namespace a { class A{ public: int add(int a, int y...%template(vectori) vector 则表示为JS定义了一个类型vectori,这一般是C++函数用到vector 作为参数或者返回值,在编写js代码时,需要用到它。

1.3K41

Webpack 原理系列七:如何编写loader

关于 Webpack Loader,网上已经有很多很多的资料,很难讲出花来,但是要写 Webpack 的系列博文又没办法绕开这一点,所以我阅读了超过 20 个开源项目,尽量全面地总结了一些编写 Loader...序列化与反序列化、计算 hash 值之类的工具函数 webpack/schema-utils:参数校验工具 这些工具的具体接口在相应的 readme 上已经有明确的说明,不赘述,这里总结一些编写 Loader...单元测试 在 Loader 中编写单元测试收益非常高,一方面对开发者来说不用去怎么写 demo,怎么搭建测试环境;一方面对于最终用户来说,带有一定测试覆盖率的项目通常意味着更高、更稳定的质量。...另外一种方法是编写系列 mock 方法,搭建起一个模拟的 Webpack 运行环境,例如 emaphp/underscore-template-loader ,优点的运行速度更快,缺点是开发工作量大通用性低.../loaders/'], } } 无关紧要总结 这是 Webpack 原理分析系列第七篇文章,说实话最开始并没有想到能写这么多,后续还会继续 focus 在这个前端工程化领域,我的目标是能攒成一本自己的书

1K01
领券