JavaScript - 教程之家

71浏览

0评论

electron-vue利用webpack打包实现多页面的入口文件问题

项目需要在electron的项目中新打开一个窗口，利用webpack作为静态资源打包器，发现在webpack中可以设置多页面的入口，今天来讲一下我在electron中利用webpack建立多页面入口的踩...

2020-05-27

56浏览

0评论

用js简单提供增删改查接口

本周写实验，需要提供简单的后台接口对数据库进行增删改查，以前写后台只用过php和java,因为比较容易，用js写的也比较快，所以这次想用js实现简单的增删改查接口。初始化需要工具...

2020-05-27

152浏览

0评论

vue组件中watch props根据v-if动态判断并挂载DOM的问题

问题复现：父组件中通过名为 source 的 prop 向子组件 Chart 传入数据<Chart :source="chartData"></Chart>import Chart from '../components/Chart'export default { name:...

2020-05-27

110浏览

0评论

基于elementUI使用v-model实现经纬度输入的vue组件

绑定一个 [12.34,-45.67] (东经西经，南纬北纬正负表示) 形式的经纬度数组，能够按度分秒进行编辑，效果如下所示，点击东经，北纬可切换。
经纬度的度转度分秒
能够获取...

2020-05-27

54浏览

0评论

React优化子组件render的使用

在react中，父组件的重新render会引发子组件的重新render，但是一些情况下我们会觉得这样做有些多余，比如：父组件并未传递props给子组件新传递的props渲染结果不变class A ext...

2020-05-27

64浏览

0评论

使vue实现jQuery调用的两种方法

引言如果说vue是前端工程化使用较多的骨架，那么JavaScript就是我们的前端的细胞。MVVM模式让我们体验到前端开发的便携，无需再过多的考虑DOM的操作。而vue的渐进式开发（逐步引...

2020-05-27

58浏览

0评论

vue轻量级框架无法获取到vue对象解决方法

使用vue框架，jar包都已经导入进去了，可是还是不能运行，提示vue未定义控制台报错：vue is not defined报错原因：如图vue2解决方法：如图vue3.将js文件引入到body中或者是直接在body...

2020-05-27

70浏览

0评论

babel7.x和webpack4.x配置vue项目的方法步骤

很偶然的今天想开个自己的小项目，记录一下最近项目工程上实现的一个小交互。按照之前运行非常流畅的配置走一遍，打包遇到各种坑。只好根据命令行的报错逐个排查，发现babel升级...

2020-05-27

59浏览

0评论

详解babel升级到7.X采坑总结

最近工作比较忙，有一段时间没有写前端玩了。今天试着搭一个项目，发现各种坑，以前用起来非常好的配置文件各种报错。排查后发现原来babel升级了一个大版本，已经到7.X了，这里我总结...

2020-05-27

57浏览

0评论

vue配置接口域名方法总结

vue如何配置接口域名1.vue本身为运行脚手架项目自家搭载了一个nodejs后台环境，本地可通过proxyTable来处理跨域问题，但是上线（或生产环境）之后改域名真是一件麻烦的事情，所以进行...

2020-05-27

60浏览

0评论

Vue项目服务器部署之子目录部署方法

Vue项目尤其是基于.vue单文件格式的项目部署，在build成js文件后发布到服务器上，一般都是通过nginx反向代理到跟文件目录后直接访问，然而由于很多时候没办法使用更多的子域名（比...

2020-05-27

271浏览

0评论

从0到1搭建element后台框架优化篇(打包优化)

前言
hello,咱又见了~~嘻嘻。本次主要来说说这个打包优化的问题。一个vue项目从开发到上线必须得经历打包过程，一个项目的打包优化与否都决定了你这个项目的运行速度以及用户...

2020-05-27

59浏览

0评论

微信小程序缓存过期时间的使用详情

关于本地缓存1.wx.setStorage（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）、wx.clearStorage（wx.clearStorageSync）可以对本地缓存进行设置、获取和清理。本地缓存最大...

2020-05-27

62浏览

0评论

Vue安装浏览器开发工具的步骤详解

开发vue时，浏览器有一个好的开发调试工具能让开发事半功倍，磨刀不误砍柴工。步骤1.下载工具地址： https://github.com/vuejs/vue-devtools 2.安装依赖cmd进入vue-devtools文件...

2020-05-27

84浏览

0评论

浅谈vue.use()方法从源码到使用

关于 vue.use 我们都知道些什么？
在做 vue 开发的时候大家一定经常接触 Vue.use() 方法，官网给出的解释是: 通过全局方法 Vue.use() 使用插件；我觉得把使用理解成注册更合适一...

2020-05-27

51浏览

0评论

ES6中的迭代器、Generator函数及Generator函数的异步操作方法

最近在写RN相关的东西，其中涉及到了redux-saga ，saga的实现原理就是ES6中的Generator函数，而Generator函数又和迭代器有着密不可分的关系。所以本篇博客先学习总结了iterator相...

2020-05-27

97浏览

0评论

详解无限滚动插件vue-infinite-scroll源码解析

最近在项目中遇到一个需求，有一个列表需要滚动加载，类似于微博的无限滚动。当时第一反应时监听滚动事件，在判断滚动到达底部时加载下一页，同时心里也清楚，监听滚动事件需要做好截...

2020-05-27

35浏览

0评论

JS中的函数与对象的创建方式

创建函数的三种方式1.函数声明function calSum1(num1, num2) { return num1 + num2;}console.log(calSum1(10, 10));2.函数表达式var calSum2 = function (num1, num2) {...

2020-05-27

53浏览

0评论

vue 表单之通过v-model绑定单选按钮radio

用v-model绑定单选框能带来很多便捷的开发体验。基础用法<template> <div id="app"> <input type="radio" id="male" value="Male" v-model="gender"> Male <input type="ra...

2020-05-27

68浏览

0评论

JavaScript封闭函数及常用内置对象示例

本文实例讲述了JavaScript封闭函数及常用内置对象。分享给大家供大家参考，具体如下：封闭函数在封闭函数内部定义的函数与外部函数尽管同名也没有关系，同理，定义的变量也可以同名...

2020-05-27

48浏览

0评论

Vue表单绑定的实例代码（单选按钮,选择框（单选时,多选时,用 v-for 渲染的动态选项）

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Vue表单绑定（单选按钮，选择框（单选时，多选时）</title> </head> <body>  <div id...

2020-05-27

52浏览

0评论

jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例

本文实例讲述了jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用。分享给大家供大家参考，具体如下：事件的绑定和解绑<!DOCTYPE html><html lang="en"><head> <meta c...

2020-05-27

62浏览

0评论

Node.js实现一个HTTP服务器的方法示例

项目地址http server题目设计一个模拟HTTP服务端程序自己设计一个WEB的程序，监听80端口。支持多客户端连接，能满足客户的HTTP请求（浏览器访问），包括以下功能：1.基本功能：get、post（...

2020-05-27

149浏览

0评论

使用原生js编写一个简单的框选功能方法

今天我们来聊一下怎么使用原生javascript编写一个简单的框选功能。
需求描述鼠标左键按下不放，移动鼠标出现矩形选框；鼠标左键松开，根据上边出现的矩形选框统计选框范围内...

2020-05-27

69浏览

0评论

JQuery事件委托原理与用法实例分析

本文实例讲述了JQuery事件委托原理与用法。分享给大家供大家参考，具体如下：事件委托就是利用事件冒泡的原理，把事件加到父级上，通过判断事件来源的子集，执行相应的操作。事件委托...

2020-05-27

53浏览

0评论

基于Fixed定位的框选功能的实现代码

最近项目涉及到一个支持批量操作的小需求，交互上需要使用框选来触发。在查阅了一些资料后发现，网上的方案基本都是基于绝对定位布局的，此方案如果是针对全局（在body上）的框选，还是...

2020-05-27

55浏览

0评论

jsonp跨域获取百度联想词的方法分析

本文实例讲述了jsonp跨域获取百度联想词的方法。分享给大家供大家参考，具体如下：jsonp原理：1.Web页面上用<script> 引入 js文件时则不受是否跨域的影响（不仅如此，我们还发现凡是...

2020-05-27

95浏览

0评论

JavaScript Math对象和调试程序的方法分析

本文实例讲述了JavaScript Math对象和调试程序的方法。分享给大家供大家参考，具体如下：Math对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>mat...

2020-05-27

79浏览

0评论

轻松解决JavaScript定时器越走越快的问题

解决JavaScript定时器越走越快的问题之前在项目中写了定时器来做循环播放，但是总是会有越走越快的问题，开始是以为前后的HTML代码拼接的有问题，时间紧急的情况下反复改了很多也...

2020-05-27

223浏览

0评论

详解async/await 异步应用的常用场景

前言
async/await 语法用看起来像写同步代码的方式来优雅地处理异步操作,但是我们也要明白一点,异步操作本来带有复杂性,像写同步代码的方式并不能降低本质上的复杂性,所以...

2020-05-27

56浏览

0评论

Vue.js@2.6.10更新内置错误处机制Fundebug同步支持相应错误监控

Vue.js 从诞生至今已经 5 年，尤大在今年 2 月份发布了重大更新，即Vue 2.6。更新包括新增 scoped slot 语法、性能提升、动态指令参数等等。其中我们最关注的是错误处理。异步...

2020-05-27

73浏览

0评论

解决前后端分离 vue+springboot 跨域 session+cookie失效问题

环境：前端 vue ip地址：192.168.1.205后端 springboot2.0 ip地址：192.168.1.217主要开发后端。问题：首先登陆成功时将用户存在session中，后续请求在将用户从session中取出检查。后...

2020-05-27

102浏览

0评论

详解js根据百度地图提供经纬度计算两点距离

正常在使用百度地图时，我们可以通过BMap的实例对象提供的方法计算距离：var map = new BMap.Map('map_canvas');map.getDistance(point1 ,point2);//point1、point2 是Point对...

2020-05-27

100浏览

0评论

教你使用vue-cli快速构建的小说阅读器

项目介绍主要页面1、首页home.vue分类展示书籍，幻灯片展示热门推荐2、搜索search.vue，上拉加载更多3、书籍详情book.vue加入书架、立即阅读，展示评论，同类书籍推荐4、书籍内容r...

2020-05-27

57浏览

0评论

vue百度地图 + 定位的详解

vue 百度地图 + 定位前提需要自己有百度的密钥，如没有可以去百度地图申请一、在主目录下的index.html引入js，例如：
二、在webpack.base.conf.js配置文件中配置BMap，在module.e...

2020-05-27

62浏览

0评论

如何利用vue+vue-router+elementUI实现简易通讯录

一个具有基本增删改查功能的通讯录，数据保存在本地的localStorage中。 demo地址: https://junjunhuahua.github.io1. 所用技术js框架: vue2 https://cn.vuejs.org/ui框架: e...

2020-05-27

49浏览

0评论

koa+mongoose实现简单增删改查接口的示例代码

配合上一篇文章的联系人应用(https://www.freexyz.cn/article/161160.htm)，实现配套的基于nodejs的后台增删改查接口1. 所需工具 node.js mongoDB2. 主要node模块koa(https:/...

2020-05-27

56浏览

0评论

JQuery的加载和选择器用法简单示例

本文实例讲述了JQuery的加载和选择器用法。分享给大家供大家参考，具体如下：JQuery加载一般开发中不用原生的JavaScript而是用JQuery，开发效率比较高。下面程序是原生和JQuery库...

2020-05-27

47浏览

0评论

JQuery特殊效果和链式调用操作示例

本文实例讲述了JQuery特殊效果和链式调用操作。分享给大家供大家参考，具体如下：JQuery的特殊效果fadeOut()淡入
fadeToggle()切换淡入淡出
hide() 隐藏元素
show() 现实元素
t...

2020-05-27

52浏览

0评论

使用jQuery如何写一个含验证码的登录界面

一个包含用户名，密码，验证码的简单的登陆界面，如下图所示：首先是 HTML 代码：<div id="divID"> <div style="background-color:transparent;"> <form id="ff" method="post"> <...

2020-05-27

60浏览

0评论

vue项目前端知识点整理【收藏】

微信授权后还能通过浏览器返回键回到授权页
在导航守卫中可以在 next({}) 中设置 replace: true 来重定向到改路由，跟 router.replace() 相同router.beforeEach((to, from, n...

2020-05-27

53浏览

0评论

arctext.js实现文字平滑弯曲弧形效果的插件

本文介绍了实现文字平滑弯曲弧形效果的插件-arctext.js，分享给大家，具体如下：扇形的文字有时候产品大佬就是很任性，说做一个宣传页，一个类似拱门的效果，每次文字不一样，但是文字得...

2020-05-27

58浏览

0评论

详解小程序之简单登录注册表单验证

这段时间在做员工管理的小程序，前期在登录注册上花了不少功夫，今天就给大家分享下。效果图，wxss的内容较简单，自己编写即可。##主要内容一、首先我是在util.js中引入表单正则验...

2020-05-27

48浏览

0评论

vue实现动态按钮功能

Vue是前台框架,可以独立完成前后端分离式web项目渐进式的javascript框架 ,今天我们来设计一个简单的动态按钮具体效果图如下:点击后会变成这样:首先我们需要下载vue.js: htt...

2020-05-27

44浏览

0评论

vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新

今天写项目的时候遇到了歌手排序的问题，联想到了我们平时的手机通讯录侧栏字母排序，按照ABCDE这样的顺序对名字进行排序。我们先来看看效果
那就用vue来实现一遍首先新建一个v...

2020-05-27

62浏览

0评论

JQuery样式操作、click事件以及索引值-选项卡应用示例

本文实例讲述了JQuery样式操作、click事件以及索引值-选项卡应用。分享给大家供大家参考，具体如下：JQuery的css函数既能读属性值，也能写属性值：<!DOCTYPE html><html lang="en">...

2020-05-27

59浏览

0评论

Vue表单之v-model绑定下拉列表功能

vue要绑定下拉列表会稍微有点不同。因为下拉列表不是一个标签能搞掂的。原生的html写法如下<select> <option value="Vue.js">Vue.js</option> <option value="React.js">Re...

2020-05-27

48浏览

0评论

jquery实现选项卡切换代码实例

选项卡在网页中很常见，可以说是必备的一个元素了，网上其实也有很多案例讲解选项卡的做法，各种炫酷。
写这篇文章，就是记录下自己的一个练手Demo了。两张简陋的图。主要逻辑就在...

2020-05-27

49浏览

0评论

微信小程序的线程架构【推荐】

小程序的线程架构每个小程序包含一个描述整体程序的app实例和多个描述页面的page。其中app由3个文件构成：app.json 公共配置文件app.wxss 公共样式文件app.js 主体逻辑文件pa...

2020-05-27

45浏览

0评论

JQuery animate动画应用示例

本文实例讲述了JQuery animate动画。分享给大家供大家参考，具体如下：滑动选项卡<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <st...

2020-05-27

热门文章