JavaScript - 教程之家

71浏览

0评论

Vue.js样式动态绑定实现小结

在项目中，我们时常会遇到动态的去绑定操作切换不同的CSS样式，结合自身项目中遇到的一些情况，也参考了一些文档，针对vue.js样式的动态绑定切换做出如下小结：动态切换的核心思想：
利...

2020-05-27

54浏览

0评论

Node.js 进程平滑离场剖析小结

使用 Node.js 搭建 HTTP Server 已是司空见惯的事。在生产环境中，Node 进程平滑重启直接关系到服务的可靠性，它的重要性不容我们忽视。既然是平滑重启，就涉及到新旧进程的接替...

2020-05-27

77浏览

0评论

命令行批量截图Node脚本示例代码

批量截图任务
作为一个软件工程师，不只是做好自己的本职工作（iOS），而是需要解决项目中的技术问题。这次就是解决自动截图的问题
早期公司的数据工程师利用 phantomjs 来截图，后期...

2020-05-27

62浏览

0评论

vue组件文档（.md）中如何自动导入示例（.vue）详解

症结（懒癌患者）
在写组件库文档的时候，会把示例代码粘贴到文档里，这样做有一个很恶心的地方：每次组件迭代或修改示例都需要重新修改文档中的代码片段。长年累月，苦不堪言。猜想（狂...

2020-05-27

56浏览

0评论

JS温故而知新之变量提升和时间死区

前言开始执行脚本时，执行脚本的第一步是编译代码，然后再开始执行代码，如图另外，在编译优化方面来说，最开始时也并不是全部编译好脚本，而是当函数执行时，才会先编译，再执行脚本，如图...

2020-05-27

49浏览

0评论

Vue.js实现的购物车功能详解

本文实例讲述了Vue.js实现的购物车功能。分享给大家供大家参考，具体如下：使用计算属性，内置指令，方法等基础知识开发购物车。需求分析：展示一个已经加入购物车的商品列表，包含商品...

2020-05-27

52浏览

0评论

实例讲解JS中pop使用方法

pop() 定义和用法pop() 方法用于删除并返回数组的最后一个元素。语法arrayObject.pop()返回值arrayObject 的最后一个元素。说明pop() 方法将删除 arrayObject 的最后一个元...

2020-05-27

93浏览

0评论

详解vue路由篇(动态路由、路由嵌套)

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

2020-05-27

81浏览

0评论

vue实现的仿淘宝购物车功能详解

本文实例讲述了vue实现的仿淘宝购物车功能。分享给大家供大家参考，具体如下：下面是一张众所周知的淘宝购物车页面，今天要讲解的案例就是用vue.js做一个类似的页面首先简单介绍...

2020-05-27

77浏览

0评论

vue-cli构建vue项目的步骤详解

构建一个 vue 项目最简单的方式就是使用脚手架工具 vue-cli 。前端的三大框架都有自己的脚手架工具，其作用就是用配置好的模板迅速搭建起一个项目工程来，省去自己配置 webpack...

2020-05-27

100浏览

0评论

nuxt中使用路由守卫的方法步骤

1.在plugins文件下创建一个route.jsimport { getCookie, setCookie } from '@/pages/logreg/api/cookie'import axios from 'axios'export default ({ app, store }) => { a...

2020-05-27

70浏览

0评论

原生JS实现的跳一跳小游戏完整实例

本文实例讲述了原生JS实现的跳一跳小游戏。分享给大家供大家参考，具体如下：以下说的是闲暇编写的一个小游戏--跳一跳，类似于微信的跳一跳，大体实现功能有：1.先随机生成地图；2.按住...

2020-05-27

48浏览

0评论

原生JS检测CSS3动画是否结束的方法详解

本文实例讲述了原生JS检测CSS3动画是否结束的方法。分享给大家供大家参考，具体如下：不知道大家在做网页的时候有没有碰到这种情况：当你使用CSS3的动画属性时，想要在动画结束后添...

2020-05-27

100浏览

0评论

PWA介绍及快速上手搭建一个PWA应用的方法

PWA初次体验
前言：本示例不用安装任何东西部分资源来自网络资源及PWA官网，不要把PWA想象的太复杂，跟着示例走一下，你行的。PWA介绍一个新的前端技术，PWA（全称：Progressive Web App...

2020-05-27

79浏览

0评论

超详细动手搭建一个VuePress 站点及开启PWA与自动部署的方法

五一之前就想写一篇关于Vuepress的文章,结果朋友结婚就不了了之了。记得最后一定要看注意事项！Vuepress介绍官网：https://vuepress.vuejs.org/类似hexo一个极简的静态网站生成...

2020-05-27

51浏览

0评论

JavaScript变量提升和严格模式实例分析

本文实例讲述了JavaScript变量提升和严格模式。分享给大家供大家参考，具体如下：1.什么是变量提升所谓的变量提升指的是：函数声明和变量声明总是会被解释器悄悄地被"提升"到方法...

2020-05-27

77浏览

0评论

Vue组件教程之Toast(Vue.extend 方式)详解

一、效果图二、说明这类提示框组件我们通常都会直接在 JS 代码中进行调用。像下面这样：this.$toast('别点啦，到头啦！')但看到网上大多数还是通过 component 方式实现的，这样的话...

2020-05-27

44浏览

0评论

vue中轮训器的使用

核心代码：<template> <div > {{log}} </div></template><script> export default { name: "TrainingInRotation", data(){ return { log:0, timerId:1,...

2020-05-27

64浏览

0评论

详解如何用webpack4从零开始构建react开发环境

项目文件准备：执行npm init,然后创建如下图所示的文件。
在index.html里面添加<!DOCTYPE html><html> <head> <title>The Minimal React Webpack Babel Setup</title> </hea...

2020-05-27

64浏览

0评论

vue配置font-awesome5的方法步骤

前端小伙伴们都知道Font Awesome图标库，它具有丰富的常用图标，笔者开发时也经常使用，省却了自己到处找图标的困扰，当然阿里的iconfont也不错，不过它比较杂乱，找的图标有时候不是配...

2020-05-27

59浏览

0评论

jQuery实现表格的增、删、改操作示例

本文实例讲述了jQuery实现表格的增、删、改操作。分享给大家供大家参考，具体如下：这里实现的是在jQuery中通过按钮的形式，对表格进行的一些基本操作，可以实现表格的增删改操作，并...

2020-05-27

52浏览

0评论

JavaScript中的回调函数实例讲解

在JS中，函数可以作为参数传递给函数，不止可以传递值或者对象，案例如下：定义：/** *@project： data_overnance *@package： *@date：2018/11/30 0030 15:07 *@author 郭宝 *@brief: 回调...

2020-05-27

57浏览

0评论

jQuery实现模拟搜索引擎的智能提示功能简单示例

本文实例讲述了jQuery实现模拟搜索引擎的智能提示功能。分享给大家供大家参考，具体如下：jQuery中模仿搜索引擎的智能提示功能，本案例仅供初学者一个参考，也是我个人在初学jquery...

2020-05-27

55浏览

0评论

vue中子组件传递数据给父组件的讲解

发送者：modifyName：是接受者的键，也就是发送和接收的唯一标识itemObj：是一个对象this.$emit("modifyName",this.itemObj);接受者：<common-table 是一个自定义组件@modifyName 就...

2020-05-27

74浏览

0评论

jQuery实现左右两个列表框的内容相互移动功能示例

本文实例讲述了jQuery实现左右两个列表框的内容相互移动功能。分享给大家供大家参考，具体如下：在jQuery中将左右两个列表框的内容相互移动，移动的同时进行删除，这里只是给大家写...

2020-05-27

71浏览

0评论

在vue项目中使用Jquery-contextmenu插件的步骤讲解

使用步骤：1、安装：npm i jquery-contextmenu --save-dev2、在main.js文件中引包 import Jquery_contextmenu from 'jquery-contextmenu' Vue.use(Jquery_contextmenu) i...

2020-05-27

50浏览

0评论

在Vue项目中引入JQuery-ui插件的讲解

安装： npm install jquery-ui-dist -S引入：import 'jquery-ui-dist/jquery-ui'更改配置文件：1、添加jquery:'jquery' resolve: { extensions: ['.js', '.vue', '.json'], al...

2020-05-27

42浏览

0评论

在Vue项目中取消ESLint代码检测的步骤讲解

在Vue项目中编写代码的时候经常会碰到这种烦人的无故报错，其实这是ESLint代码，如图下：解决办法：File>Settings>ESLint>取消检测即可（将Enable选项去勾选）>apply,如下图：总结以上就...

2020-05-27

57浏览

0评论

详解Next.js页面渲染的优化方案

在过去一年的工作中我所使用的js框架是Next.js,尽管这个框架在前后端同构方面有着绝佳的体验，但是当页面js文件过大以及preload过多的时候还是会出现页面跳转卡顿和渲染阻塞...

2020-05-27

50浏览

0评论

vue 左滑删除功能的示例代码

最近有个需求是要添加一个左滑删除的功能。参考了一下别的老哥的代码,做了一点点改进。记录一下。以备不时之需,话不多说，上代码<template> <div class="slider-item"> <div...

2020-05-27

58浏览

0评论

Vue项目安装插件并保存

比如安装jszip插件的命令行如下：npm install jszip --save-dev只有执行了--save-dev 才会将当前安装的插件版本保存在package.json文件中总结以上就是这篇文章的全部内容了，希...

2020-05-27

54浏览

0评论

Vue加载json文件的方法简单示例

本文实例讲述了Vue加载json文件的方法。分享给大家供大家参考，具体如下：一、在build/dev-server.js文件里 var app = express() 这句代码后面添加如下(旧版)：var appData = req...

2020-05-27

54浏览

0评论

this在vue和小程序中的使用详解

匿名函数下的this方便本地demo，没有使用webpack引入两个文件，vue和axiosaxios返回一个promise对象，我们通过axios进行ajax请求 <script src="https://cdn.jsdelivr.net/npm/vue...

2020-05-27

46浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

36浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

45浏览

0评论

JavaScript 判断iPhone X Series机型的方法

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

42浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

65浏览

0评论

vue-for循环嵌套操作示例

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

81浏览

0评论

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

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

热门文章