vue实现的仿淘宝购物车功能详解
本文实例讲述了vue实现的仿淘宝购物车功能。分享给大家供大家参考，具体如下：下面是一张众所周知的淘宝购物车页面，今天要讲解的案例就是用vue.js做一个类似的页面首先简单介绍...
2020-05-27
vue-cli构建vue项目的步骤详解
构建一个 vue 项目最简单的方式就是使用脚手架工具 vue-cli 。前端的三大框架都有自己的脚手架工具，其作用就是用配置好的模板迅速搭建起一个项目工程来，省去自己配置 webpack...
2020-05-27
nuxt中使用路由守卫的方法步骤
1.在plugins文件下创建一个route.jsimport { getCookie, setCookie } from '@/pages/logreg/api/cookie'import axios from 'axios'export default ({ app, store }) => { a...
2020-05-27
原生JS实现的跳一跳小游戏完整实例
本文实例讲述了原生JS实现的跳一跳小游戏。分享给大家供大家参考，具体如下：以下说的是闲暇编写的一个小游戏--跳一跳，类似于微信的跳一跳，大体实现功能有：1.先随机生成地图；2.按住...
2020-05-27
原生JS检测CSS3动画是否结束的方法详解
本文实例讲述了原生JS检测CSS3动画是否结束的方法。分享给大家供大家参考，具体如下：不知道大家在做网页的时候有没有碰到这种情况：当你使用CSS3的动画属性时，想要在动画结束后添...
2020-05-27
PWA介绍及快速上手搭建一个PWA应用的方法
PWA初次体验
前言：本示例不用安装任何东西部分资源来自网络资源及PWA官网，不要把PWA想象的太复杂，跟着示例走一下，你行的。PWA介绍一个新的前端技术，PWA（ 全称：Progressive Web App...
2020-05-27
超详细动手搭建一个VuePress 站点及开启PWA与自动部署的方法
五一之前就想写一篇关于Vuepress的文章,结果朋友结婚就不了了之了。记得最后一定要看注意事项！Vuepress介绍官网：https://vuepress.vuejs.org/类似hexo一个极简的静态网站生成...
2020-05-27
JavaScript变量提升和严格模式实例分析
本文实例讲述了JavaScript变量提升和严格模式。分享给大家供大家参考，具体如下：1.什么是变量提升所谓的变量提升指的是：函数声明和变量声明总是会被解释器悄悄地被"提升"到方法...
2020-05-27
Vue组件教程之Toast(Vue.extend 方式)详解
一、效果图二、说明这类提示框组件我们通常都会直接在 JS 代码中进行调用。像下面这样：this.$toast('别点啦，到头啦！')但看到网上大多数还是通过 component 方式实现的，这样的话...
2020-05-27
vue中轮训器的使用
核心代码：<template> <div > {{log}} </div></template><script> export default { name: "TrainingInRotation", data(){ return { log:0, timerId:1,...
2020-05-27
详解如何用webpack4从零开始构建react开发环境
项目文件准备：执行npm init,然后创建如下图所示的文件。
在index.html里面添加<!DOCTYPE html><html> <head> <title>The Minimal React Webpack Babel Setup</title> </hea...
2020-05-27
vue配置font-awesome5的方法步骤
前端小伙伴们都知道Font Awesome图标库，它具有丰富的常用图标，笔者开发时也经常使用，省却了自己到处找图标的困扰，当然阿里的iconfont也不错，不过它比较杂乱，找的图标有时候不是配...
2020-05-27
jQuery实现表格的增、删、改操作示例
本文实例讲述了jQuery实现表格的增、删、改操作。分享给大家供大家参考，具体如下：这里实现的是在jQuery中通过按钮的形式，对表格进行的一些基本操作，可以实现表格的增删改操作，并...
2020-05-27
JavaScript中的回调函数实例讲解
在JS中，函数可以作为参数传递给函数，不止可以传递值或者对象，案例如下：定义：/** *@project： data_overnance *@package： *@date：2018/11/30 0030 15:07 *@author 郭宝 *@brief: 回调...
2020-05-27
jQuery实现模拟搜索引擎的智能提示功能简单示例
本文实例讲述了jQuery实现模拟搜索引擎的智能提示功能。分享给大家供大家参考，具体如下：jQuery中模仿搜索引擎的智能提示功能，本案例仅供初学者一个参考，也是我个人在初学jquery...
2020-05-27
vue中子组件传递数据给父组件的讲解
发送者：modifyName：是接受者的键，也就是发送和接收的唯一标识itemObj：是一个对象this.$emit("modifyName",this.itemObj);接受者：<common-table 是一个自定义组件@modifyName 就...
2020-05-27
jQuery实现左右两个列表框的内容相互移动功能示例
本文实例讲述了jQuery实现左右两个列表框的内容相互移动功能。分享给大家供大家参考，具体如下：在jQuery中将左右两个列表框的内容相互移动，移动的同时进行删除，这里只是给大家写...
2020-05-27
在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
在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
在Vue项目中取消ESLint代码检测的步骤讲解
在Vue项目中编写代码的时候经常会碰到这种烦人的无故报错，其实这是ESLint代码，如图下：解决办法：File>Settings>ESLint>取消检测即可（将Enable选项去勾选）>apply,如下图：总结以上就...
2020-05-27
详解Next.js页面渲染的优化方案
在过去一年的工作中我所使用的js框架是Next.js,尽管这个框架在前后端同构方面有着绝佳的体验，但是当页面js文件过大以及preload过多的时候还是会出现页面跳转卡顿和渲染阻塞...
2020-05-27
vue 左滑删除功能的示例代码
最近有个需求是要添加一个左滑删除的功能。参考了一下别的老哥的代码,做了一点点改进。记录一下。以备不时之需,话不多说 ，上代码<template> <div class="slider-item"> <div...
2020-05-27
Vue项目安装插件并保存
比如安装jszip插件的命令行如下：npm install jszip --save-dev只有执行了--save-dev 才会将当前安装的插件版本保存在package.json文件中总结以上就是这篇文章的全部内容了，希...
2020-05-27
Vue加载json文件的方法简单示例
本文实例讲述了Vue加载json文件的方法。分享给大家供大家参考，具体如下：一、在build/dev-server.js文件里 var app = express() 这句代码后面添加如下(旧版)：var appData = req...
2020-05-27
this在vue和小程序中的使用详解
匿名函数下的this方便本地demo，没有使用webpack引入两个文件，vue和axiosaxios返回一个promise对象，我们通过axios进行ajax请求 <script src="https://cdn.jsdelivr.net/npm/vue...
2020-05-27
jQuery实现合并表格单元格中相同行操作示例
本文实例讲述了jQuery实现合并表格单元格中相同行操作。分享给大家供大家参考，具体如下：合并的方法$("#tableid").mergeCell({ cols:[X,X] ///参数为要合并的列})/*** 操作...
2020-05-27
详解项目升级到vue-cli3的正确姿势
一. 原以为升级vue-cli3的路线是这样的：创建vue-cli3项目，按原有项目的配置选好各项配置迁移目录src->srcstatic->public对比新旧 package.json ，然后 yarn install ，完毕。然鹅...
2020-05-27
jQuery实现的网站banner图片无缝轮播效果完整实例
本文实例讲述了jQuery实现的网站banner图片无缝轮播效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compat...
2020-05-27
新手快速上手webpack4打包工具的使用详解
一直使用webpack,上次也分享过webpack配置es6~9的语法参考链接,但是对于一些小白童鞋来说,最基本的配置都不太知道,刚好利用春节休假期间对webpack4的知识点梳理一次。方便...
2020-05-27
JS实现二维数组元素的排列组合运算简单示例
本文实例讲述了JS实现二维数组元素的排列组合运算。分享给大家供大家参考，具体如下：用js实现二维数组里面的元素排列组合一个小demo；源码：<!DOCTYPE html PUBLIC "-//W3C//DTD X...
2020-05-27
JavaScript 判断iPhone X Series机型的方法
写在前面
如果有更优雅的方式，一定要告诉我！
现状
iPhone X 底部是需要预留 34px 的安全距离，需要在代码中进行兼容。
现状对于 iPhone X 的判断基本是这样的：
// h5export cons...
2020-05-27
vue-cli3 项目从搭建优化到docker部署的方法
1. 创建一个vue项目
相信大部分人都已经知道怎么创建项目的，可以跳过这一节，看下一节。1.1 安装@vue/cli# 全局安装 vue-cli脚手架npm install -g @vue/cli等待安装完成后开始...
2020-05-27
JS实现的点击按钮图片上下滚动效果示例
本文实例讲述了JS实现的点击按钮图片上下滚动效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>...
2020-05-27
jQuery访问json文件中数据的方法示例
本文实例讲述了jQuery访问json文件中数据的方法。分享给大家供大家参考，具体如下：有时候我们可能需要用到json文件存储数据，然后通过前台语言直接进行访问。首先是json文件：{ "...
2020-05-27
使用pm2自动化部署node项目的方法步骤
1、pm2简介pm2（process manager）是一个进程管理工具，维护一个进程列表，可以用它来管理你的node进程，负责所有正在运行的进程，并查看node进程的状态，也支持性能监控，负载均衡等功能。...
2020-05-27
vue-for循环嵌套操作示例
本文实例讲述了vue-for循环嵌套操作。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *...
2020-05-27
vue.js仿hover效果的实现方法示例
本文实例讲述了vue.js仿hover效果的实现方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <sty...
2020-05-27
详解几十行代码实现一个vue的状态管理
介绍
采用集中式存储管理应用的所有组件的状态, 就能实现组件间数据共享实现
逻辑图从图上有两条线: Vue.use(vuec), 与 new Vuec.center(options)第一条线Vue.use(vuec)安...
2020-05-27
微信小程序实现顶部导航特效
本文实例为大家分享了微信小程序实现顶部导航的具体代码，供大家参考，具体内容如下之前Android开发时，顶部导航用到viewPage，微信小程序里想要达到同样的效果，可用swiper来实现，先...
2020-05-27
详解基于node.js的脚手架工具开发经历
前言我们团队的前端项目是基于一套内部的后台框架进行开发的，这套框架是基于vue和ElementUI进行了一些定制化包装，并加入了一些自己团队设计的模块，可以进一步简化后台页面的开...
2020-05-27
微信小程序顶部导航栏滑动tab效果
小程序商品展示需要导航栏的商品分类进行滑动，供大家参考，具体内容如下效果图：首先是滑动的效果：<scroll-view scroll-x="true" style="width: 100%;white-space:nowrap;"></scr...
2020-05-27
微信小程序实现炫酷的弹出式菜单特效
今天给大家带来一个微信小程序的弹出是菜单效果，老规矩先上效果图。(录制的gif动画有点卡，实际真机或是模拟器上很顺畅)先简单说下思路：1、首先在屏幕的某个位置放几个悬浮按钮...
2020-05-27
angular4中引入echarts的方法示例
1.安装ngx-echartsnpm install echarts --savenpm install ngx-echarts --save2.在项目中引入echarts//angular-cli.json文件{ "apps": [{ "scripts":[ "../node_m...
2020-05-27
vue实现的下拉框功能示例
本文实例讲述了vue实现的下拉框功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn vue下拉框</tit...
2020-05-27
vue实现父子组件之间的通信以及兄弟组件的通信功能示例
本文实例讲述了vue实现父子组件之间的通信以及兄弟组件的通信功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title...
2020-05-27
详解基于webpack&gettext的前端多语言方案
gettext 是GNU 提供的一套 国际化与本地化 处理的相关函数库。大多数语言都有对应的gettext实现。本文主要使用jed 来实现gettext 一系列方法对应的功能。pot/po文件 pot文...
2020-05-27
vue input实现点击按钮文字增删功能示例
本文实例讲述了vue input实现点击按钮文字增删功能。分享给大家供大家参考，具体如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...
2020-05-27
vue实现form表单与table表格的数据关联功能示例
本文实例讲述了vue实现form表单与table表格的数据关联功能。分享给大家供大家参考，具体如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="v...
2020-05-27
JS实现的类似微信聊天效果示例
本文实例讲述了JS实现的类似微信聊天效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn JS仿微信...
2020-05-27
JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例
本文实例讲述了JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动。分享给大家供大家参考，具体如下：1. 盒子跟着鼠标移动<!doctype html><html lang="en"><head> <meta charse...
2020-05-27
