- 目录 1.什么是原型模式 2 参与者 3 实例讲解 4 使用 Object.create实现原型模式 4.1 Object.create()的用法 4.2 用 Object.create实现继承 4.2.1 单继承 4.2.2 多继承 4.3 propertyObject参数 4.4 Polyfill 4.5 改写原型模式实现 5 总结 1.什... 目录 1.什么是原型模式 2 参与者 3 实例讲解 4 使用 Object.create实现原型模式 4.1 Object.create()的用法 4.2 用 Object.create实现继承 4.2.1 单继承 4.2.2 多继承 4.3 propertyObject参数 4.4 Polyfill 4.5 改写原型模式实现 5 总结 1.什...
- 视频 视频地址:https://www.bilibili.com/video/BV1v54y1t7zn 十分钟实现元旦祝福动画,CSS+JavaScript实现节日祝福动画,祝大家元旦快乐 视频已同步到我的B站账号欢迎大家关注。https://space.bilibili.com/563010186 参考代码 HTML: <!DOC... 视频 视频地址:https://www.bilibili.com/video/BV1v54y1t7zn 十分钟实现元旦祝福动画,CSS+JavaScript实现节日祝福动画,祝大家元旦快乐 视频已同步到我的B站账号欢迎大家关注。https://space.bilibili.com/563010186 参考代码 HTML: <!DOC...
- 今天这篇文章跟大家分享一些JavaScript常用的API代码,有DOM操作、CSS操作、对象(Object对象、Array对象、Number对象、String对象、Math对象、JSON对象和Console对象)操作,值得收藏。 一、节点 1.1 节点属性 Node.nodeName //返回节点名称,只读Node.nodeType //返回节点类型的常数值,... 今天这篇文章跟大家分享一些JavaScript常用的API代码,有DOM操作、CSS操作、对象(Object对象、Array对象、Number对象、String对象、Math对象、JSON对象和Console对象)操作,值得收藏。 一、节点 1.1 节点属性 Node.nodeName //返回节点名称,只读Node.nodeType //返回节点类型的常数值,...
- 混淆前: window = {};window.atob = function(r) { e = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; var o = String(r).replace(/=+$/, ""); if(o.length % 4 == 1) throw n... 混淆前: window = {};window.atob = function(r) { e = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; var o = String(r).replace(/=+$/, ""); if(o.length % 4 == 1) throw n...
- obfuscator混淆我相信大家耳熟能详,做爬虫的或多或少的都应该见到过这样混淆的代码,其官网地址: https://obfuscator.io/ 经过其混淆的代码,其变量名或者函数名多以 "_0x" 开头,例如 while (!![]) { switch (_0x3020e4[_0x3ef040++]) { case '0': var _0x2db... obfuscator混淆我相信大家耳熟能详,做爬虫的或多或少的都应该见到过这样混淆的代码,其官网地址: https://obfuscator.io/ 经过其混淆的代码,其变量名或者函数名多以 "_0x" 开头,例如 while (!![]) { switch (_0x3020e4[_0x3ef040++]) { case '0': var _0x2db...
- vue项目启动后调用顺序: index.html → main.js → app.vue → index.js → components/组件 一般项目创建好后会有三个文件:index.html、main.js、app.vue index.html :所有vue文件都是单页面形式开发,所有vue组件都是通过index.html进行渲染加载。main.js:相当于ja... vue项目启动后调用顺序: index.html → main.js → app.vue → index.js → components/组件 一般项目创建好后会有三个文件:index.html、main.js、app.vue index.html :所有vue文件都是单页面形式开发,所有vue组件都是通过index.html进行渲染加载。main.js:相当于ja...
- npm 是前端开发广泛使用的包管理工具,之前使用 Weex 时看了阮一峰前辈的文章了解了一些,这次结合官方文章总结一下,加深下理解吧! 读完本文你将了解: 文章目录 什么是 npm?安装 npm更新 npmpackage.json 文件package.json 如何创建package.json 的内容指定依赖的包Semantic versioning(语义化版... npm 是前端开发广泛使用的包管理工具,之前使用 Weex 时看了阮一峰前辈的文章了解了一些,这次结合官方文章总结一下,加深下理解吧! 读完本文你将了解: 文章目录 什么是 npm?安装 npm更新 npmpackage.json 文件package.json 如何创建package.json 的内容指定依赖的包Semantic versioning(语义化版...
- config配置的目的是为了服务webpack的配置,给不同的编译条件提供配置。当我们需要和后台分离部署的时候,必须配置config/index.js。 用vue-cli 自动构建的目录里面会包含以下代码(环境变量及其基本变量的配置)。 var path = require('path') module.exports = { build: { index: p... config配置的目的是为了服务webpack的配置,给不同的编译条件提供配置。当我们需要和后台分离部署的时候,必须配置config/index.js。 用vue-cli 自动构建的目录里面会包含以下代码(环境变量及其基本变量的配置)。 var path = require('path') module.exports = { build: { index: p...
- 这个配置文件是命令npm run dev 和 npm run start 的入口配置文件,主要用于开发环境。 由于这是一个系统的配置文件,将涉及很多的模块和插件,所以这部分内容我将分多个文章讲解,请关注我博客的其他文章。 // 导入check-versions.js文件,并且执行导入的函数,用来确定当前环境node和npm版本是否符合要求 // 关于check-ver... 这个配置文件是命令npm run dev 和 npm run start 的入口配置文件,主要用于开发环境。 由于这是一个系统的配置文件,将涉及很多的模块和插件,所以这部分内容我将分多个文章讲解,请关注我博客的其他文章。 // 导入check-versions.js文件,并且执行导入的函数,用来确定当前环境node和npm版本是否符合要求 // 关于check-ver...
- Vue进阶(二):Vue项目文件结构介绍 main.js是我们的主项目入口文件,主要作用是初始化vue实例,并引入所需要的插件;App.vue是我们的主组件,所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由也是App.vue的子组件。所以将router标示为App.vue的子组件。index.html文件入口;src放置组件和入口文件;node_... Vue进阶(二):Vue项目文件结构介绍 main.js是我们的主项目入口文件,主要作用是初始化vue实例,并引入所需要的插件;App.vue是我们的主组件,所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由也是App.vue的子组件。所以将router标示为App.vue的子组件。index.html文件入口;src放置组件和入口文件;node_...
- 这次给大家带来vue.js中created方法的使用详解,使用vue.js中created方法的注意事项有哪些,下面就是实战案例,一起来看一下。 这是它的一个生命周期钩子函数,就是一个vue实例被生成后调用这个函数。一个vue实例被生成后还要绑定到某个html元素上,之后还要进行编译,然后再插入到document中。每一个阶段都会有一个钩子函数,方便开发者在不同阶段处理... 这次给大家带来vue.js中created方法的使用详解,使用vue.js中created方法的注意事项有哪些,下面就是实战案例,一起来看一下。 这是它的一个生命周期钩子函数,就是一个vue实例被生成后调用这个函数。一个vue实例被生成后还要绑定到某个html元素上,之后还要进行编译,然后再插入到document中。每一个阶段都会有一个钩子函数,方便开发者在不同阶段处理...
- #网站开发进阶(四十九)由JS报“未结束的字符串常量”引发的思考 ##报错 在做公司项目开发过程中,后期生产环境上报JS出现“未结束的字符串常量”错,如下: 后期经过不断调试,发现是由于Js引擎在解析带有换行字符串时引起的异常。解析后的js代码类似于 If (“12345 abc” == “12345abc”){... 12 由... #网站开发进阶(四十九)由JS报“未结束的字符串常量”引发的思考 ##报错 在做公司项目开发过程中,后期生产环境上报JS出现“未结束的字符串常量”错,如下: 后期经过不断调试,发现是由于Js引擎在解析带有换行字符串时引起的异常。解析后的js代码类似于 If (“12345 abc” == “12345abc”){... 12 由...
- 用JavaScript读取和保存文件 因为Google还不提供同步插件数据的功能,所以导入和导出插件配置就必须和文件打交道了。而出于安全原因,只有IE才提供访问文件的API;但随着HTML 5的到来,其他浏览器也纷纷支持了。 首先说读取文件。W3C提供了一些File API,其中最重要的是FileReader这个类。 先列出需要用到的... 用JavaScript读取和保存文件 因为Google还不提供同步插件数据的功能,所以导入和导出插件配置就必须和文件打交道了。而出于安全原因,只有IE才提供访问文件的API;但随着HTML 5的到来,其他浏览器也纷纷支持了。 首先说读取文件。W3C提供了一些File API,其中最重要的是FileReader这个类。 先列出需要用到的...
- 在《Vue进阶(幺肆贰):CSS-静态定位,相对定位,绝对定位,固定定位的用法和区别详解》一文中,讲解了CSS常用的几种定位方式。此片博文主要讲解如何应用绝对定位实现完美布局,及应用注意事项。 在布局的过程中我们经常用到绝对定位,很多初学者在一开始用绝对定位经常会达不到预期的效果,因为它们往往会忽略使用绝对定位的两个条件。 什么?使用绝对定位还要条件? 当然要啦!... 在《Vue进阶(幺肆贰):CSS-静态定位,相对定位,绝对定位,固定定位的用法和区别详解》一文中,讲解了CSS常用的几种定位方式。此片博文主要讲解如何应用绝对定位实现完美布局,及应用注意事项。 在布局的过程中我们经常用到绝对定位,很多初学者在一开始用绝对定位经常会达不到预期的效果,因为它们往往会忽略使用绝对定位的两个条件。 什么?使用绝对定位还要条件? 当然要啦!...
- 这个配置文件是webpack生产环境核心配置文件。 由于这是一个系统的配置文件,将涉及很多模块和插件,所以这部分内容将分多个文章讲解,请关注博主其他文章。 // 下面是引入nodejs的路径模块 var path = require('path') // 下面是utils工具配置文件,主要用来处理css类文件的loader var utils = require('... 这个配置文件是webpack生产环境核心配置文件。 由于这是一个系统的配置文件,将涉及很多模块和插件,所以这部分内容将分多个文章讲解,请关注博主其他文章。 // 下面是引入nodejs的路径模块 var path = require('path') // 下面是utils工具配置文件,主要用来处理css类文件的loader var utils = require('...
上滑加载中