JavaScript - 教程之家

64浏览

0评论

JavaScript一元正号运算符示例代码

本文适合JavaScript初学者。
一元正号介绍
一元正号运算符(+)位于其操作数前面，计算其操作数的数值，如果操作数不是一个数值，会尝试将其转换成一个数值。尽管一元负号也能转换...

2020-05-27

89浏览

0评论

基于Vue SEO的四种方案(小结)

前言：众所周知，Vue SPA单页面应用对SEO不友好，当然也有相应的解决方案，下面列出几种最近研究和使用过的SEO方案，SRR和静态化基于Nuxt来说。1.SSR服务器渲染；
2.静态化；
3.预渲染pre...

2020-05-27

82浏览

0评论

vue实现自定义H5视频播放器的方法步骤

前言前段时间基于vue写了一个自定义的video播放器组件,踩了一些小坑, 这里做一下复盘分享出来,避免日后重复踩坑...设计阶段这里就直接放几张完成后的播放状态图吧,界面布局...

2020-05-27

79浏览

0评论

Vue动态面包屑功能的实现方法

面包屑应该是我们在项目中经常使用的一个功能，一般情况下它用来表示我们当前所处的站点位置，也可以帮助我们能够更快的回到上个层级。今天我们就来聊聊如何在 Vue 的项目中实...

2020-05-27

88浏览

0评论

vue中的面包屑导航组件实例代码

vue的面包屑导航组件用来将其放到navbar中；Breadcrumb/index.vue<template> <el-breadcrumb class="app-breadcrumb" separator="/"> <transition-group> <el-breadcr...

2020-05-27

78浏览

0评论

微信小程序如何利用getCurrentPages进行页面传值

最近刚赶完项目，利用空闲时间总结一下。
小程序的页面间传值，之前处理这种例如 a页面跳转b页面，在b页面进行一波操作回到a页面都是把b页面的操作的数据存到本地存储
wx.set...

2020-05-27

78浏览

0评论

vue如何实现自定义底部菜单栏

最近vue不是特别火，自己想写一个vue 的底部菜单栏，然后试着开始写，起来还是听痛苦的，但是还是写出来，这个过程重查询了一些资料和看了一些视频。
1 写好界面
这是我写好的四个界...

2020-05-27

93浏览

0评论

简单了解微信小程序的目录结构

前言在开发小程序之前，我们首先需要对其目录结构进行了解，以便于提升开发效率。
我们使用微信开发者工具构建一个小程序项目，我们可以看到目录下生成了件。
① 以.json为后缀...

2020-05-27

68浏览

0评论

vue history 模式打包部署在域名的二级目录的配置指南

最近在做项目，需要把项目部署在域名下的二级目录，并且是在用vue-router的history 模式。　　我们都知道vue-router 的两种前端基本访问模式 hash 和history 。hash 模式后面带...

2020-05-27

84浏览

0评论

使用vue中的混入mixin优化表单验证插件问题

这段时间开发的时候使用到了这个表单校验插件，用起来比较麻烦就不说了，还有较严重的缺陷。自己最终还是抽空把这个插件进行了一些优化，虽然优化的方式和当初自己定下的方向不怎...

2020-05-27

229浏览

0评论

Node.js 实现远程桌面监控的方法步骤

描述
最近使用node实现了一个远程桌面监控的应用，分为服务端和客户端，客户端可以实时监控服务端的桌面，并且可以通过鼠标和键盘来控制服务端的桌面。这里因为我是用的同一台电...

2020-05-27

103浏览

0评论

Vue的路由及路由钩子函数的实现

什么是路由
什么是路由？网络原理中，路由指的是根据上一接口的数据包中的IP地址，查询路由表转发到另一个接口，它决定的是一个端到端的网络路径。
web中，路由的概念也是类似，根据URL...

2020-05-27

95浏览

0评论

js实现for循环跳过undefined值示例

本文实例讲述了js实现for循环跳过undefined值的方法。分享给大家供大家参考，具体如下：<script>var narr=['a','b','c','d','e'];console.log(narr);for (var j=0;j<narr.lengt...

2020-05-27

88浏览

0评论

Angular.JS读取数据库数据调用完整实例

本文实例讲述了Angular.JS读取数据库数据调用。分享给大家供大家参考，具体如下：以下是实例代码：<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://apps....

2020-05-27

90浏览

0评论

微信小程序如何调用新闻接口实现列表循环

找到了一个比较好用的新闻接口
1：首先写js，老样子
用request请求接口url，当请求成功的时候，在控制台打印一下返回的res.data数据，在控制台可以看到打印了接口数据了，在请求接口成...

2020-05-27

78浏览

0评论

20个必会的JavaScript面试题(小结)

问题1:JavaScript 中 undefined 和 not defined 的区别
JavaScript 未声明变量直接使用会抛出异常：var name is not defined，如果没有处理异常，代码就停止运行了。但是，使用typ...

2020-05-27

84浏览

0评论

监控Nodejs的性能实例代码

下面给大家介绍下监控Nodejs的性能，最近想监控一下Nodejs的性能。记录分析Log太麻烦，最简单的方式是记录每个HTTP请求的处理时间，直接在HTTP Response Header中返回。记录HTTP...

2020-05-27

75浏览

0评论

vue swipe自定义组件实现轮播效果

本文实例为大家分享了vue swipe自定义组件实现轮播效果的具体代码，供大家参考，具体内容如下<template> <layout-div :style="getStyle" class="over-h posi-r"> <layout-div :...

2020-05-27

78浏览

0评论

8 个有用的JS技巧(推荐)

为了保证的可读性，本文采用意译而非直译。
想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！
这些技巧可能大家大部分都用过了，如果用过就当作加深点映像，如果没...

2020-05-27

82浏览

0评论

微信小程序判断页面是否从其他页面返回的实例代码

微信小程序判断页面是否从其他页面返回，具体内容如下所示：在 data 中自定义一个标记变量，在onLoad里Page({ data: { isNewOpen: true, //判断当前页面是新打开还是从其他页面...

2020-05-27

108浏览

0评论

使用微信SDK自定义分享的方法

一、背景介绍在微信中打开自己网站的链接，经常会变成下面这样
不太好看有木有，如果你想在分享出来的东西带上你的logo，带上你想要的描述，怎么办，像下面这样
这就需要用到微信的分...

2020-05-27

79浏览

0评论

elementUI vue this.$confirm 和el-dialog 弹出框移动示例demo

调试了好久, 还能凑合用, 请直接看DOME 示例,复制就能用:<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>Title</title>  <link...

2020-05-27

79浏览

0评论

使用vue实现各类弹出框组件

简单介绍一下vue中常用dialog组件的封装：实现动态传入内容，实现取消，确认等回调函数。首先写一个基本的弹窗样式，如上图所示。在需要用到弹窗的地方中引入组件：import dialogBar...

2020-05-27

68浏览

0评论

JQuery+Bootstrap 自定义全屏Loading插件的示例demo

JQuery+Bootstrap 自定义全屏Loading插件/** * 自定义Loading插件 * @param {Object} config * { * content[加载显示文本], * time[自动关闭等待时间(ms)] * } * @param {...

2020-05-27

100浏览

0评论

微信小程序中如何使用flyio封装网络请求

Flyio简介
Fly.js 通过在不同 JavaScript 运行时通过在底层切换不同的 Http Engine来实现多环境支持，但同时对用户层提供统一、标准的Promise API。不仅如此，Fly.js还支持请求...

2020-05-27

66浏览

0评论

vuex 动态注册方法 registerModule的实现

Vuex（2.3.0+）可以用store.registerModule方法在进入路由时进行注册，离开路由时候销毁 actions, mutations, getters, state，在一定范围内相同名称不会被覆写例子
index.js
传thi...

2020-05-27

94浏览

0评论

Vue.js递归组件实现组织架构树和选人功能案例分析

大家好！先上图看看本次案例的整体效果。**浪奔，浪流，万里涛涛江水永不休。如果在jq时代来实这个功能简直有些噩梦了，但是自从前端思想发展到现在的以MVVM为主流的大背景下，来实现...

2020-05-27

86浏览

0评论

解决vue打包后vendor.js文件过大问题

第一步、cdn引入各种包index.html中cdn的方式引入vue、vuex、axios、element-ui、vue-router等包，如下图：第二步、在使用vue等包的地方，注释掉import引入在所有使用vue的地方注...

2020-05-27

124浏览

0评论

微信小程序在线客服自动回复功能(基于node)

前言
我们知道H5页面经常需要将用户导流到APP，通过下载安装包或者跳转至应用宝市场/Appstore等方式进行导流。但是由于小程序嵌套webview时需要校验域名，因此跳转到第三方应用...

2020-05-27

80浏览

0评论

13 个npm 快速开发技巧(推荐)

为了保证的可读性，本文采用意译而非直译。每天，数以百万计的开发人员使用 npm 或 yarn 来构建项目。运行npm init或npx create- response -app等命令几乎构建JS项目的首选方式...

2020-05-27

82浏览

0评论

angular6开发steps步骤条组件

本文实例为大家分享了angular6开发steps步骤条组件的实现代码，供大家参考，具体内容如下1.先展示步骤条效果2.使用angular命令快速创建组件ng g c component/steps创建的组件在...

2020-05-27

72浏览

0评论

中高级前端必须了解的JS中的内存管理(推荐)

前言像C语言这样的底层语言一般都有底层的内存管理接口，比如 malloc()和free()用于分配内存和释放内存。
而对于JavaScript来说，会在创建变量（对象，字符串等）时分配内存，并且在不...

2020-05-27

101浏览

0评论

你或许不知道的一些npm实用技巧

前言绝大多数前端和 Node.js 开发者每天的日常工作都离不开 npm，不知道你对 npm 的观感如何？如果你觉得 npm 很棒，那么不妨看下这篇文章，说不定其中有你之前没留意过的小窍门，可...

2020-05-27

88浏览

0评论

Vue项目中ESlint规范示例代码

前言eslint是一种代码风格管理的工具，可以制定一些代码编写规范，在vue项目中经常用到，本文就给大家分享了开发项目中使用的eslint校验规范，供参考：
示例代码module.exports = { r...

2020-05-27

82浏览

0评论

vue如何限制只能输入正负数及小数

<el-input keyup.native="isFloor"/>//正数，含小数isFloor(e,type){ if(type=='floor') { var val=e.target.value; //限制只能输入一个小数点 if (val.indexOf(...

2020-05-27

83浏览

0评论

小程序中canvas的drawImage方法参数使用详解

最近在开发小程序，海报生成的过程中，要在carvas中不断去添加图片，对小程序的drawImage参数不是很明确，这次解惑。示例代码
有三个版本的写法：drawImage(imageResource, dx, dy)...

2020-05-27

63浏览

0评论

jQuery删除/清空指定元素的所有子节点实例代码

前言我们知道可以利有jQuery中的detach()方法和jQuery中的remove()方法删除指定的或是匹配的元素，也可以使用removeClass()方法以及removeAttr()方法删除指定或是匹配元素的...

2020-05-27

61浏览

0评论

react 移动端实现列表左滑删除的示例代码

最近做了一个类似系统操作的左滑删除的demo，用的taro框架，和大家分享一下~
首先需要考虑的有以下几点：
1）布局；
2）判断是左滑还是右滑，左滑时出现删除，右滑时回归原位；
3）排他性，意思是...

2020-05-27

88浏览

0评论

vue动态配置模板 'component is'代码

实现代码如下<template> <div v-if='object.child'> <div v-for="(item,ix) in object.child" :key="ix"> <component :is="item.xtype" v-if='item' :objectVlue=...

2020-05-27

92浏览

0评论

vue-cli配置flexible过程详解

基于vue-cli配置手淘的lib-flexible + rem，实现移动端自适应
安装flexible
npm install lib-flexible --save引入flexible
在项目入口文件main.js中添加如下代码，引入flexible...

2020-05-27

124浏览

0评论

Vue.js递归组件实现组织架构树和选人功能

大家好！先上图看看本次案例的整体效果。浪奔，浪流，万里涛涛江水永不休。如果在jq时代来实这个功能简直有些噩梦了，但是自从前端思想发展到现在的以MVVM为主流的大背景下，来实现一...

2020-05-27

146浏览

0评论

Vue 3.x+axios跨域方案的踩坑指南

缘起
最近实验课上需要重构以前写过的一个项目（垃圾堆），需要添加发生邮件提醒的功能，记得以前写过一个PHP版的实现，所以想把PHP写的功能整理成一个服务，然后在前端调用。但是这个...

2020-05-27

112浏览

0评论

微信小程序自定义弹窗实现详解(可通用）

本文为自定义弹窗，该内容可满足如下需求：
自定义各种布局弹窗点击弹窗布局外消失弹窗弹出弹窗时背景阴影半透明各方向弹出效果(本文为自下而上弹出)话不多说，先上图看...

2020-05-27

76浏览

0评论

JS前端知识点总结之页面加载事件，数组操作，DOM节点操作，循环和分支

本文实例讲述了JS前端知识点总结之页面加载事件，数组操作，DOM节点操作，循环和分支。分享给大家供大家参考，具体如下：页面加载事件的比较 window.onload jquery 中的 document.r...

2020-05-27

122浏览

0评论

vue引入微信sdk 实现分享朋友圈获取地理位置功能

最近入职的公司主要做微信端的h5，所以在所难免要引用sdk。虽然官方文档写的还算清楚，但是还是有坑。1.在index.html中引入微信sdk<script type="text/javascript" src="http:...

2020-05-27

104浏览

0评论

Vue.js 中的实用工具方法【推荐】

收集日常开发中常用到的一些工具方法, 包含 vue 的公用过滤器、公用指令等 (PS: 懒人养成记)公用自定义过滤器import Vue from 'vue'import moment from 'moment'/** * @fil...

2020-05-27

70浏览

0评论

JS开发常用工具函数(小结)

1、isStatic：检测数据是不是除了symbol外的原始数据
function isStatic(value) { return( typeof value === 'string' || typeof value === 'number' || typeof va...

2020-05-27

66浏览

0评论

Vue-cli3.x + axios 跨域方案踩坑指北

缘起
最近实验课上需要重构以前写过的一个项目（垃圾堆），需要添加发生邮件提醒的功能，记得以前写过一个PHP版的实现，所以想把PHP写的功能整理成一个服务，然后在前端调用。但是这个...

2020-05-27

98浏览

0评论

JS前端知识点总结之内置对象，日期对象和定时器相关操作

本文实例讲述了JS前端知识点总结之内置对象，日期对象和定时器相关操作。分享给大家供大家参考，具体如下：常见内置对象 Arguments: 函数参数集合 Array: 数组 Boolean: 布尔...

2020-05-27

90浏览

0评论

js字符串类型String常用操作实例总结

本文实例讲述了js字符串类型String常用操作。分享给大家供大家参考，具体如下：字符串是不可变的。对字符串的所有操作都会返回一个新字符串，原字符串不变在 ie 6-7 时，' abc ' +...

2020-05-27

热门文章