node中IO以及定时器优先级详解

事件循环
node著名的基于eventloop 的单线程事件循环处理模型,高效的异步IO
异步API(定时器)
setTimeout 一次性定时器,执行一次,是把执行定时到到后面的队列 setInterval 是...

Angular2实现的秒表及改良版示例

本文实例讲述了Angular2实现的秒表及改良版。分享给大家供大家参考,具体如下:初版代码:export class Watches { id: number; str: string;}export let watcheList: Watches[]...

Vue项目中配置pug解析支持

Vue 的用法没有变化:<template lang="pug"> transition(name="sider") div.hello h3 {{msg}} p(:style="{color:'#000'}", :htmlData="msg") p label button(@click=...

vue 实现搜索的结果页面支持全选与取消全选功能

演示地址,打开、搜索、随便点http://msisliao.github.io/dem...npm i element-ui -S
// main.jsimport ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/ind...

Angular2使用SVG自定义图表(条形图、折线图)组件示例

本文实例讲述了Angular2使用SVG自定义图表(条形图、折线图)组件。分享给大家供大家参考,具体如下:要求:用户将数据作为参数传进来,通过类型决定渲染何种类型的图标。demo:html:<ngo...

Angular 2使用路由自定义弹出组件toast操作示例

本文实例讲述了Angular 2使用路由自定义弹出组件toast操作。分享给大家供大家参考,具体如下:原理: 使用Angular2的命名路由插座,一个用来显示app正常的使用,一个用来显示弹出框,<r...

Angular4.0动画操作实例详解

本文实例讲述了Angular4.0动画操作。分享给大家供大家参考,具体如下:粗略的记录一下angular4的动画先看一下angular中文网关于这个给的例子。有两个组件home,about。 路径配置...

利用es6 new.target来对模拟抽象类的方法

起源
最近在使用 Symbol 来做为唯一值,发现 Symbol 无法进行 new 操作,只能当作函数使用,只要进行了new 就会发生类型错误new Symbol()// errorUncaught TypeError: Symbol is...

微信小程序用户授权,以及判断登录是否过期的方法

初始界面:判断用户是否过期(如果未过期则重新登录):获取用户信息:获取用户的信息并在前台显示: 主要实现两个功能:①判断登录是否过期,如果过期则就重新登录,如果没过期就提示未过期...

jsonp实现百度下拉框功能的方法分析

本文实例讲述了jsonp实现百度下拉框功能的方法。分享给大家供大家参考,具体如下:思路就是获取用户输入,然后根据用户输入调用百度的一个接口jsonp实现跨域请求,然后将百度返回给...

微信小程序获取用户信息并保存登录状态详解

前言微信小程序的运行环境不是在浏览器下运行的。所以不能以cookie来维护登录态。下面我就来说说我根据官方给出的方法来写出的维护登录态的方法吧。一、登录态维护官方的文...

Vue使用watch监听一个对象中的属性的实现方法

问题描述
Vue提供了一个watch方法可以让使用者去监听某些data内的数据变动,触发相应的方法,比如 queryData: { name: '', creator: '', selectedStatus: '', time: []...

详解关于React-Router4.0跳转不置顶解决方案

在使用react-router时会遇到奇怪的问题,比如当我们从首页进入详情页的时候,首页跳转到详情页,首页滚动的位置,进入到详情页的时候也会被记录下来,原因是由于共享了同一个history,...

JS匿名函数内部this指向问题详析

前言网上看到一句话,匿名函数的执行是具有全局性的,那怎么具有的全局性呢?
this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最...

详解jQuery如何实现模糊搜索

如何实现 模糊搜索 当我们浏览网页的时候,通常能看到搜索栏,这大大的提高了我们获取数据的目的性。
那如何去实现一个简单的模糊搜索 框呢,以下案例获取能给你一点思路。以下案...

解决cordova+vue 项目打包成APK应用遇到的问题

公司前端界面用的是vue,我要嵌入到Android中生成App
第一步:安装node
node安装:直接进入官网https://nodejs.org/zh-cn/,下载最新版本安装。安装之后在命令行中使用”node -v”...

js中的深浅拷贝问题简析

前言在开发过程中,偶尔会遇到这种场景,拿到一个数据后,你打算对它进行处理,但是你又希望拷贝一份副本出来,方便数据对比和以后恢复数据。那么这就涉及到了 JS 中对数据的深浅拷贝...

vue无限轮播插件代码实例

思路:要实现无限轮播,需要在轮播图前后各加一张图片,加在前面的是轮播图的最后一张图片(重复的),加在后面的是轮播图的第一张图片(重复的)。例:<div class="wrapper-content"> <...

Vue keepAlive 数据缓存工具实现返回上一个页面浏览的位置

需求分析背景:1.数据列表页,滚动加载数据;2.多条数据情况下,点击某一条,进入详细页进行编辑(修改,删除)操作;3.保存返回上一页;在上面的情况下,想要保持在上次浏览位置,并且保持数据是最...

JS获取本地地址及天气的方法实例小结

本文实例讲述了JS获取本地地址及天气的方法。分享给大家供大家参考,具体如下:一、获取本地的地址第一种方式:1、利用浏览器获取当前位置的经纬度window.onload=getCurrentPosit...

详解js实时获取并显示当前时间的方法

本文实例为大家分享了js实时获取并显示当前时间l的具体代码,供大家参考,具体内容如下
js部分如下:<script type="text/javascript"> window.onload = function() { var show =...

简单通过settimeout看javascript的运行机制

前言
我们知道JS是一个单线程的语言,而且其运行机制比较特殊。
下面我们通过settimeout的几个示例来展现javascript的运行机制的特殊点示例1
console.log(1);setTimeout(func...

微信小程序授权登录解决方案的代码实例(含未通过授权解决方案)

本文实例为大家分享了微信小程序授权登录解决方案的具体代码,供大家参考,具体内容如下
getUserInfoF:function(){ var that = this; wx.getSetting({ success: (res) =...

vue element中axios下载文件(后端Python)

&#8226;axios 接受文件流,需要设置 {responseType:'arraybuffer'}axios.post( apiUrl, formdata, {responseType:'arraybuffer'}).then(res=> {  if (res.status === 2...

vue-cli+axios实现文件上传下载功能(下载接收后台返回文件流)

vue-cli+axios实现附件上传下载记录:上传:这里用formData格式传递参数;请求成功后后台返回上传文件的对应信息。重点是下载:##############downloadfile(res) {var blob = new B...

vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)

[注]:popstate 事件  a.当活动历史记录条目更改时,将触发popstate事件。  b.如果被激活的历史记录条目是通过对history.pushState()的调用创建的,或者受到对history.replace...

微信小程序如何再次获取用户授权的方法

现在在做一个小程序有地图的功能,通过点击按钮打开地图。调用wx.getlocation()这个接口是需要用户的授权。如果他授权了,返回一个success当然最好啦,就什么问题都没有了。如果...

vue下载excel的实现代码后台用post方法

后台方法的参数必须是@RequestBody修饰的。 前台关键代码:
axios ( { method : 'post', url : api.exportPlayTime , // 请求地址 data : { choos...

js核心基础之闭包的应用实例分析

本文实例讲述了js闭包的应用。分享给大家供大家参考,具体如下:需求:有一个列表,当点击哪一行,则显示当前是第几行。html代码:<p>第一行</p><p>第二行</p><p>第三行</p>错误js代码...

js核心基础之构造函数constructor用法实例分析

本文实例讲述了js核心基础之构造函数constructor用法。分享给大家供大家参考,具体如下:在js中,可以利用构造函数来创建特定类型的对象,其中,有一些原生的构造函数,Object、Array、...

JS实现获取当前所在周的周六、周日示例分析

本文实例讲述了JS实现获取当前所在周的周六、周日。分享给大家供大家参考,具体如下:需求:无论当前是哪一天,获取当天所在周的周末 是哪一天实现步骤:比如,今天周一,则周日距离今天...

jQuery实现动态生成年月日级联下拉列表示例

本文实例讲述了jQuery实现动态生成年月日级联下拉列表。分享给大家供大家参考,具体如下:html代码:<form name="form1" id="dateForm"> <select name="year"></select>年 <sel...

微信小程序自定义toast组件的方法详解【含动画】

本文实例讲述了微信小程序自定义toast组件的方法。分享给大家供大家参考,具体如下:怎么创建就不说了,前面一篇有
微信小程序自定义prompt组件
直接上代码wxml<!-- components/t...

微信小程序封装的HTTP请求示例【附升级版】

本文实例讲述了微信小程序封装的HTTP请求。分享给大家供大家参考,具体如下:微信小程序里自己封装了请求的函数,但几乎每个页面都要用到,所以为什么更方便的调用,再一次进行封装。...

nodejs搭建本地服务器并访问文件操作示例

本文实例讲述了nodejs搭建本地服务器并访问文件操作。分享给大家供大家参考,具体如下:安装node:https://nodejs.org/en/download/在本地建立目录:f:/nodetest,在该目录下新建inde...

JS块级作用域和私有变量实例分析

本文实例讲述了JS块级作用域和私有变量。分享给大家供大家参考,具体如下:块级作用域(function(){ //这里是块级作用域})()例如:(function(){ for(var i=0;i<5;i++){ alert...

jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题

项目中使用的jquery版本是jquery-3.2.1,在使用layui弹出全屏iframe窗口时,iframe窗口顶部总是出现一个152px高的滚动窗口无法实现真正全屏,代码如下:<!DOCTYPE html><html><head...

vue中axios实现数据交互与跨域问题

1. 通过axios实现数据请求vue.js默认没有提供ajax功能的。所以使用vue的时候,一般都会使用axios的插件来实现ajax与后端服务器的数据交互。注意,axios本质上就是javascript的a...

electron-vue利用webpack打包实现多页面的入口文件问题

项目需要在electron的项目中新打开一个窗口,利用webpack作为静态资源打包器,发现在webpack中可以设置多页面的入口,今天来讲一下我在electron中利用webpack建立多页面入口的踩...

用js简单提供增删改查接口

本周写实验,需要提供简单的后台接口对数据库进行增删改查,以前写后台只用过php和java,因为比较容易,用js写的也比较快,所以这次想用js实现简单的增删改查接口。初始化 需要工具...

vue组件中watch props根据v-if动态判断并挂载DOM的问题

问题复现:父组件中通过名为 source 的 prop 向子组件 Chart 传入数据<Chart :source="chartData"></Chart>import Chart from '../components/Chart'export default { name:...

基于elementUI使用v-model实现经纬度输入的vue组件

绑定一个 [12.34,-45.67] (东经西经,南纬北纬 正负表示) 形式的经纬度数组,能够按度分秒进行编辑,效果如下所示,点击东经,北纬可切换。
经纬度的 度转度分秒
能够获取...

React优化子组件render的使用

在react中,父组件的重新render会引发子组件的重新render,但是一些情况下我们会觉得这样做有些多余,比如: 父组件并未传递props给子组件 新传递的props渲染结果不变class A ext...

使vue实现jQuery调用的两种方法

引言如果说vue是前端工程化使用较多的骨架,那么JavaScript就是我们的前端的细胞。MVVM模式让我们体验到前端开发的便携,无需再过多的考虑DOM的操作。而vue的渐进式开发(逐步引...

vue轻量级框架无法获取到vue对象解决方法

使用vue框架,jar包都已经导入进去了,可是还是不能运行,提示vue未定义控制台报错:vue is not defined报错原因:如图vue2解决方法:如图vue3.将js文件引入到body中 或者是直接在body...

babel7.x和webpack4.x配置vue项目的方法步骤

很偶然的今天想开个自己的小项目,记录一下最近项目工程上实现的一个小交互。按照之前运行非常流畅的配置走一遍,打包遇到各种坑。只好根据命令行的报错逐个排查,发现babel升级...

详解babel升级到7.X采坑总结

最近工作比较忙,有一段时间没有写前端玩了。今天试着搭一个项目,发现各种坑,以前用起来非常好的配置文件各种报错。排查后发现原来babel升级了一个大版本,已经到7.X了,这里我总结...

vue配置接口域名方法总结

vue如何配置接口域名1.vue本身为运行脚手架项目自家搭载了一个nodejs后台环境,本地可通过proxyTable来处理跨域问题,但是上线(或生产环境)之后改域名真是一件麻烦的事情,所以进行...

Vue项目服务器部署之子目录部署方法

Vue项目尤其是基于.vue单文件格式的项目部署,在build成js文件后发布到服务器上,一般都是通过nginx反向代理到跟文件目录后直接访问,然而由于很多时候没办法使用更多的子域名(比...

从0到1搭建element后台框架优化篇(打包优化)

前言
hello,咱又见了~~嘻嘻。本次主要来说说这个打包优化的问题。一个vue项目从开发到上线必须得经历打包过程,一个项目的打包优化与否都决定了你这个项目的运行速度以及用户...

返回顶部
顶部