JavaScript - 教程之家

67浏览

0评论

js JSON.stringify()基础详解

JSON.stringify() 方法是将一个JavaScript值(对象或者数组)转换为一个 JSON字符串，如果指定了replacer是一个函数，则可以选择性的替换值，或者如果指定了replacer是一个数组，可选...

2020-05-27

96浏览

0评论

如何在微信小程序中实现Mixins方案

前言在原生开发小程序的过程中，发现有多个页面都使用了几乎完全一样的逻辑。由于小程序官方并没有提供 Mixins 这种代码复用机制，所以只能采用非常不优雅的复制粘贴的方式去“...

2020-05-27

62浏览

0评论

JS去除字符串最后的逗号实例分析【四种方法】

本文实例讲述了JS去除字符串最后的逗号。分享给大家供大家参考，具体如下：<script> window.onload=function() { var obj = {name: "xxx", age: 30, sex: "female"};//定义一...

2020-05-27

61浏览

0评论

express如何解决ajax跨域访问session失效问题详解

前言最近在学习express，就用以前做的项目来进行express前后端分离的练手了，在做登陆注册的时候发现跨域的时候，session的值是会失效的，导致session里面的数据获取为undefined，网...

2020-05-27

74浏览

0评论

npm的lock机制解析

npm是什么
npm是一个包管理工具，开源作者可以把开源包发布在平台上供其他人下载使用。前端的同学基本都使用过npm，这里就不做过多介绍。日常工作中npm的主要用途就是根据项目...

2020-05-27

41浏览

0评论

JavaScript命名空间模式实例详解

本文实例讲述了JavaScript命名空间模式。分享给大家供大家参考，具体如下：前言命名空间可以被认为是唯一标识符下代码的逻辑分组。为什么会出现命名空间这一概念呢？因为可用的单...

2020-05-27

282浏览

0评论

Vue 动态添加路由及生成菜单的方法示例

写后台管理系统，估计有不少人遇过这样的需求：根据后台数据动态添加路由和菜单。为什么这么做呢？因为不同的用户有不同的权限，能访问的页面是不一样的。在网上找了好多资料，终于想...

2020-05-27

59浏览

0评论

JavaScrip数组去重操作实例小结

本文实例讲述了JavaScrip数组去重操作。分享给大家供大家参考，具体如下：内置的for-of方法<script>var arr=[2,1,1,3,'','','e','e',true,'true',true,false,false,'false',und...

2020-05-27

76浏览

0评论

node基于async/await对mysql进行封装

前言
node是基于异步的，因此在进行数据库查询操作的通常是通过回调来操作查询结果。但是在有了es7的async/await，基本不再需要回调了，所以本篇是基于async/await对mysql进行一...

2020-05-27

64浏览

0评论

javascript获取select值的方法完整实例

本文实例讲述了javascript获取select值的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn javas...

2020-05-27

57浏览

0评论

jQuery实现文本显示一段时间后隐藏的方法分析

本文实例讲述了jQuery实现文本显示一段时间后隐藏的方法。分享给大家供大家参考，具体如下：点击button时，提示信息显示，8秒后，信息隐藏。<input id="place_order" name="place_ord...

2020-05-27

60浏览

0评论

Vue 页面权限控制和登陆验证功能的实例代码

页面权限控制页面权限控制是什么意思呢？就是一个网站有不同的角色，比如管理员和普通用户，要求不同的角色能访问的页面是不一样的。如果一个页面，有角色越权访问，这时就得做出限制...

2020-05-27

53浏览

0评论

JS实现的简单tab切换功能完整示例

本文实例讲述了JS实现的简单tab切换功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn tab切换</t...

2020-05-27

66浏览

0评论

javascript实现5秒倒计时并跳转功能

本文实例为大家分享了js实现5秒倒计时并跳转功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>倒计时五秒</title> <scri...

2020-05-27

180浏览

0评论

vue实现绑定事件的方法实例代码详解

一、前言 vuejs中的事件绑定，使用<v-on:事件名 = 函数名>来完成的，这里函数名是定义在Vue实例中的methods对象中的，Vue实例可以直接访问其中的方法。二、事件绑定方式1、直接...

2020-05-27

81浏览

0评论

js实现页面多个日期时间倒计时效果

js的日期倒计时在日常项目中还是比较常用的，活动、拼团功能最为常见，先分析最要是处理好日期函数，然后一个页面上有多个倒计时情况下的方法；来，先看下拼多多的拼单倒计时的效果...

2020-05-27

44浏览

0评论

Vue 2.0 中依赖注入 provide/inject组合实战

用法--------------------------------------------------------------------------------先来看看官网的介绍:简单的说，当组件的引入层次过多，我们的子孙组件想要获取祖先组...

2020-05-27

67浏览

0评论

Vue监听页面刷新和关闭功能

我在做项目的时候，有一个需求，在离开（跳转或者关闭）购物车页面或者刷新购物车页面的时候向服务器提交一次购物车商品数量的变化。将提交的一步操作放到 beforeDestroy 钩子函数...

2020-05-27

54浏览

0评论

微信小程序实现订单倒计时

本文实例为大家分享了微信小程序实现订单倒计时的具体代码，供大家参考，具体内容如下之前在做一个有拼团功能项目的时候遇到过倒计时的问题，由于当时技术不熟在这方面耽搁了好些...

2020-05-27

74浏览

0评论

微信小程序实现批量倒计时功能

本文实例为大家分享了微信小程序实现批量倒计时的具体代码，供大家参考，具体内容如下//适用于商品列表倒计时/** * end_time int 结束时间 * param int 数组键 */1.展示效果如...

2020-05-27

51浏览

0评论

微信小程序实现商城倒计时

本文实例为大家分享了微信小程序实现商城倒计时的具体代码，供大家参考，具体内容如下index.html：<view class="countDownTimeView pull-left countDownAllView text-left"> <...

2020-05-27

66浏览

0评论

微信小程序实现日期格式化和倒计时

本文实例为大家分享了微信小程序实现日期格式化和倒计时的具体代码，供大家参考，具体内容如下首先看看日期怎么格式化第一种：Date.prototype.Format = function (fmt) { //autho...

2020-05-27

77浏览

0评论

微信小程序动态显示项目倒计时

本文实例为大家分享了微信小程序动态显示项目倒计时的具体代码，供大家参考，具体内容如下1、展示的效果如下2、wxml代码：<text wx:if="{{clock!=''}}">仅剩{{cloc...

2020-05-27

71浏览

0评论

Vue.js中的extend绑定节点并显示的方法

在使用Vue.js时，可以使用Vue.extend()方法创建一个子类，传入参数包含了一个对象。其中，在extend中的data和vue实例化对象中的data写法不一样。下面利用实例说明，操作如下：第一步，...

2020-05-27

54浏览

0评论

jQuery事件委托代码实践详解

javascript的事件模型，采用"冒泡"模式，子元素的事件会逐级向上"冒泡"，成为父元素的事件。在需要为较多的元素绑定事件时应该使用事件委托 event delegationjavascript事件传播...

2020-05-27

59浏览

0评论

基于jQuery的时间戳与日期间的转化

本文实例为大家分享了jQuery时间戳与日期间的转化代码，供大家参考，具体内容如下背景：需求如图：直接上代码，所有的内容都在注释里：/** * 格式化时间：补0操作 * */function suppleme...

2020-05-27

63浏览

0评论

react+redux仿微信聊天界面

一、项目概况基于react+react-dom+react-router-dom+redux+react-redux+webpack2.0+react-photoswipe+swiper等技术混合开发的手机端仿微信界面聊天室——reactChatRoom，实现...

2020-05-27

59浏览

0评论

使用express来代理服务的方法

nodejs和nginx都可以反向代理，解决跨域问题。本地服务
const express = require('express')const app = express()//如果它在最前面，后面的/开头的都会被拦截app.get('/', (re...

2020-05-27

57浏览

0评论

NodeJs 模仿SIP话机注册的方法

本项目需要对应的后端接口、信令环境才能正常运行，本文章只涉及前端内容。项目依赖模块： NodeJs readline：命令行输入 ws：与服务端建立websocket连接 superagent：与服务端建...

2020-05-27

62浏览

0评论

微信小程序实现卡片层叠滑动效果

本文实例为大家分享了微信小程序之卡片层叠滑动效果的具体代码，供大家参考，具体内容如下代码：js：// index/gun/jsSwiper2/jsSwiper2.jsPage({ /** * 页面的初始数据 */ data: {...

2020-05-27

107浏览

0评论

Vue多环境代理配置方法思路详解

背景：多人协作模式下，修改代理比较麻烦，而且很容易某个开发人员会修改了vue.config.js文件后提交了。第一，很容易引起冲突。第二，很容易出现代理错误，需要排查。而且现在微服务盛...

2020-05-27

69浏览

0评论

详解Webpack如何引入CDN链接来优化编译后的体积

背景
在 Vue 项目中，引入到工程中的所有 js 文件，编译时都会被打包进 vendor.js，也就导致了 vendor.js 文件体积变得相当臃肿，一定程度上影响着页面的渲染。为了减少编译后的体...

2020-05-27

116浏览

0评论

微信小程序自定义多列选择器使用详解

一、预览微信小程序在自带的表单组件中加入了选择器picker，并给出了常用的时间和省市区三级联动选择器，但日常开发中不可能仅仅使用这些选择器，所以我们在学习时先写一个常见的...

2020-05-27

71浏览

0评论

vue配置文件实现代理v2版本的方法

vue实现不同服务器代理，接上篇，虽然可实现多版本代理，但是每增加一种模式就需要重下新修改vue.config.js以及.env.dev.local，感觉很不智能，扩展性挺差。主要实现思路：模仿vue中.e...

2020-05-27

61浏览

0评论

Ajax请求时无法重定向的问题解决代码详解

前言今天发现，当使用Ajax请求时，如果后台进行重定向到其他页面时是无法成功的，只能在浏览器地址栏输入才能够实现重定向。Ajax默认就是不支持重定向的，它是局部刷新，不重新加载页...

2020-05-27

58浏览

0评论

vue elementUI使用tabs与导航栏联动

不使用tabs标签页时，点击导航菜单，router-view映射相应的组件即可显示页面。但我们想在点击导航栏时在tabs中映射相应的组件，这就需要使用tabs组件
在slider.vue中点击路由后，把...

2020-05-27

51浏览

0评论

微信小程序实现下拉刷新动画

微信小程序动画之下拉刷新动画的具体代码，供大家参考，具体内容如下简易的效果下面放代码：js：var animation = wx.createAnimation({})var i = 1;Page({ data: { donghua: true,...

2020-05-27

56浏览

0评论

js事件触发操作实例分析

本文实例讲述了js事件触发操作。分享给大家供大家参考，具体如下：click包含了（mousedown,mouseup）叫做MouseEvents；
keydown,keypress,keyup之流叫做UIEvents;
focus，load,scroll，su...

2020-05-27

58浏览

0评论

JavaScript迭代器的含义及用法

什么是迭代器
迭代器就是为实现对不同集合进行统一遍历操作的一种机制，只要给需要遍历的数据结构部署Iterator接口，通过调用该接口，或者使用消耗该接口的API实现遍历操作。迭代...

2020-05-27

63浏览

0评论

微信小程序实现圆形进度条动画

本文实例为大家分享了微信小程序动画之圆形进度条，供大家参考，具体内容如下上图：代码：js：//获取应用实例var app = getApp()var interval;var varName;var ctx = wx.createCanvas...

2020-05-27

71浏览

0评论

JS中超越现实的匿名函数用法实例分析

本文实例讲述了JS中超越现实的匿名函数用法。分享给大家供大家参考，具体如下：一般函数：function show1(name){ alert(name); //打印:zhangsan }show1("zhangsan");匿名函数...

2020-05-27

76浏览

0评论

javascript实现自由编辑图片代码详解

当下我们项目中需要一个可自由编辑图片的功能，当图片可能出现需要频繁编辑，同时能满足发现裁剪不满意想要微调的时候，会发现如果我们处理图片按照平常的习惯，如裁剪后上传服务器...

2020-05-27

46浏览

0评论

前端Electron新手入门教程详解

Electron 是什么定义
Electron是一个能让你使用传统前端技术（Nodejs, Javascript, HTML, CSS）开发一个跨平台桌面应用的框架。这里所说的桌面应用指的是在Windows、OSX及Linux...

2020-05-27

57浏览

0评论

微信小程序实现消息框弹出动画

微信小程序动画之消息框弹出，供大家参考，具体内容如下上图js：Page({ data: { showModalStatus: false }, powerDrawer: function(e) { var currentStatu = e.currentTarget.dat...

2020-05-27

79浏览

0评论

js中值引用和地址引用实例分析

本文实例讲述了js中值引用和地址引用。分享给大家供大家参考，具体如下：js中任何事务都是对象。包括基本数据类型（undefined,boolean,number,string,null）。对象只是拥有属性和方...

2020-05-27

56浏览

0评论

js类的继承定义与用法分析

本文实例讲述了js类的继承定义与用法。分享给大家供大家参考，具体如下：如何实现类的继承呢？有如下2个构造函数：function PeopleClass(){ this.type = "人";};PeopleClass.ptoto...

2020-05-27

66浏览

0评论

微信小程序实现弹出菜单动画

微信小程序动画之弹出菜单，供大家参考，具体内容如下效果图js：Page({ data: { isPopping: false, animPlus: {}, animCollect: {}, animTranspond: {}, animInput: {}, an...

2020-05-27

82浏览

0评论

三分钟教你用Node做一个微信哄女友(基友)神器（面向小白）

项目介绍
本文介绍项目是用node和wechaty微信网页接口开发的一款小工具，可以定时给女朋友发每天的天气情况，天气提醒，每日一句。通过配置机器人api后还可以实现微信机器人自动...

2020-05-27

74浏览

0评论

JS利用prototype给类添加方法操作详解

本文实例讲述了JS利用prototype给类添加方法操作。分享给大家供大家参考，具体如下：1.如何定义一个简单的类？以下是一个没有任何属性和方法的类的定义：function MyClass(){};你可...

2020-05-27

46浏览

0评论

微信小程序实现点击效果

微信小程序动画之点击效果的具体代码，供大家参考，具体内容如下
代码：
js：// pages/test/test.jsPage({ containerTap: function (res) { var that = this var x = res.touches...

2020-05-27

热门文章