JavaScript - 教程之家

54浏览

0评论

jQuery实现合并表格单元格中相同行操作示例

本文实例讲述了jQuery实现合并表格单元格中相同行操作。分享给大家供大家参考，具体如下：合并的方法$("#tableid").mergeCell({　　cols:[X,X] ///参数为要合并的列})/*** 操作...

2020-05-27

66浏览

0评论

详解项目升级到vue-cli3的正确姿势

一. 原以为升级vue-cli3的路线是这样的：创建vue-cli3项目，按原有项目的配置选好各项配置迁移目录src->srcstatic->public对比新旧 package.json ，然后 yarn install ，完毕。然鹅...

2020-05-27

48浏览

0评论

jQuery实现的网站banner图片无缝轮播效果完整实例

本文实例讲述了jQuery实现的网站banner图片无缝轮播效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compat...

2020-05-27

67浏览

0评论

新手快速上手webpack4打包工具的使用详解

一直使用webpack,上次也分享过webpack配置es6~9的语法参考链接,但是对于一些小白童鞋来说,最基本的配置都不太知道,刚好利用春节休假期间对webpack4的知识点梳理一次。方便...

2020-05-27

64浏览

0评论

JS实现二维数组元素的排列组合运算简单示例

本文实例讲述了JS实现二维数组元素的排列组合运算。分享给大家供大家参考，具体如下：用js实现二维数组里面的元素排列组合一个小demo；源码：<!DOCTYPE html PUBLIC "-//W3C//DTD X...

2020-05-27

62浏览

0评论

JavaScript 判断iPhone X Series机型的方法

写在前面
如果有更优雅的方式，一定要告诉我！
现状
iPhone X 底部是需要预留 34px 的安全距离，需要在代码中进行兼容。
现状对于 iPhone X 的判断基本是这样的：
// h5export cons...

2020-05-27

69浏览

0评论

vue-cli3 项目从搭建优化到docker部署的方法

1. 创建一个vue项目
相信大部分人都已经知道怎么创建项目的，可以跳过这一节，看下一节。1.1 安装@vue/cli# 全局安装 vue-cli脚手架npm install -g @vue/cli等待安装完成后开始...

2020-05-27

65浏览

0评论

JS实现的点击按钮图片上下滚动效果示例

本文实例讲述了JS实现的点击按钮图片上下滚动效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>...

2020-05-27

59浏览

0评论

jQuery访问json文件中数据的方法示例

本文实例讲述了jQuery访问json文件中数据的方法。分享给大家供大家参考，具体如下：有时候我们可能需要用到json文件存储数据，然后通过前台语言直接进行访问。首先是json文件：{ "...

2020-05-27

78浏览

0评论

使用pm2自动化部署node项目的方法步骤

1、pm2简介pm2（process manager）是一个进程管理工具，维护一个进程列表，可以用它来管理你的node进程，负责所有正在运行的进程，并查看node进程的状态，也支持性能监控，负载均衡等功能。...

2020-05-27

80浏览

0评论

vue-for循环嵌套操作示例

本文实例讲述了vue-for循环嵌套操作。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *...

2020-05-27

61浏览

0评论

vue.js仿hover效果的实现方法示例

本文实例讲述了vue.js仿hover效果的实现方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <sty...

2020-05-27

66浏览

0评论

详解几十行代码实现一个vue的状态管理

介绍
采用集中式存储管理应用的所有组件的状态, 就能实现组件间数据共享实现
逻辑图从图上有两条线: Vue.use(vuec), 与 new Vuec.center(options)第一条线Vue.use(vuec)安...

2020-05-27

61浏览

0评论

微信小程序实现顶部导航特效

本文实例为大家分享了微信小程序实现顶部导航的具体代码，供大家参考，具体内容如下之前Android开发时，顶部导航用到viewPage，微信小程序里想要达到同样的效果，可用swiper来实现，先...

2020-05-27

98浏览

0评论

详解基于node.js的脚手架工具开发经历

前言我们团队的前端项目是基于一套内部的后台框架进行开发的，这套框架是基于vue和ElementUI进行了一些定制化包装，并加入了一些自己团队设计的模块，可以进一步简化后台页面的开...

2020-05-27

65浏览

0评论

微信小程序顶部导航栏滑动tab效果

小程序商品展示需要导航栏的商品分类进行滑动，供大家参考，具体内容如下效果图：首先是滑动的效果：<scroll-view scroll-x="true" style="width: 100%;white-space:nowrap;"></scr...

2020-05-27

82浏览

0评论

微信小程序实现炫酷的弹出式菜单特效

今天给大家带来一个微信小程序的弹出是菜单效果，老规矩先上效果图。(录制的gif动画有点卡，实际真机或是模拟器上很顺畅)先简单说下思路：1、首先在屏幕的某个位置放几个悬浮按钮...

2020-05-27

51浏览

0评论

angular4中引入echarts的方法示例

1.安装ngx-echartsnpm install echarts --savenpm install ngx-echarts --save2.在项目中引入echarts//angular-cli.json文件{ "apps": [{ "scripts":[ "../node_m...

2020-05-27

55浏览

0评论

vue实现的下拉框功能示例

本文实例讲述了vue实现的下拉框功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn vue下拉框</tit...

2020-05-27

56浏览

0评论

vue实现父子组件之间的通信以及兄弟组件的通信功能示例

本文实例讲述了vue实现父子组件之间的通信以及兄弟组件的通信功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title...

2020-05-27

62浏览

0评论

详解基于webpack&gettext的前端多语言方案

gettext 是GNU 提供的一套国际化与本地化处理的相关函数库。大多数语言都有对应的gettext实现。本文主要使用jed 来实现gettext 一系列方法对应的功能。pot/po文件 pot文...

2020-05-27

54浏览

0评论

vue input实现点击按钮文字增删功能示例

本文实例讲述了vue input实现点击按钮文字增删功能。分享给大家供大家参考，具体如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...

2020-05-27

66浏览

0评论

vue实现form表单与table表格的数据关联功能示例

本文实例讲述了vue实现form表单与table表格的数据关联功能。分享给大家供大家参考，具体如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="v...

2020-05-27

56浏览

0评论

JS实现的类似微信聊天效果示例

本文实例讲述了JS实现的类似微信聊天效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn JS仿微信...

2020-05-27

69浏览

0评论

JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例

本文实例讲述了JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动。分享给大家供大家参考，具体如下：1. 盒子跟着鼠标移动<!doctype html><html lang="en"><head> <meta charse...

2020-05-27

45浏览

0评论

JS实现鼠标拖拽盒子移动及右键点击盒子消失效果示例

本文实例讲述了JS实现鼠标拖拽盒子移动及右键点击盒子消失效果。分享给大家供大家参考，具体如下：1. 鼠标拖拽盒子移动效果<!DOCTYPE html><html lang="en"><head> <meta char...

2020-05-27

88浏览

0评论

详解基于electron制作一个node压缩图片的桌面应用

基于electron制作一个node压缩图片的桌面应用下载地址：https://github.com/zenoslin/imagemin-electron/releases项目源码Github：https://github.com/zenoslin/imagemin-elect...

2020-05-27

112浏览

0评论

js实现ATM机存取款功能

js是一个功能十分强大的脚本语言，通过js能实现很多有意思的demo！而要实现那些功能炫酷、特效美观的东西DOM操作是必不可少且尤为重要的！这个ATM机存取款的案例，就用到js中一些简...

2020-05-27

105浏览

0评论

用Electron写个带界面的nodejs爬虫的实现方法

什么是Electron使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用
[官网](https://electronjs.org/)实质就是一个精简的Webkit浏览器显示html页面，通过electron做中间层可...

2020-05-27

64浏览

0评论

JS实现换肤功能的方法实例详解

本文实例讲述了JS实现换肤功能的方法。分享给大家供大家参考，具体如下：首先准备HTML页面如下：<div id="container"><div id="header"> <h3>无人驾驶要征服世界，得先解决这些问...

2020-05-27

55浏览

0评论

AJAX在JQuery中的应用详解

AJAX在jQuery中的应用1. $.ajax()方法$.ajax()方法是一个功能十分强悍的一个底层方法，基于该方法实现的$.get()和$.post()都是常用的向服务器请求数据的方法。1.1 $.ajax()中...

2020-05-27

72浏览

0评论

JS实现头条新闻的经典轮播图效果示例

本文实例讲述了JS实现头条新闻的经典轮播图效果。分享给大家供大家参考，具体如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...

2020-05-27

80浏览

0评论

谈谈为什么你的 JavaScript 代码如此冗长

又一年过去了，JavaScript发生了许多变化。但是，即使是2019年了，还是需要给一些帮助你编写干净、整洁、有效、且具有扩展性的代码建议。下面是让你成为更好的开发者的9条建议。1...

2020-05-27

55浏览

0评论

JS实现的新闻列表自动滚动效果示例

本文实例讲述了JS实现的新闻列表自动滚动效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <st...

2020-05-27

49浏览

0评论

JS实现点击按钮随机生成可拖动的不同颜色块示例

本文实例讲述了JS实现点击按钮随机生成可拖动的不同颜色块。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3...

2020-05-27

69浏览

0评论

JavaScript之解构赋值的理解

1. ES6的新特性允许将对象或者数组'分解'成多个单独的值, 以对象的解构开始. 代码示例2. 说明1). 定义一个对象 const obj={b:2,c:3,d:4}; 此时系统中没有变...

2020-05-27

55浏览

0评论

新年快乐! javascript实现超级炫酷的3D烟花特效

本文实例为大家分享了javascript实现3D烟花特效的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <meta charset=...

2020-05-27

311浏览

0评论

async/await优雅的错误处理方法总结

前言node.js的世界，从callback开始，不会止于async.本文将给大家详细介绍关于async/await优雅的错误处理的相关内容，下面话不多说了，来一起看看详细的介绍吧async/await优雅的错...

2020-05-27

87浏览

0评论

使用Angular Cli如何创建Angular私有库详解

前言在实际开发中，会发现我们好多工作都是重复的，在代码层面，发现好多代码是可以被重用的。这样我们就可以建一个库，类似于java的库，来提高工作效率。下面话不多说了，来一起看看详...

2020-05-27

85浏览

0评论

Vue和React组件之间的传值方式详解

在现代的三大框架中，其中两个Vue和React框架，组件间传值方式有哪些？组件间的传值方式
组件的传值场景无外乎以下几种：父子之间兄弟之间多层级之间（孙子祖父或者更多）任意...

2020-05-27

117浏览

0评论

vue中的mvvm模式讲解

学习了MVVM模式起先还觉得有点难，后面与双向数据绑定链接起来还是很容易理解的。那么什么是MVVM呢？不明思议咋们肯定和我想的一样每个单词的首写字母呗！对没错就是它 Model-...

2020-05-27

55浏览

0评论

Vue实现远程获取路由与页面刷新导致404错误的解决

一、背景先简单介绍一下现在项目情况：前后端分离，后端服务是Java写的，前端是Vue+ElementUI。最近的一个需求是：通过后端Api去获取前端路由表，原因是每个登录角色对应的前端路由表...

2020-05-27

291浏览

0评论

JSON.stringify()方法讲解

JSON.stringify()方法是什么呢？我们在向服务器发送数据时一般是字符串。我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。语法JSON.stringify(value[, r...

2020-05-27

56浏览

0评论

JSON的parse()方法介绍

parse()方法的介绍：在接收服务器数据时一般是字符串。我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。语法JSON.parse(text[, reviver])参数说明： text:必需，...

2020-05-27

81浏览

0评论

微信小程序开发的基本流程步骤

一,微信小程序简介1,微信小程序简称小程序，张小龙在微信公开课 Pro 上发布的小程序正式上线，时间是2017年1月9日。2,微信小程序这个词可以分解为“微信”和“小程序”两部分(1...

2020-05-27

80浏览

0评论

vue.js指令v-for使用以及下标索引的获取

在 v-for 代码块中，我们可以完全地访问父级作用域下的属性。v-for 还支持可选的第二个参数，作为当前项的索引。也可以使用 v-for 来遍历对象的属性。还可以提供第二个参数，作为...

2020-05-27

64浏览

0评论

Angular PWA使用的Demo示例

什么是PWA
PWA（Progressive Web App）利用TLS，webapp manifests和service workers使应用程序能够安装并离线使用。换句话说，PWA就像手机上的原生应用程序，但它是使用诸如HTML5，Jav...

2020-05-27

93浏览

0评论

详解使用angular框架离线你的应用（pwa指南）

简介
关于service worker，网络上已经有了较多的文章。总的来说它依靠缓存资源，拦截http请求，来帮助我们达到离线使用网站的效果。而angular cli为了让使用service worker更加便...

2020-05-27

66浏览

0评论

实例讲解v-if和v-show的区别

代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="app"> <div v-if="isIf">v-if</div>...

2020-05-27

65浏览

0评论

JavaScript对JSON数组简单排序操作示例

本文实例讲述了JavaScript对JSON数组简单排序操作。分享给大家供大家参考，具体如下：我们经常回使用到数据格式var arr=[{num:1},{num:3},{num:2}]如何根据数组里面的JSON数据...

2020-05-27

热门文章