JavaScript - 教程之家

98浏览

0评论

使用webpack打包后的vue项目如何正确运行（express）

　　我们知道使用webpack打包vue项目后会生成一个dist文件夹，dist文件夹下有html文件和其他css、js以及图片等，那么打包后的文件该如何正确运行呢？　　倘若直接打开html文件，会...

2020-05-27

101浏览

0评论

Javascript中绑定click事件的四种方式介绍

一：HTML中添加onclick<button id="vv" onclick="myfunction()" >哈哈</button>二：JS中定义函数绑定事件！var funcc = function () { alert('我爱编程') }var aa = document.g...

2020-05-27

108浏览

0评论

如何用Node写页面爬虫的工具集

最近做了几个写爬虫的小项目（从页面端到APP端的都有），在网上搜寻了一番好用的爬虫工具，做了个工具集整理：Puppeteer
简介
Puppeteer 是一个Node库，它提供了一个高级 API 来通过 De...

2020-05-27

103浏览

0评论

Phaser.js实现简单的跑酷游戏附源码下载

采用的物理引擎是Phaser.js官网地址：http://phaser.io/在这里对此引擎不做过多介绍（因为我也是小白，嘿嘿）效果展示：源码（详细源码图片资源可点击文章下方或屏幕右上方的github链接...

2020-05-27

93浏览

0评论

Javascript中弹窗confirm与prompt的区别

confirm 使用confirm，浏览器可以弹出一个确认框。使用确认消息框可向用户问一个“是-或-否”问题，并且用户可以选择单击“确定”按钮或者单击“取消”按钮。confirm 方法的返...

2020-05-27

96浏览

0评论

iview通过Dropdown(下拉菜单)实现的右键菜单

官方目前不提供右键菜单，这里借助Dropdown（下拉菜单）来实现，故为“官方“。　　既然Dropdown有类似功能，如果将其文字隐藏，并且在合适时机弹出，便可实现，其自身就是iview中一个组件，...

2020-05-27

95浏览

0评论

vue中使用protobuf的过程记录

由于目前公司采用了ProtoBuf做前后端数据交互，进公司以来一直用的是公司大神写好的基础库，完全不了解底层是如何解析的，一旦报错只能求人，作为一只还算有钻研精神的猿，应该去了解...

2020-05-27

102浏览

0评论

Node.js 使用axios读写influxDB的方法示例

Node.js读写数据到influxDB，目前已经有一个库node-influx, 这个库功能非常强大，但是我个人使用这个库的时候，遇到无法解决的问题。使用curl都可以写数据到influxDB，但是用node-i...

2020-05-27

112浏览

0评论

vue项目中实现图片预览的公用组件功能

今天产品提出了一个查看影像的功能需求。在查看单据的列表中，有一列是影像字段，一开始根据单据号调用接口查看是否有图片附件，如果有则弹出一个全屏的弹出层，如果没有给出提示。...

2020-05-27

71浏览

0评论

javascript中函数的写法实例代码详解

具体代码如下所述：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...

2020-05-27

94浏览

0评论

又拍云 Node.js 实现文件上传、删除功能

Node.js 服务端使用 Node.js + Express.js 实现服务端const express = require("express");const app = express();const axios = require('axios');app.set('port', proce...

2020-05-27

146浏览

0评论

微信小程序动画（Animation）的实现及执行步骤

简单总结一下微信动画的实现及执行步骤。一、实现方式官方文档是这样说的：①创建一个动画实例 animation。②调用实例的方法来描述动画。③最后通过动画实例的 export 方法导...

2020-05-27

87浏览

0评论

深入浅析javascript函数中with

/*js函数中with函数的用法分析
定义方便用来引用某个对象中已有的属性
但是不能用来给对象添加属性要给对象创建
新的属性必须明确的引用该对象*/代码格式with(object) s...

2020-05-27

96浏览

0评论

Js 利用正则表达式和replace函数获取string中所有被匹配到的文本(推荐)

js的replace函数除了替换文本以外还有获取所有被正则表达式匹配到的文本的功能。这里以一个简单的案例来作为演示。利用正则查找出所有被两个花括号包裹的字符串：var str = <...

2020-05-27

106浏览

0评论

JS 正则表达式验证密码、邮箱格式的实例代码

遗憾的是博客内容不允许包含js代码,不能在线测试，就只上代码了<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Regular Expression test</title></head><body...

2020-05-27

96浏览

0评论

Electron中实现大文件上传和断点续传功能

Electron官网的描述：Electron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中，并将...

2020-05-27

281浏览

0评论

vue mounted 调用两次的完美解决办法

在开发中发现其中一个页面moutned调用了两次，而其他页面正常，表示很懵逼，然后查找原因，终于找到了，其实归根到底是要知道mounted的调用机制问题；情况：在这个页面中出现了mounted 加...

2020-05-27

131浏览

0评论

详解vue-router数据加载与缓存使用总结

之前开发了一个单页面应用，按照深度，分为三层：目录页、一级子页（标签页、故事页等）、二级子页（故事编辑页）。这三类页面都共享一个完整的数据model，从上级页面进入下一级页面时，能够...

2020-05-27

91浏览

0评论

详解Node.js中path模块的resolve()和join()方法的区别

关于Node.js中path模块的resolve()和join()方法的比较，对照着总结看例子差不多以后在写模块的时候思路就能很清晰了resolve作用：path.resolve() 该方法将一些的路径/路径段...

2020-05-27

98浏览

0评论

浅析微信扫码登录原理(小结)

微信扫码登录原理解析扫码登录是现在流行的登录方式，使用这种方式及其方便，而且安全扫码登录流程原理获取唯一的uuid, 以及包含uid信息的二维码// 获取uuid getUUID: function...

2020-05-27

64浏览

0评论

JS 实现获取验证码倒计时功能

setInterval 一个定时器搞定
<style>button{ background: #45BCF9; color: #fff; padding: 4px 10px; border: none; outline: none; cursor: pointer;}button:hover{...

2020-05-27

87浏览

0评论

简单说说angular.json文件的使用

在Angular CLI 6+的版本后，原先的angular-cli.json就被换成了angular.json，而其中里面的字段变化挺大了，如果不了解基本的组成，或者直接把老版本的代码 copy 到新版本的工作空间...

2020-05-27

119浏览

0评论

JS实现textarea通过换行或者回车把多行数字分割成数组并且去掉数组中空的值

删除数组指定的某个元素var msg = " "; //textarea 文本框输入的内容var emp = [ ]; //定义一个数组,用来存msg分割好的内容1. 首先可以给JS的数组对象定义一个函数，用于查...

2020-05-27

108浏览

0评论

vue实现类似淘宝商品评价页面星级评价及上传多张图片功能

最近在写一个关于vue的商城项目，然后集成在移动端中，开发需求中有一界面，类似淘宝商城评价界面！实现效果图如下所示：评价页点击看大图，且可左右滑动功能需求分析1.默认为5颗星，为非...

2020-05-27

84浏览

0评论

Webstorm2016使用技巧(SVN插件使用)

最近改用Webstorm作为开发工具，在网上查找一些使用技巧时，发现很多文章都是早期版本的介绍，看起来比较费力，在这里把2016版本的一些使用技巧逐步整理出来，帮助刚接触本软件的“菜...

2020-05-27

64浏览

0评论

vue 本地服务不能被外部IP访问的完美解决方法

解决 webpack-dev-serveri 启动后通过外部访问报错 invalid host header修改 config/index.js 的 host 属性为 ‘0.0.0.0'{// ...,host: '0.0.0.0',port: 8080,// ...}修改...

2020-05-27

104浏览

0评论

Vue项目自动转换 px 为 rem的实现方法

前端开发中还原设计图的重要性毋庸置疑，目前来说应用最多的应该也还是使用rem。然而很多人依然还是处于刀耕火种的时代，要么自己去计算rem值，要么依靠编辑器安装插件转换。而本...

2020-05-27

110浏览

0评论

详解Vue项目在其他电脑npm run dev运行报错的解决方法

一个 Vue 项目从一台电脑上传到 github 上之后，再另外一台电脑上 git clone 。并使用 npm run dev 或 npm run start 发生以下报错的解决方法。报错原因
缺少 node_modules...

2020-05-27

84浏览

0评论

vue-router权限控制(简单方式)

在vue-router控制前端权限是常见需求：有一种做法是直接在后端完成判断，提供页面列表和操作列表，在前端进行渲染，但这个方案并不优雅，前后端耦合度比较高。比较常见的做法是把...

2020-05-27

120浏览

0评论

Element-UI踩坑之Pagination组件的使用

先说结论：在改变pageSize时，若当前的currentPage超过了最大有效值，就会修改为最大有效值。一般Pagination组件的声明如下：<el-pagination @size-change="handleSizeChange" @c...

2020-05-27

160浏览

0评论

vue 使用vue-i18n做全局中英文切换的方法

1、vue-i18n安装　　npm install vue-i18n --save-dev2、在main.js文件中引入　import VueI18n from 'vue-i18n';　　Vue.use(VueI18n);　　const i18n = new VueI18n({　　...

2020-05-27

87浏览

0评论

vue移动端项目缓存问题实践记录

最近在做一个vue移动端项目，被缓存问题搞得头都大了，积累了一些经验，特此记录总结下，权当是最近项目问题的一个回顾吧！先描述下问题场景：A页面->B页面->C页面。假设A页面是列表页...

2020-05-27

77浏览

0评论

详解微信小程序中组件通讯

这篇主要讲组件通讯（1）父组件向子组件传值：<header title='{{title}}' bind:fn='fn' id='header'></header>通过title='{{title}}'传向子组件向子组件传递参数子组件接收参数：Co...

2020-05-27

77浏览

0评论

vue-cli项目配置多环境的详细操作过程

vue-cli 默认只提供了 dev 和 prod 两种环境。但其实正真的开发流程可能还会多一个 sit 或者 stage 环境，就是所谓的测试环境和预发布环境。所以我们就要简单的修改一下代码...

2020-05-27

47浏览

0评论

小程序实现多选框功能

最近写小程序的时候，遇到多选框的问题！并不是多选框不好操作，而是小程序的多选框实在太丑了好吗！本来的初衷是想修改一下默认样式就OK了，从边框宽度到背景却在最后选择出来的...

2020-05-27

60浏览

0评论

基于vue2.0实现仿百度前端分页效果附实现代码

前言上篇文章中，已经使用vue实现前端分页效果，这篇文章我们单独将分页抽离出来实现一个分页组件先看实现效果图代码实现按照惯例，我们在冻手实现的时候还是先想一想vue实现组件...

2020-05-27

70浏览

0评论

微信小程序实现单选功能

初次接触js弄了好长时间才出来效果，但是还是觉的不做梦完美，希望有更好的方式进行交流；实现效果如下：虽说这个小功能但是对于我这个新手来说还是有点难；具体代码如下：WXML：<view cl...

2020-05-27

54浏览

0评论

傻瓜式解读koa中间件处理模块koa-compose的使用

最近需要单独使用到koa-compose这个模块，虽然使用koa的时候大致知道中间件的执行流程，但是没仔细研究过源码用起来还是不放心(主要是这个模块代码少，多的话也没兴趣去研究了)。...

2020-05-27

80浏览

0评论

小程序云开发部署攻略(图文教程)

写在前边微信小程序的云开发功能刚刚上线，笔者小试一把，看看是不是真的可以一人搞定小程序的开发，而不需要再去伺候一个后台了，虽然不难，但是还是废了一些周折，特此记录一下，旨在帮...

2020-05-27

69浏览

0评论

提升node.js中使用redis的性能遇到的问题及解决方法

问题初现某基于node.js开发的业务系统向外提供了一个dubbo服务，提供向第三方缓存查询、设置多项业务数据并聚合操作结果。在QPS达到800时（两台虚拟机，每台机器4Core8G4node进程...

2020-05-27

68浏览

0评论

小程序实现左滑删除功能

本文实例为大家分享了小程序实现左滑删除功能的具体代码，供大家参考，具体内容如下<view class="cont">  <view wx:for="{{list}}" wx:key=...

2020-05-27

55浏览

0评论

require.js 加载过程与使用方法介绍

require.js简介
require.js是javascript模块化编程中常用的一个JS库。
现在的网页功能较以前已经丰富了许多，同时网页上需要导入越来越多的JS文件来实现这些功能。使用原有的...

2020-05-27

75浏览

0评论

小程序实现列表删除功能

本文实例为大家分享了小程序列表删除功能的具体代码，供大家参考，具体内容如下地址簿删除，先获取当前地址部分的id值，根据id值来删除对应的地址部分。获取全部的地址信息，定义...

2020-05-27

47浏览

0评论

微信小程序实现左滑修改、删除功能

本文实例为大家分享了微信小程序实现左滑修改、删除的具体代码，供大家参考，具体内容如下wxml：<view class="offer-item" wx:for-items='{{offerList}}'> <!--这里绑定了刚才说...

2020-05-27

63浏览

0评论

vue通过cookie获取用户登录信息的思路详解

思路进入页面若未登录，跳转至登陆页面若已登录，从cookie中获取用户信息，并执行后续操作2. 登录页面，存入cookie（setCookie）import {setCookie,getCookie}from 'src/js/cooki...

2020-05-27

64浏览

0评论

vue通过style或者class改变样式的实例代码

通过style改变样式<div :style="{ 'min-height': size + 'px' }"></div> <div :style="[{ 'min-height': size + 'px' },{color:'red'}]"></div> <div :style="{ 'opa...

2020-05-27

65浏览

0评论

Vue.js 父子组件通信的十种方式

面试官：Vue 中父子组件通信有哪些方式？自己先想一分钟。无可否认，现在无论大厂还是小厂都已经用上了Vue.js 框架，简单易上手不说，教程详尽，社区活跃，第三方套件还多。真的是前端开...

2020-05-27

102浏览

0评论

elementUI 设置input的只读或禁用的方法

只读：readonly在data里定义：readonly: true,然后在input框里加上readonly就可以了。禁用：disabled在data里定义：edit: true,然后在input框里加上：:disabled="edit"就可以了PS：下面...

2020-05-27

53浏览

0评论

node上的redis调用优化示例详解

前言如果一个 Node 应用有多台服务器或多个进程在跑，每个进程都拥有自己的内存空间，各个进程之间的数据共享就显得非常重要。使用数据库是一个解决数据共享的方案，但一些临时性...

2020-05-27

59浏览

0评论

vue组件中的样式属性scoped实例详解

Scoped CSSScoped CSS规范是Web组件产生不污染其他组件，也不被其他组件污染的CSS规范。vue组件中的style标签标有scoped属性时表明style里的css样式只适用于当前组件元素它...

2020-05-27

热门文章