JavaScript - 教程之家

67浏览

0评论

vue+SSM实现验证码功能

源码：https://github.com/HannahLihui/StudentManager-SSM/tree/master/SSM-git/StudentManager-SSM-master1.前端有一个img引入，这里this.src=this.src+'?'就会调用映射...

2020-05-27

65浏览

0评论

JavaScript时间与时间戳的转换操作实例分析

本文实例讲述了JavaScript时间与时间戳的转换操作。分享给大家供大家参考，具体如下：一、时间转时间戳：javascript获得时间戳的方法有五种，都是通过实例化时间对象 new Date() 来...

2020-05-27

70浏览

0评论

如何手动实现es5中的bind方法详解

前言
this的指向在javascript中一直是个谜一样的存在，但是很多地方又会用到this，所以理解和使用this非常重要，关于this的理解这篇文章不做介绍，因为这篇的目的是改变this的指向...

2020-05-27

102浏览

0评论

React 使用recharts实现散点地图的示例代码

一、前端框架react+ant design UI
二、首先安装rechartsnpm install recharts或者
yarn add recharts三、引入插件及chinaJSON.js（里面有经纬度信息）
由于项目需要我是全部存...

2020-05-27

58浏览

0评论

JavaScript this绑定过程深入详解

本文实例形式详细分析了JavaScript this绑定过程。分享给大家供大家参考，具体如下：在理解this 的绑定过程之前，首先要理解调用位置：调用位置就是函数在代码中被调用的位置（而不是...

2020-05-27

65浏览

0评论

ES6的Fetch异步请求的实现方法

在前端的快速发展中，为了契合更好的设计模式，产生了Fetch框架，Fetch返回的信息比XMLHttpRequest更丰富。但它目前还不是一个标准，它支持大部分常用的http 请求和响应的标准。一....

2020-05-27

88浏览

0评论

jQuery时间戳和日期相互转换操作示例

本文实例讲述了jQuery时间戳和日期相互转换操作。分享给大家供大家参考，具体如下：网上找的很多都没都是这样显示的2017-8-7 3:5:3 自己搜索改下了一下加了0这样显示 2017-08-0...

2020-05-27

87浏览

0评论

JS实现的小火箭发射动画效果示例

本文实例讲述了JS实现的小火箭发射动画效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>小火箭发射</title>...

2020-05-27

68浏览

0评论

原生JS实现的放大镜特效示例【测试可用】

本文实例讲述了原生JS实现的放大镜特效。分享给大家供大家参考，具体如下：最近在做ecshop的二次开发，遇到一些jquery插件与ecshop的冲突，调整冲突的需要修改的地方又太多，修改起来...

2020-05-27

70浏览

0评论

JS数组去重的6种方法完整实例

本文实例讲述了JS数组去重的6种方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>www.freexyz.cn 数组去重</title>...

2020-05-27

36浏览

0评论

基于Vue-Cli 打包自动生成/抽离相关配置文件的实现方法

背景•基于Vue-cli 项目产品部署，涉及到的交互的地址等配置信息，每次都要重新打包才能生效，极大的降低了效率。我们的目的是让项目实施的小伙伴重新快乐起来。网上实现的...

2020-05-27

70浏览

0评论

vue打包之后生成一个配置文件修改接口的方法

前言：我们的vue代码打包上传到服务器之后，要是数据接口以后换了域名什么的，是不是需要重新去vue文件里修改接口。能不能生成一个配置文件，里面可以配置域名或其它什么字段之类...

2020-05-27

48浏览

0评论

关于Vue Router中路由守卫的应用及在全局导航守卫中检查元字段的方法

#在切换路由时，组件会被复用，不过，这也意味着组件的生命周期钩子不会再被调用。　　　解决办法有两种，1简单地 watch (监测变化) $route 对象：const User = { template: '...',...

2020-05-27

56浏览

0评论

vue form check 表单验证的实现代码

vue-form-check （基于vue的表单验证）具体实现代码如下所述：安装// 安装npm i vue-form-check -S引用// 引用(eg. 在工程的main.js下)import vueFormCheck from 'vue-form-chec...

2020-05-27

75浏览

0评论

Vue源码中要const _toStr = Object.prototype.toString的原因分析

在vue的源码中，vue/src/shared/util.js文件中存放的是一些方法。其中作者用了Object.prototype.toString这个方法来判断类型，但是并没有直接用，而是单独保存在一个变量：
const _...

2020-05-27

54浏览

0评论

Bootstrap 按钮样式与使用代码详解

1. 可用于<a>, <button>, 或 <input> 元素的按钮样式按钮样式使用：<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><tit...

2020-05-27

69浏览

0评论

Bootstrap 实现表格样式、表单布局的实例代码

1. 表格的一些样式举例：<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>My Test bootstrap</title> <link rel=...

2020-05-27

70浏览

0评论

vue的.vue文件是怎么run起来的(vue-loader)

引子：vue的.vue文件是怎么跑起来的？　　　答：通过vue-loader，解析.vue文件，在webpack解析，拆解vue组件1、vue-loader做了什么？vue-loader是一个webpack加载器，这是vue组件的格式：<tem...

2020-05-27

65浏览

0评论

vue中将html字符串转换成html后遇到的问题小结

今天整理之前做vue项目时遇到的一些问题，发现了当时遇到的一个很小但是又会引出很多问题的一个问题（总之就是很有意思，听我慢慢给你到来），这个问题就是当时处理后端数据时，如何将...

2020-05-27

70浏览

0评论

es6基础学习之解构赋值

前言es6的语法已经出了很长的时间了，在使用上也可以通过babel这类的编译工具转译为浏览器可以识别的es5的语法，但是依旧有很多开发在写代码的时候，依旧没有用es6的语法，而是习惯...

2020-05-27

58浏览

0评论

深入理解Vue.js轻量高效的前端组件化方案

Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统。在前端纷繁复杂的生态中，Vue.js有幸受到一定程度的关注，目前在GitHub上已经有5000+的star。本文将从各方面对Vue.js...

2020-05-27

73浏览

0评论

详解为生产环境编译Angular2应用的方法

Angular 2 已经发布了 2.1.2 版本，相信很多人已经在使用（试用）了，相比 AngularJS 1.x ， Angular 2 在性能上有了长足的进步，同时 Angular 2 也变得非常的庞大，动辄几兆的脚本，...

2020-05-27

56浏览

0评论

BootStrap模态框闪退问题实例代码详解

模态框闪退到你还看不到模态框的内容呢，就屏幕灰了一下就是代码如下 <div class="container-fluid"> <form class="navbar-form navbar-center" role="Sea...

2020-05-27

58浏览

0评论

webpack优化的深入理解

前言由于前端的快速发展，相关工具的发展速度也是相当迅猛，各大框架例如vue,react都有自己优秀的脚手架工具来帮助我们快速启动一个新项目，也正式因为这个原因，我们对于脚手架中...

2020-05-27

73浏览

0评论

发布Angular应用至生产环境的方法

两年前，写过一篇使用rollup 来为生产环境编译 Angular 2 应用的文章，因为当时还没有 angular-cli 项目。而如今 Angular 已经到了 7.x 版本，对应的工具也是非常的完善，也...

2020-05-27

72浏览

0评论

JQuery Ajax执行跨域请求数据的解决方案

今天前端因为需要ajax调用两个不同的项目，请求域不一样，所以涉及ajax跨域的问题，其实很简单，具体如下原来的ajax请求如下：$.ajax({ type:"post", url:platformUrl +"/security/m...

2020-05-27

80浏览

0评论

引入外部js脚本加载慢与页面白屏问题的解决

问题背景最近做的一个项目需要引入一个外部的第三方js脚本。由于这是一个关于渲染3D建筑的脚本，所以体积比较大，大概有2M，加载完成也得要个好几秒，网速慢的时候十几秒都有可能。...

2020-05-27

91浏览

0评论

微信小程序与后台PHP交互的方法实例分析

本文实例讲述了微信小程序与后台PHP交互的方法。分享给大家供大家参考，具体如下：接下来将讲后台如何与前台进行数据及图片之间的交互，相信这一点是很多人所关注的，因为当时我实...

2020-05-27

66浏览

0评论

jQuery+css last-child实现选择最后一个子元素操作示例

本文实例讲述了jQuery+css last-child实现选择最后一个子元素操作。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http:/...

2020-05-27

60浏览

0评论

详解Angular Forms中自定义ngModel绑定值的方式

在 Angular 应用中，我们有两种方式来实现表单绑定——“模板驱动表单”与“响应式表单”。这两种方式通常能够很好的处理大部分的情况，但是对于一些特殊的表单控件，例如 input[...

2020-05-27

90浏览

0评论

jQuery选择器选中最后一个元素，倒数第二个元素操作示例

本文实例讲述了jQuery选择器选中最后一个元素，倒数第二个元素操作。分享给大家供大家参考，具体如下：HTML部分：<div> <p>元素1</p> <p>元素2</p> <p>元素3</p> <p>元素4</p>...

2020-05-27

108浏览

0评论

微信小程序分享海报生成的实现方法

为了吸引更多的用户，设计好一个分享海报还是很有必要的。而小程序要生成一个海报还是有点坑的，下面分享下我们打卡小程序的一些经验。分享海报的效果图如下：制作要求：海报以弹...

2020-05-27

66浏览

0评论

JS选取DOM元素常见操作方法实例分析

本文实例讲述了JS选取DOM元素常见操作方法。分享给大家供大家参考，具体如下：JS选取DOM元素的方法注意：原生JS选取DOM元素比使用jQuery类库选取要快很多1、通过ID选取元素docume...

2020-05-27

75浏览

0评论

express 项目分层实践详解

前言上次我们搭建了一个基本的 express 后台，但是这样的项目结构的可扩展性，维护性和代码复用性都不是很好，参照之前学习 JavaWeb 时候的四层架构设计，用分层的思想来对 express...

2020-05-27

119浏览

0评论

JavaScript对象拷贝与赋值操作实例分析

本文实例讲述了JavaScript对象拷贝与赋值操作。分享给大家供大家参考，具体如下：今天在做公司面试题的时候，遇到了一道关于JavaScript之对象拷贝与赋值的问题，突然觉得很有意义，想...

2020-05-27

99浏览

0评论

vue 基于element-ui 分页组件封装的实例代码

具体代码如下所示：
<template> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :page-sizes="[10, 20, 30, 40]" :page-size="page...

2020-05-27

77浏览

0评论

Vue.js子组件向父组件通信的方法实例代码详解

一、场景描述：曾经有个电商项目，其中有个“老带新”模块，而且该模块新增的入口很多，但是新增后展示效果还不一样，当时就考虑将新增的组件单独拿出来，其实就是一个子组件向父组同步...

2020-05-27

76浏览

0评论

vue路由前进后退动画效果的实现代码

vue-route-transition
vue router 切换动画特性模拟前进后退动画基于css3流畅动画基于sessionStorage，页面刷新不影响路由记录路由懒加载，返回可记录滚动条位置前进...

2020-05-27

89浏览

0评论

PM2自动部署代码步骤流程总结

公司的项目需要自动部署到服务器上，在网上查询后，发现PM2自带的发布程序可以自动部署并运行。0x01 环境条件本地环境：window10的WSL ubuntu16.04
服务器环境：ubuntu18.04
使用PM...

2020-05-27

55浏览

0评论

微信小程序实现动态获取元素宽高的方法分析

本文实例讲述了微信小程序实现动态获取元素宽高的方法。分享给大家供大家参考，具体如下：我以前一直以为微信小程序不能动态获取view元素的宽高。但是自从看到： wx.createSelect...

2020-05-27

91浏览

0评论

JQuery实现ajax请求的示例和注意事项

最近很多人问我ajax该怎么用，怎么访问后台，怎么取得数据页面显示写一个简单的ajax访问：$.ajax({ url: ctx +"/meeting/getMeetingRoomMap", //请求后台地址 type:"get", /...

2020-05-27

77浏览

0评论

vue+Element-ui实现分页效果实例代码详解

当我们向后台请求大量数据的时候，并要在页面展示出来，请求的数据可能上百条数据或者更多的时候，并不想在一个页面展示，这就需要使用分页功能来去完成了。1.本次所使用的是vue2.0...

2020-05-27

79浏览

0评论

移动端如何用下拉刷新的方式实现上拉加载

实现上拉加载最普遍的方式就是监听滚动条的滚动事件，而移动端的下拉刷新利用的是transform属性来进行位移，那用下拉刷新的方式实现上拉加载怎么样?html结构
<div class="m...

2020-05-27

61浏览

0评论

vue刷新页面时去闪烁提升用户体验效果的实现方法

首先在最外层div添加v-if="isReloadAlive"，并创建变量isReloadAlive = true随后添加provide()以及reload方法，如下：export default { provide() { return { reload: this.rel...

2020-05-27

67浏览

0评论

JS中使用new Option()实现时间联动效果

1、基础准备：　　先来了解下，如何运用js实现select动态添加option。//1.动态创建selectfunction createSelect(){ var mySelect = document.createElement("select"); mySel...

2020-05-27

74浏览

0评论

实现Vue的markdown文档可以在线运行的方法示例

markdown 文档中Vue代码可执行啦，而且可以边看边执行。这样就可以用markdown文档的形式，写自己的Vue博客了，可以方便介绍自己的原创组件，很酷的执行。Github
https://github.c...

2020-05-27

68浏览

0评论

利用jsonp解决js读取本地json跨域的问题

前言本文主要给大家介绍了关于使用jsonp解决js读取本地json跨域的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧一、问题描述
通过ajax方式读取本...

2020-05-27

67浏览

0评论

jQuery实现数字自动增加或者减少的动画效果示例

本文实例讲述了jQuery实现数字自动增加或者减少的动画效果。分享给大家供大家参考，具体如下：效果图：1.HTML：<div class="up"></div><br><div class="down"></div>2.JS：$(function...

2020-05-27

73浏览

0评论

详解react阻止无效重渲染的多种方式

在开发React组件的过程中，我们经常会遇到这个问题：什么情况下组件会重新渲染？当内部data发生改变，state发生改变(通过调用this.setState()) 以及父组件传过来的props发生改变时，...

2020-05-27

56浏览

0评论

jQuery实现的模仿雨滴下落动画效果

本文实例讲述了jQuery实现的模仿雨滴下落动画效果。分享给大家供大家参考，具体如下：效果如图：实现思路：定时器每隔x秒生成宽高、下落速度（即动画执行时间）、left随机的div。1.CSS...

2020-05-27

热门文章