JavaScript - 教程之家

67浏览

0评论

微信小程序扫描二维码获取信息实例详解

1.最简单的扫二维码获得信息。首先，在网上找一个二维码生成网站，生成一个二维码，我用的是草料二维码，随便生成了一个二维码做测试。就这个。我搭建的界面如下：如图可见，点击1中的...

2020-05-27

68浏览

0评论

Node.js一行代码实现静态文件服务器的方法步骤

静态文件服务器实现nodejs不仅仅可以用来写服务端接口，用来做静态文件服务器替代nginx的功能，也是分分钟可以搞定的。话不多说，先上代码：var server=http.createServer(functi...

2020-05-27

56浏览

0评论

详解vue中使用protobuf踩坑记

官方解释为：Protocol buffers are a flexible, efficient, automated mechanism for serializing structured data – think XML, but smaller, faster, and simpler. You de...

2020-05-27

698浏览

0评论

基于Vue实现的多条件筛选功能的详解(类似京东和淘宝功能)

基于Vue实现的多条件筛选功能(类似京东和淘宝功能)，可以支持多选、清空、全选功能，数据源是通过JSon格式的数据封装而成。实现的效果图：代码实现如下：html:<div id='app'><templ...

2020-05-27

54浏览

0评论

vue接入腾讯防水墙代码

vue接入腾讯防水墙代码，具体代码如下所示：开始创建代码：登陆调用方法代码总结以上所述是小编给大家介绍的vue接入腾讯防水墙代码,希望对大家有所帮助，如果大家有任何疑问请给我...

2020-05-27

67浏览

0评论

VUE接入腾讯验证码功能（滑块验证）备忘

最近在用VUE做个简单的用户系统，登录注册需要验证码，想找个那种拖动的，找geetest居然已经不面向小客户了（或者说只有收费套餐）。腾讯防水墙的验证码免费使用，有2000/小时的免费额...

2020-05-27

125浏览

0评论

小程序扫描普通链接二维码跳转小程序指定界面方法

微信官方文档https://developers.weixin.qq.com/miniprogram/introduction/qrcode.html看了官方文档之后，还是存在很多困惑，微信小程序是托管到微信服务器上的，要想扫描普通链...

2020-05-27

53浏览

0评论

webpack-mvc 传统多页面组件化开发详解

最近有一个项目，还是使用的传统 MVC 模式开发，完全基于jQuery，使用了基于java模板引擎velocity，页面中嵌入了大量java语法，使得前后端分离不彻底，工程打包上线苦不堪言，为实现后端...

2020-05-27

43浏览

0评论

微信小程序实现Session功能及无法获取session问题的解决方法

因为小程序原生不支持Cookie，因此也不支持Session。网上找到的的一些方法有缺陷，而且很多累赘，估计没有实际测试过，在此直接给出实测可用的代码。大概思路就是借助小程序本地储...

2020-05-27

120浏览

0评论

Vue Echarts实现可视化世界地图代码实例

Echarts实现可视化世界地图模拟迁徙，以我自己开发过程。下载Echarts依赖：npm install echarts成功以后引入依赖：import echarts from 'echarts'peopleInsertCharts为生成echart...

2020-05-27

83浏览

0评论

Vue中UI组件库之Vuex与虚拟服务器初识

一、日历组件new Date()的月份是从0开始的。下面表达式是：2018年6月1日new Date(2018, 5, 1);下面表达式是：2018年5月1日new Date(2018, 4, 1);或new Date(2018, 5-1, 1);下面...

2020-05-27

65浏览

0评论

详解Vue demo实现商品列表的展示

Vue实现商品列表的展示是一个比较简单的入门demo，下面是具体的实现：简单CSS样式：<style> #box ul{ display: flex; flex-wrap: wrap; } #box li{ padding: 3px; list-style...

2020-05-27

38浏览

0评论

vue搜索和vue模糊搜索代码实例

1、使用vue来实现一般搜索<form action="" @submit="submitQuery" class="all_two"> <el-input v-model="input" placeholder="请输入内容" ref="search" style="width:30...

2020-05-27

63浏览

0评论

微信小程序实现获取用户信息并存入数据库操作示例

本文实例讲述了微信小程序实现获取用户信息并存入数据库操作。分享给大家供大家参考，具体如下：微信小程序获取用户信息简单，但是在存入自己服务器数据库的过程中研究了一天多的...

2020-05-27

55浏览

0评论

7个好用的JavaScript技巧分享（译）

前言就像所有其他编程语言一样，JavaScript也有许多技巧可以完成简单和困难的任务。一些技巧广为人知，而其他技巧则足以让你大吃一惊。让我们来看看你今天就可以开始使用的七...

2020-05-27

78浏览

0评论

详解Vue前端生产环境发布配置实战篇

前言
首先这篇文章是写给Vue新手的，老司机基本不用看了。当我们刚接触vue的时候，特别是对于第一次用前端框架的同学来说，心情可以说是比较激动的，框架带来的种种新体验，是以前jQu...

2020-05-27

94浏览

0评论

微信小程序实现用table显示数据库反馈的多条数据功能示例

本文实例讲述了微信小程序实现用table显示数据库反馈的多条数据功能。分享给大家供大家参考，具体如下：解决了微信小程序自定义表格，并显示的多条数据的问题。index.wxml<view>...

2020-05-27

80浏览

0评论

微信小程序：数据存储、传值、取值详解

小程序界面传值父级界面：A界面
子级界面：B界面一、url传值详细的配置参数可以查看组件导航：navigator,这里不再做过多的解释。
1. 正向传值：A界面 –>B界面用 navigator标签或...

2020-05-27

49浏览

0评论

vue父组件触发事件改变子组件的值的方法实例详解

父组件向子组件通信业务场景：现在我要在父组件点击一个回退按钮，这个回退会传进子组件中（子组件中有两步进程），子组件来处理。解决方案起初我是父组件通过props传值，但是发现只有...

2020-05-27

66浏览

0评论

JavaScript实现随机点名器实例详解

你是公司的程序员，年会的时候公司要给员工抽奖发福利，要求你写一个页面小程序，用来随机选出幸运员工，分设一二三等奖大致如下图示例: 以下是点名器的一种思路，页面比较简陋，只给出...

2020-05-27

72浏览

0评论

常见的浏览器存储方式（cookie、localStorage、sessionStorage）

今天我们从前端的角度了解一下浏览器存储，我们常见且常用的存储方式主要由两种：cookie、webStorage（localStorage和sessionStorage）。下面我们来一一认识它们。Cookie基于HTTP规...

2020-05-27

78浏览

0评论

iphone刘海屏页面适配方法

1. 下面是实现iphonex 刘海屏前端页面适配的一个插值算法小案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body,...

2020-05-27

76浏览

0评论

微信小程序人脸识别功能代码实例

前几天偶然看见一个人脸识别的小程序demo，觉得很有趣下载下来想玩玩，结果只是一个框架而已用不了的，花了点时间完善一下吐槽一下wx.uploadFile这个接口，真是个大坑，最开始调用时...

2020-05-27

66浏览

0评论

js实现继承的方法及优缺点总结

整理《javascript高级程序设计》中继承的方法以及优缺点。
1. 原型链
ECMAScript中描述了原型链的概念，并将原型链作为实现继承的主要方法。
原型链继承的基本思想是利用原型...

2020-05-27

80浏览

0评论

深入浅析vue-cli@3.0 使用及配置说明

使用vue-cli3已经有相当一段时间了，一直没怎么去注意其中的配置，所以趁着这段时间总结下应用过程中的一些经验，本文是从安装到开发使用的一个过程讲解，也可以说是新手向的文章，文...

2020-05-27

70浏览

0评论

Vue.js轮播图走马灯代码实例（全）

话不多说先上效果图，本文引荐链接https://www.freexyz.cn/article/129112.htm这个是html,<template> <div> <div class="back_add"> <div class="threeImg"> <div class=...

2020-05-27

54浏览

0评论

微信小程序封装自定义弹窗的实现代码

最近在做小程序的登录，需要同时获取用户手机号和头像昵称等信息，但是小程序又不支持单个接口同时获取两种数据，因此想到自定义一个弹窗，通过弹窗按钮触发获取手机号事件。记录...

2020-05-27

182浏览

0评论

vue使用vuex实现首页导航切换不同路由的方法

vue实现首页导航切换不同路由的方式（二）【使用vuex实现的】，具体代码如下所示：<nav>  <div class="indexNavOut"> <div class="indexNav"> <ul class...

2020-05-27

48浏览

0评论

浅谈JS的原型和继承

参考文献JavaScript原型与继承的秘密__proto__除null和undefined，JS中的所有数据类型都有这个属性；它表示当我们访问一个对象的某个属性时，如果该对象自身不存在该属性，就从它...

2020-05-27

40浏览

0评论

vue实现菜单切换功能

vue实现菜单切换，点击菜单导航切换不同的内容以及为当前点击的选项添加样式，或者组件。method里： css:html代码：<nav> <ul> <li> <a :class="{active : Index == 1}" @click="ch...

2020-05-27

80浏览

0评论

Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换(推荐)

demo需求分析：图中菜单区域为header公用组件，点击相应的菜单选项跳转到对应的路由，在菜单下区域加载相应组件的内容。以下两图分别为点击“我的电站”、“个人中心”的效果demo...

2020-05-27

52浏览

0评论

利用原生JavaScript实现造日历轮子实例代码

前言在日常开发中，大多数都是在和框架打交道，久而久之便遗忘了原生JS的感觉，个人感觉中原生JS基础还是很重要的，所以最近就利用了空余时间造一个轮子出来，虽然以我的水平造出来的...

2020-05-27

46浏览

0评论

微信小程序事件对象中e.target和e.currentTarget的区别详解

在小程序的事件回调触发时，会接收一个事件对象，事件对象的参数中包含一个target和currentTarget属性，接下来说说这二者的区别。首先上代码：wxml部分：<view id='tar-father' bindt...

2020-05-27

103浏览

0评论

基于vue-cli 路由实现类似tab切换效果（vue 2.0）

1，更改main.js2，在App.vue中，写入两个跳转链接（router-link），分别跳转到“home”“About” （home、About即分别是两个组件）----其中，为什么要使用<router-link></router-link>, 请移...

2020-05-27

50浏览

0评论

vue权限问题的完美解决方案

前言
最近一直在忙着一个用vue来做的权限管理的项目，其实在此之前，我也研究过vue的权限如何实现，并且也为之写过一篇博客，但当真正应用在项目中的时候，还是发现了许多问题，所以此...

2020-05-27

60浏览

0评论

vue中使用props传值的方法

1.静态传值（在父组件中赋值好props中属性的值传递给子组件）父组件<template> <div> <input v-model="message"> <child message="hello"></child> </div></template><script...

2020-05-27

68浏览

0评论

微信小程序Page中data数据操作和函数调用方法

Page() 函数用来注册一个页面。接受一个 object 参数，其指定页面的初始数据、生命周期函数、事件处理函数等。//index.jsPage({ data: { text: "This is page data.", slid...

2020-05-27

51浏览

0评论

详解微信小程序的不同函数调用的几种方法

一、调取参数直接调取当前js中的方法,调取参数that.bindViewTap();二、跳转页面navigateTo: function () {wx.navigateTo({ url: '../page4/page4' });}, 全局变量使用方法...

2020-05-27

79浏览

0评论

微信小程序网络层封装的实现（promise, 登录锁）

一、对小程序的request的封装
写过小程序的应该知道，微信的request不封装基本上不能用，写的显的太冗长，而且是回调式的，回调地狱什么的就不说了，可读性差。
下面是我的封装代码，顺...

2020-05-27

50浏览

0评论

使用vuex解决刷新页面state数据消失的问题记录

在实际的vue项目中，当我们的应用遇到多个组件之间的共享问题时，通常会用到Vuex（一个状态管理的插件，可以解决不同组件之间的数据共享和数据持久化），解决组件之间同一状态的共享问...

2020-05-27

51浏览

0评论

Vue 处理表单input单行文本框的实例代码

用vue监听单行文本框是最最最容易的事。只需用到 v-model 就能监听。<template> <div id="app"> <input type="text" v-model="msg"> <p>{{msg}}</p> </div></template><scr...

2020-05-27

67浏览

0评论

12个提高JavaScript技能的概念(小结)

JavaScript 是一种复杂的语言。如果是你是高级或者初级 JavaScript 开发人员，了解它的基本概念非常重要。本文介绍 JavaScript 至关重要的12个概念，但绝对不是说 JavaScript...

2020-05-27

72浏览

0评论

Vue函数式组件-你值得拥有

函数式组件特点：没有管理任何状态没有监听任何传递给它的状态没有生命周期方法它只是接收一些prop的函我们将这样的组件标记为functional：无状态 == 无响应式数据...

2020-05-27

73浏览

0评论

详解es6新增数组方法简便了哪些操作

什么是es6?
在这里不过多阐述，我也是跟着阮一峰大佬的《es6入门》来学习的，es6新增了很多的方法、属性，让我们在编码中得到了很高的提升，在这里只对array这块进行阐述，其他...

2020-05-27

106浏览

0评论

bootstrap-table formatter 使用vue组件的方法

bootstrap-table简介•1.1、bootstrap table简介及特征： Bootstrap table是国人开发的一款基于 Bootstrap 的 jQuery 表格插件，通过简单的设置，就可以拥有强大的...

2020-05-27

48浏览

0评论

vue 引用自定义ttf、otf、在线字体的方法

1. 将下载好的字体放到本地目录分别是两种字体
放到项目的 assets 目录中
2. 引入字体文件首先创建一个 styles 文件夹，之后也可以用于存放一些公共的样式文件。再新建一个...

2020-05-27

58浏览

0评论

D3.js(v3)+react 实现带坐标与比例尺的柱形图 (V3版本)

现在用D3.js + react做一个带坐标轴和比例尺的柱形图。我已经尽力把代码全部注释上了，最后我也会把完整柱形图代码奉上。如果还有疑惑的，可以去翻看一下我之前介绍的方法，以下...

2020-05-27

54浏览

0评论

D3.js(v3)+react 实现带坐标与比例尺的散点图 (V3版本)

上篇文章给大家介绍了圆柱图：https://www.freexyz.cn/article/160958.htm散点图(Scatter Chart),通常是一横一竖两个坐标轴，数据是一组二维坐标，分别对应两个坐标轴，与坐标轴对应...

2020-05-27

47浏览

0评论

jquery登录的异步验证操作示例

本文实例讲述了jquery登录的异步验证操作。分享给大家供大家参考，具体如下：//定义一个jsonvar validate = { username : false, pwd : false, pwded : false, verify...

2020-05-27

57浏览

0评论

详解微信小程序回到顶部的两种方式

在做微信小程序开发时，遇到一个问题，要如何实现返回顶部的功能，下面就用2种方法实现
一,使用view形式的回到顶部
HTML：<image src='../../img/button-top.png' class='goTop' h...

2020-05-27

热门文章