JavaScript - 教程之家

42浏览

0评论

jQuery实现的简单获取索引功能示例

本文实例讲述了jQuery实现的简单获取索引功能。分享给大家供大家参考，具体如下：<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" con...

2020-05-27

71浏览

0评论

详解Webpack + ES6 最新环境搭建与配置

一，准备工作1.下载node.js 和 npm2.将镜像源替换为淘宝镜像二，创建目录及安装webpack创建项目在命令行中输入 npm init -y我们看到了项目中多了一个package.json文件，它定义了...

2020-05-27

80浏览

0评论

js如何找出字符串中的最长回文串

本文实例为大家分享了js找出字符串中的最长回文串的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatib...

2020-05-27

67浏览

0评论

jQuery实现常见的隐藏与展示列表效果示例

本文实例讲述了jQuery实现常见的隐藏与展示列表效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible...

2020-05-27

74浏览

0评论

jQuery实现的滑块滑动导航效果示例

本文实例讲述了jQuery实现的滑块滑动导航效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn jquer...

2020-05-27

59浏览

0评论

vue使用技巧及vue项目中遇到的问题

这里给大家分享一下vue中的一些技巧，希望对大家有用处。（话不多说上代码）1，vue路由拦截浏览器后退实现表单保存类似需求（为了防止用户突然离开，没有保存已输入的信息。）//在路由组...

2020-05-27

90浏览

0评论

vue2.0 自定义组件的方法（vue组件的封装）

一、前言之前的博客聊过 vue2.0和react的技术选型；聊过vue的axios封装和vuex使用。今天简单聊聊 vue 组件的封装。vue 的ui框架现在是很多的，但是鉴于移动设备的复杂性，兼容性...

2020-05-27

60浏览

0评论

jQuery实现的简单对话框拖动功能示例

本文实例讲述了jQuery实现的简单对话框拖动功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" co...

2020-05-27

67浏览

0评论

Vue多系统切换实现方案

前言
公司分好几个后台模块，统一使用vue+elementUi框架开发，每一个后台模块都是单独团队开发的。并且几个系统整体的风格、布局一样的，包括左侧边栏，上方的面包屑等
用户在使用...

2020-05-27

63浏览

0评论

Vue项目中跨域问题解决方案

方法后台更改header 使用http-proxy-middleware 代理解决（项目使用vue-cli脚手架搭建） Jquery jsonp后台更改headerheader('Access-Control-Allow-Origin:*');//允许所有...

2020-05-27

59浏览

0评论

Node错误处理笔记之挖坑系列教程

前言前段时间要在项目中加上日志的上报，顺势了解了下怎么在node中完善错误信息的收集。下面话不多说了，来一起看看详细的介绍吧01 Error JS 中的 Error 对象，包含了错误的具体...

2020-05-27

66浏览

0评论

JavaScript实现读取与输出XML文件数据的方法示例

本文实例讲述了JavaScript实现读取与输出XML文件数据的方法。分享给大家供大家参考，具体如下：一、介绍通过JavaScript读取XML文档中数据的方法很多。其根本的思路就是：首先在后...

2020-05-27

103浏览

0评论

JS非行间样式获取函数的实例代码

行间样式：元素内部用style定义的样式，如:<div style="width:200px;"></div>非行间样式：在<style></style>内通过css定义的样式先看一段出问题的代码
<!DOCTYPE html> <html>...

2020-05-27

58浏览

0评论

Js中将Long转换成日期格式的实现方法

主要用于将数据库中日期用long表示，转换成YYYY-MM-DD格式或YYYY-MM-DD HH:mm:ss格式若显示为YYYY-MM-DD HH:mm:ss格式，调用如下方法：datetimeFormat(longTypeDate); 若显示为YY...

2020-05-27

72浏览

0评论

如何使node也支持从url加载一个module详解

前言最近两天 ry 大神的 deno 火了一把。作为 node 项目的发起人，现在又基于 go 重新写了一个类似 node 的项目命名为 deno，引发了大家的强烈关注。在 deno 项目 readme 的开...

2020-05-27

57浏览

0评论

vue.js将时间戳转化为日期格式的实现代码

看看下面的代码吧，具体代码如下所示：export function formatDate (date, fmt) {...

2020-05-27

156浏览

0评论

微信小程序实现城市列表选择

本文实例为大家分享了小程序实现城市列表选择的具体代码，供大家参考，具体内容如下实现效果预览实现功能简介城市的选择按中文/拼音/首字母条件搜索按首字字母快速定位...

2020-05-27

59浏览

0评论

React.js绑定this的5种方法(小结)

this在javascript中已经相当灵活，把它放到React中给我们的选择就更加困惑了。下面一起来看看React this的5种绑定方法。
1.使用React.createClass
如果你使用的是React 15及...

2020-05-27

58浏览

0评论

详解封装基础的angular4的request请求方法

为什么要封装呢？
angular4自身提供的请求方法是用Observable来实现的。用的是观察者模式，个人认为这用来写请求是非常方便的。一个项目里会有非常多的不同的请求，但是其实每个...

2020-05-27

52浏览

0评论

jQuery实现百度图片移入移出内容提示框上下左右移动的效果

闲来无聊，看到百度图片hover的时候提示框的效果，遂想试一试自己能否实现。百度图片hover的效果：需求：　　1. 当鼠标从图片上部移入的时候，提示框从上部移到正常位置。从上部移出...

2020-05-27

82浏览

0评论

微信小程序仿美团城市选择

本文实例为大家分享了微信小程序城市选择器，供大家参考，具体内容如下
代码很简单.var city = require('../../utils/city.js');var app = getApp()Page({ data: { searchLette...

2020-05-27

54浏览

0评论

Express本地测试HTTPS的示例代码

我的环境亚马逊(AWS)的一个ubuntu虚拟机. node openssl生成证书
输入如下命令会在你的当前文件夹生成localhost.key和localhost.cert.openssl genrsa -out localhost.ke...

2020-05-27

63浏览

0评论

vue左右侧联动滚动的实现代码

本文介绍了vue左右侧联动滚动的实现代码，分享给大家，具体如下：实现功能: 点击左侧,右侧滚动到相应位置, 滚动右侧, 左侧滚动到相应位置布局结构:开源滚动库:better-scroll.js...

2020-05-27

78浏览

0评论

vue脚手架搭建过程图解

vue脚手架是个好东西，能够快速搭建vue单页面应用，vue是基于node环境的，所以要先安装node,去官网下载安装就可以。进入某个文件夹的命令为：
查看node版本：
搭建步骤为：
出现下图说...

2020-05-27

65浏览

0评论

vue element项目引入icon图标的方法

为了减少页面的加载速度,提高用户体验,对于一些图片决定使用图标代替,但是发现element-ui的图标少得可怜,完全满足不了我的要求,于是决定在element-ui的项目里引入第三方的...

2020-05-27

48浏览

0评论

详解express + mock让前后台并行开发

在我们平时项目刚启动时，由于后台也是刚开始开发，我们前端往往在开发过程中没有数据和接口请求的，都要造一些假数据进去或者使用mock造一些数据进去，但是这样的话往往会偶合一些...

2020-05-27

70浏览

0评论

微信小程序实现美团菜单

本文实例为大家分享了微信小程序实现美团菜单的具体代码，供大家参考，具体内容如下1.功能仅是菜单功能一部分，仅供参考
2.需求描述：右侧菜品部分在滚动的时候，左侧菜品选中分类与...

2020-05-27

59浏览

0评论

vue组件实现可搜索下拉框扩展

本文实例为大家分享了vue组件实现可搜索下拉框的具体代码，供大家参考，具体内容如下一、效果...

2020-05-27

96浏览

0评论

Express的HTTP重定向到HTTPS的方法

我本地测试时, HTTP使用3000端口, HTTPS使用443.同时监听HTTP和HTTPS参考上一篇文章Express本地测试HTTPS 转发所有GET请求
httpApp.get("*", (req, res, next) => { let h...

2020-05-27

39浏览

0评论

vue组件实现进度条效果

本文实例为大家分享了vue实现进度条效果的具体代码，供大家参考，具体内容如下一、效果图
二、代码
progress-bar.vue<template> <div class="vue-progress-bar default-theme...

2020-05-27

72浏览

0评论

详解创建自定义的Angular Schematics

本文对 Angular Schematics 进行了介绍，并创建了一个用于创建自定义 Component 的 Schematics ，然后在 Angular 项目中以它为模板演练了通过 Schematics 添加自定义的 Compone...

2020-05-27

55浏览

0评论

深入浅析Vue中的 computed 和 watch

computed 计算属性：通过属性计算得来的属性计算属性,是在相关联的属性发生变化才计算，计算过一次，如果相关属性没有变化，下一次就不需要计算了，直接去缓存的值a:<input type=...

2020-05-27

46浏览

0评论

基于vue实现可搜索下拉框定制组件

实践加深对vue的理解和运用有效途径，本文是基于vue的可搜索下拉框定制组件实现，在此记录.一、效果二、组件代码dropdown.vue<template> <div class="vue-dropdown default-th...

2020-05-27

79浏览

0评论

Vue ElementUi同时校验多个表单(巧用new promise)

前言有ABCD四个表单，提交的时候同时校验(是的，后台管理系统的需求就是这样)，巧用new promise。实现的方法有很多种，我讲下自己觉得比较优雅的方式，欢迎各位大大的指正哈。代码let...

2020-05-27

84浏览

0评论

security.js实现的RSA加密功能示例

本文实例讲述了security.js实现的RSA加密功能。分享给大家供大家参考，具体如下：在项目中遇到要对用户输入的密码进行RSA加密的需求，总结一下实现过程：<html><head><meta charset...

2020-05-27

66浏览

0评论

vue实现简单loading进度条

刚学习vue不久，今天试着用vue做了一个简单的loading进度条，对于vue的生命周期和钩子函数又有了新的理解，下面分享给大家，绝对入门级。一、进度条原理这个就很简单了，也是我们经常...

2020-05-27

104浏览

0评论

vue2.0实现音乐/视频播放进度条组件

基于vue2.0实现音乐/视频播放进度条组件的方法及代码解释，具体内容如下需求分析：①：进度条随着歌曲的播放延长，歌曲播放完时长度等于黑色总进度条长度；时间实时更新。②：当滑动按...

2020-05-27

56浏览

0评论

vue+axios新手实践实现登陆的示例代码

其实像这类的文章网上已经有很多很好的,写这篇文章，相当于是做个笔记，以防以后忘记
用到的：1、 vuex 2、axios 3、vue-route登陆流程为： 1、提交登陆表单，拿到后台返回的数据2、...

2020-05-27

77浏览

0评论

js数组去重的N种方法(小结)

对于数组去重我们有n种方法可以实现。es5实现方法for循环+indexOffunction unique(arr) { var uniqueArr = [], len = arr.length for (var i = 0; i < len; i++) { i...

2020-05-27

57浏览

0评论

vue.js实现标签页切换效果

第二个实例是关于标签页切换的，先看一下效果：这也是一个很常见的交互效果，以往正常的javascript写法是给各个按钮绑定事件来切换不同的层，当然也可以用纯css写，给上面的三个切换...

2020-05-27

67浏览

0评论

详解create-react-app 自定义 eslint 配置

使用eslint和editorconfig规范代码为什么要用这些：代码规范有利于团队协作纯手工规范耗时耗力而且不能保证准确性能配合编辑器自动提醒错误，提高开发效率eslint随着ECMA...

2020-05-27

71浏览

0评论

JavaScript 正则命名分组【推荐】

前言
以往我们只是习惯于通过数组下标来访问正则匹配到的分组，但分组达到4、5个时，标识起来就会非常麻烦。V8早已实现了正则命名分组提案，只是我们很少使用，本文将介绍JS的正则...

2020-05-27

89浏览

0评论

vue translate peoject实现在线翻译功能【新手必看】

开始这是一适合新手练习的小项目，一个在线翻译的demo。在正式开始前，先啰嗦一下，是一位网友给我的建议，就是不要强行组件化的问题开始做Vue时我们可能会喜欢拆很多组件出来但...

2020-05-27

54浏览

0评论

vue better scroll 无法滚动的解决方法

使用vue+better scroll
今天实现切换用户后查询用户订单列表的一个功能，在实例化betterscroll时，因为有的用户没有订单，切换用户后会出现订单列表无法滚动的问题。先放代码：<!--...

2020-05-27

57浏览

0评论

浅谈PDF.js使用心得

一次在开发微信预览保单的时候所使用到的，由于安卓手机浏览器不支持解析PDF，所以才用了PDF.js来解析PDF并展示。pdf.js 是一个技术原型主要用于在 HTML5 平台上展示 PDF 文档，...

2020-05-27

64浏览

0评论

AngularJS 前台分页实现的示例代码

考评员查询，因为整体的数据量比较小，所以我们可以将分页放到前台进行处理。其实分页的原理也很简单，我们根据分页选择的页码数和每页数据条数决定当前显示的是数组中的第多少项...

2020-05-27

82浏览

0评论

JavaScript深拷贝和浅拷贝概念与用法实例分析

本文实例讲述了JavaScript深拷贝和浅拷贝概念与用法。分享给大家供大家参考，具体如下：js中的浅拷贝和深拷贝，只是针对复杂数据类型(Objcet，Array)的复制问题。简单来讲浅拷贝和...

2020-05-27

46浏览

0评论

Angular5中调用第三方库及jQuery的添加的方法

package.json这个文件列出了项目所使用的第三方依赖包。我们在创建新项目的时候默认会给我们下载一些包，这些是Angular自带的，存放在node_modules目录中。需要注意的是：
packa...

2020-05-27

56浏览

0评论

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

本文实例分析了JavaScript事件委托原理与用法。分享给大家供大家参考，具体如下：在日常中，我们可能会听到事件委托这样的概念，有些同学可能对事件委托已经很了解了，也有些同学可能...

2020-05-27

41浏览

0评论

JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法

本文实例讲述了JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法。分享给大家供大家参考，具体如下：最近项目中遇到了在同一DOM元素上需要添加 onclick 和 ondbl...

2020-05-27

热门文章