JavaScript

  • JavaScript对象原型链原理解析

    JavaScript对象原型链原理解析

    这篇文章主要介绍了JavaScript对象原型链原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 一个js对象,除了自己设置的属性外,还会自动生成proto、class、extensible属性,其中,proto属性指向对象的原型。 对象的属性也有writable、enumerable、configurable、value和get/set的配置方法。 对象的创建方式有三种: 一、使用字面量直接创建。 二、基于原型链创建。 分析上图,要点如...

    JavaScript 2020-03-13 19 0
  • Node.js学习之内置模块fs用法示例

    Node.js学习之内置模块fs用法示例

    本文实例讲述了Node.js学习之内置模块fs用法。分享给大家供大家参考,具体如下: IDE为VSCode .js内置的fs模块就是文件系统模块,负责读写文件 'use strict' var fs = require('fs'); //异步读取文件(文本)编码格式指定为utf-8 fs.readFile('sample.txt','utf-8',function(error,data){ if(error){ console.log('error'); }else{...

    JavaScript 2020-03-13 20 0
  • Node.js操作MongoDB数据库实例分析

    Node.js操作MongoDB数据库实例分析

    本文实例讲述了Node.js操作MongoDB数据库。分享给大家供大家参考,具体如下: Node.js操作MongoDB npm init npm i mongodb --save { "name": "test", "version": "1.0.0", "description": "", "main": "app.js", "scripts": { "test": "echo \"Error: no test specified\" && exit...

    JavaScript 2020-03-13 18 0
  • ES6学习笔记之let与const用法实例分析

    ES6学习笔记之let与const用法实例分析

    本文实例讲述了ES6学习笔记之let与const用法。分享给大家供大家参考,具体如下: 在ES6中不是var,而是通过let来声明变量,用const来声明常量,有如下一些不同: 1、let与const作用域只限于当前代码块{},而var则没有这种限制。 2、使用let、const申明的变量作用域不会被提升。例如: console.log(str); var str="var declare"; 控制台输出undefined;因为变量申明是在任意代码执行前处理的,在代码区中任意地方声明...

    JavaScript 2020-03-13 15 0
  • js原生map实现的方法总结

    js原生map实现的方法总结

    js原生方法map实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> &...

    JavaScript 2020-03-13 16 0
  • vue中js判断长时间不操作界面自动退出登录(推荐)

    vue中js判断长时间不操作界面自动退出登录(推荐)

    需求说明,后台有做半个小时不请求接口的话返回标识退出登录,但是要请求接口才行,现在要实现前端用js判断半个小时不操作界面的话自动跳转到登录页面。 创建一个.js文件,在main.js引入此js(vue框架) 在登录成功的时候保存当前时间localStorage.setItem("lastTime",new Date().getTime()); 然后在点击的时候更新这个时间 var lastTime = new Date().getTime(); var currentTime = new Date...

    JavaScript 2020-03-13 17 0
  • 浅谈webpack和webpack-cli模块源码分析

    浅谈webpack和webpack-cli模块源码分析

    webpack4与webpack3的区别 webpack4.0 以后,似乎执行方式就发生了改变,不再是 webpack 一波流,而是多了一个 webpack-cli。webpack3中webpack-cli是合在webpack中。所以在命令行运行 webpack 命令的同时,会提示让你再装一个 webpack-cli。 执行脚本到打包结束流程 1、当我们安装了webpack模块后,就会在node_modules/.bin目录下生成一个webpack、webpack.cmd,webpack是linux下的命令脚...

    JavaScript 2020-03-13 17 0
  • vue中英文切换实例代码

    vue中英文切换实例代码

    1、安装 vue-i18n依赖 yarn add vue-i18n 或者 npm install vue-i18n --save-dev 2、在src/components下新建文件夹language,并在文件夹language下新建zh.js及en.js 【src/components/language/zh.js】 module.exports = { language: { name: 'English' }, user: { login:'登...

    JavaScript 2020-03-13 26 0
  • JavaScript Window窗口对象属性和使用方法

    JavaScript Window窗口对象属性和使用方法

    一、Window对象概述 Window对象可以用来打开浏览器,调整浏览器的位置、大小等等功能。 Window对象可以处理框架和框架之间的关系,通过这种关系在一个框架中处理另一个框架中的文档。他也是所有对象的顶级对象,通过Window对象的子对象进行操作,可以实现更多的效果。 1、Window对象属性 每个对象都有自己的属性,顶级对象Window是所有其他子对象的父对象,它可以出现在每个页面上,并且可以咋单个JS应用程序中被多次使用。 下表列出了一些Window对象常用属性:...

    JavaScript 2020-03-13 14 0
  • 微信小程序点击view动态添加样式过程解析

    微信小程序点击view动态添加样式过程解析

    这篇文章主要介绍了微信小程序点击view动态添加样式过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 基本逻辑: 1.给每个view自定义dataIndex属性,从0开始 2.自定义一个名为selected的class,作为被选中后的样式 3.在wx.js中给viewId属性赋为0,用于默认显示。 4.给每个view添加一个点击事件select,在点击某个view时 将dataIndex变成这个view的自定义index 5.在view中添加一个...

    JavaScript 2020-03-13 11 0
  • 阿望教你用vue写扫雷小游戏

    阿望教你用vue写扫雷小游戏

    前言 话说阿望还在大学时,某一天寝室突然停网了,于是和室友两人不约而同地打开了扫雷,比相同难度下谁更快找出全部的雷,玩得不亦乐乎,就这样,扫雷伴我们度过了断网的一周,是整整一周啊,不用上课的那种,可想而知我们是有多无聊了。 这两天临近过年了,该放假的已经放假了,不该放假的已经请假了,公交不打挤了,地铁口不堵了,公司也去了大半部分的人了,就留阿望这种不得不留下来值班的人守着空荡荡的办公室了,于是,多年前那种无所事事的断网心态再次袭来,于是,想玩扫雷的心再次蹦跶出来,于是,点开了电脑的附件,于是,发现我的电脑上并没...

    JavaScript 2020-03-13 12 0
  • D3.js 实现带伸缩时间轴拓扑图的示例代码

    D3.js 实现带伸缩时间轴拓扑图的示例代码

    效果图: 基于d3-v5, 依赖dagre-d3, 直接上代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con...

    JavaScript 2020-03-13 9 0
  • jquery将信息遍历到界面上实例代码

    jquery将信息遍历到界面上实例代码

    废话不说上代码 ps:能不能看懂全看造化 <script> $(document).ready(function () { $('#btn').keydown(function () { $.ajax({ url:'admin/car/query', type:'get', dataType:'json', success:function(data){ var td =...

    JavaScript 2020-03-13 12 0
  • vue elementui 实现搜索栏公共组件封装的实例代码

    vue elementui 实现搜索栏公共组件封装的实例代码

    1、背景 vue后台管理系统,会有很多表格页面,表格上方会有一些搜索选项,表格直接使用el-table即可,而搜索栏区域每次写起来都很繁琐,而且多人开发情况下每个人写的样式都不相同,布局样式无法统一。 所以要考虑对搜索栏做一个封装,统一配置引用,提升开发维护效率和界面统一。 完成后的效果大概就是长这样: 2、分析 项目使用的是elementui框架,搜索栏这种表单提交,首先要使用el-form组件来封装,而复杂点就是表单项可能有很多种,例如input输入框、select选择框、日期时间选择框、日期时间...

    JavaScript 2020-03-13 7 0
  • Angular单元测试之事件触发的实现

    Angular单元测试之事件触发的实现

    =在angular项目中时常有一些click、input、focusout等事件操作,那么如何在单元测试中触发这些事件呢? 一、触发Click事件 // 方法一 const ele = fixture.debugElement.query(By.css("#id")); ele.triggerEventHandler('click', null) fixture.detectChanges(); // 更新视图 // 方法二 const ele = fixture.nativeElem...

    JavaScript 2020-03-13 14 0
1 2 3 4 5 ››