微信小程序实现Session功能及无法获取session问题的解决方法
因为小程序原生不支持Cookie，因此也不支持Session。网上找到的的一些方法有缺陷，而且很多累赘，估计没有实际测试过，在此直接给出实测可用的代码。大概思路就是借助小程序本地储...
2020-05-27
Vue Echarts实现可视化世界地图代码实例
Echarts实现可视化世界地图模拟迁徙，以我自己开发过程。下载Echarts依赖：npm install echarts成功以后引入依赖：import echarts from 'echarts'peopleInsertCharts为生成echart...
2020-05-27
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
详解Vue demo实现商品列表的展示
Vue实现商品列表的展示是一个比较简单的入门demo，下面是具体的实现：简单CSS样式：<style> #box ul{ display: flex; flex-wrap: wrap; } #box li{ padding: 3px; list-style...
2020-05-27
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
微信小程序实现获取用户信息并存入数据库操作示例
本文实例讲述了微信小程序实现获取用户信息并存入数据库操作。分享给大家供大家参考，具体如下：微信小程序获取用户信息简单，但是在存入自己服务器数据库的过程中研究了一天多的...
2020-05-27
7个好用的JavaScript技巧分享（译）
前言就像所有其他编程语言一样，JavaScript也有许多技巧可以完成简单和困难的任务。 一些技巧广为人知，而其他技巧则足以让你大吃一惊。 让我们来看看你今天就可以开始使用的七...
2020-05-27
详解Vue前端生产环境发布配置实战篇
前言
首先这篇文章是写给Vue新手的，老司机基本不用看了。当我们刚接触vue的时候，特别是对于第一次用前端框架的同学来说，心情可以说是比较激动的，框架带来的种种新体验，是以前jQu...
2020-05-27
微信小程序实现用table显示数据库反馈的多条数据功能示例
本文实例讲述了微信小程序实现用table显示数据库反馈的多条数据功能。分享给大家供大家参考，具体如下：解决了微信小程序自定义表格，并显示的多条数据的问题。index.wxml<view>...
2020-05-27
微信小程序：数据存储、传值、取值详解
小程序界面传值父级界面：A界面
子级界面：B界面一、url传值详细的配置参数可以查看组件导航：navigator,这里不再做过多的解释。
1. 正向传值：A界面 –>B界面用 navigator标签或...
2020-05-27
vue父组件触发事件改变子组件的值的方法实例详解
父组件向子组件通信业务场景：现在我要在父组件点击一个回退按钮，这个回退会传进子组件中（子组件中有两步进程），子组件来处理。解决方案起初我是父组件通过props传值，但是发现只有...
2020-05-27
JavaScript实现随机点名器实例详解
你是公司的程序员，年会的时候公司要给员工抽奖发福利，要求你写一个页面小程序，用来随机选出幸运员工，分设一二三等奖大致如下图示例: 以下是点名器的一种思路，页面比较简陋，只给出...
2020-05-27
常见的浏览器存储方式（cookie、localStorage、sessionStorage）
今天我们从前端的角度了解一下浏览器存储，我们常见且常用的存储方式主要由两种：cookie、webStorage（localStorage和sessionStorage）。下面我们来一一认识它们。Cookie基于HTTP规...
2020-05-27
iphone刘海屏页面适配方法
1. 下面是实现iphonex 刘海屏前端页面适配的一个插值算法小案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body,...
2020-05-27
微信小程序人脸识别功能代码实例
前几天偶然看见一个人脸识别的小程序demo，觉得很有趣下载下来想玩玩，结果只是一个框架而已用不了的，花了点时间完善一下吐槽一下wx.uploadFile这个接口，真是个大坑，最开始调用时...
2020-05-27
js实现继承的方法及优缺点总结
整理《javascript高级程序设计》中继承的方法以及优缺点。
1. 原型链
ECMAScript中描述了原型链的概念，并将原型链作为实现继承的主要方法。
原型链继承的基本思想是利用原型...
2020-05-27
深入浅析vue-cli@3.0 使用及配置说明
使用vue-cli3已经有相当一段时间了，一直没怎么去注意其中的配置，所以趁着这段时间总结下应用过程中的一些经验，本文是从安装到开发使用的一个过程讲解，也可以说是新手向的文章，文...
2020-05-27
Vue.js轮播图走马灯代码实例（全）
话不多说先上效果图，本文引荐链接https://www.freexyz.cn/article/129112.htm这个是html,<template> <div> <div class="back_add"> <div class="threeImg"> <div class=...
2020-05-27
微信小程序封装自定义弹窗的实现代码
最近在做小程序的登录，需要同时获取用户手机号和头像昵称等信息，但是小程序又不支持单个接口同时获取两种数据，因此想到自定义一个弹窗，通过弹窗按钮触发获取手机号事件。记录...
2020-05-27
vue使用vuex实现首页导航切换不同路由的方法
vue实现首页导航切换不同路由的方式（二）【使用vuex实现的】，具体代码如下所示：<nav> <!-- 导航栏 --> <div class="indexNavOut"> <div class="indexNav"> <ul class...
2020-05-27
浅谈JS的原型和继承
参考文献JavaScript原型与继承的秘密__proto__除null和undefined，JS中的所有数据类型都有这个属性； 它表示当我们访问一个对象的某个属性时，如果该对象自身不存在该属性， 就从它...
2020-05-27
vue实现菜单切换功能
vue实现菜单切换，点击菜单导航切换不同的内容以及为当前点击的选项添加样式，或者组件。method里： css:html代码：<nav> <ul> <li> <a :class="{active : Index == 1}" @click="ch...
2020-05-27
Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换(推荐)
demo需求分析：图中菜单区域为header公用组件，点击相应的菜单选项跳转到对应的路由，在菜单下区域加载相应组件的内容。以下两图分别为点击“我的电站”、“个人中心”的效果demo...
2020-05-27
利用原生JavaScript实现造日历轮子实例代码
前言在日常开发中，大多数都是在和框架打交道，久而久之便遗忘了原生JS的感觉，个人感觉中原生JS基础还是很重要的，所以最近就利用了空余时间造一个轮子出来，虽然以我的水平造出来的...
2020-05-27
微信小程序事件对象中e.target和e.currentTarget的区别详解
在小程序的事件回调触发时，会接收一个事件对象，事件对象的参数中包含一个target和currentTarget属性，接下来说说这二者的区别。首先上代码：wxml部分：<view id='tar-father' bindt...
2020-05-27
基于vue-cli 路由 实现类似tab切换效果（vue 2.0）
1，更改main.js2，在App.vue中，写入两个跳转链接（router-link），分别跳转到“home”“About” （home、About即分别是两个组件）----其中，为什么要使用<router-link></router-link>, 请移...
2020-05-27
vue权限问题的完美解决方案
前言
最近一直在忙着一个用vue来做的权限管理的项目，其实在此之前，我也研究过vue的权限如何实现，并且也为之写过一篇博客，但当真正应用在项目中的时候，还是发现了许多问题，所以此...
2020-05-27
vue中使用props传值的方法
1.静态传值（在父组件中赋值好props中属性的值传递给子组件）父组件<template> <div> <input v-model="message"> <child message="hello"></child> </div></template><script...
2020-05-27
微信小程序Page中data数据操作和函数调用方法
Page() 函数用来注册一个页面。接受一个 object 参数，其指定页面的初始数据、生命周期函数、事件处理函数等。//index.jsPage({ data: { text: "This is page data.", slid...
2020-05-27
详解微信小程序的不同函数调用的几种方法
一、调取参数直接调取当前js中的方法,调取参数that.bindViewTap();二、跳转页面navigateTo: function () {wx.navigateTo({ url: '../page4/page4' });}, 全局变量使用方法...
2020-05-27
微信小程序网络层封装的实现（promise, 登录锁）
一、对小程序的request的封装
写过小程序的应该知道，微信的request不封装基本上不能用，写的显的太冗长，而且是回调式的，回调地狱什么的就不说了，可读性差。
下面是我的封装代码，顺...
2020-05-27
使用vuex解决刷新页面state数据消失的问题记录
在实际的vue项目中，当我们的应用遇到多个组件之间的共享问题时，通常会用到Vuex（一个状态管理的插件，可以解决不同组件之间的数据共享和数据持久化），解决组件之间同一状态的共享问...
2020-05-27
Vue 处理表单input单行文本框的实例代码
用vue监听单行文本框是最最最容易的事。只需用到 v-model 就能监听。<template> <div id="app"> <input type="text" v-model="msg"> <p>{{msg}}</p> </div></template><scr...
2020-05-27
12个提高JavaScript技能的概念(小结)
JavaScript 是一种复杂的语言。如果是你是高级或者初级 JavaScript 开发人员，了解它的基本概念非常重要。本文介绍 JavaScript 至关重要的12个概念，但绝对不是说 JavaScript...
2020-05-27
Vue函数式组件-你值得拥有
函数式组件特点： 没有管理任何状态 没有监听任何传递给它的状态 没有生命周期方法 它只是接收一些prop的函我们将这样的组件标记为functional： 无状态 == 无响应式数据...
2020-05-27
详解es6新增数组方法简便了哪些操作
什么是es6?
在这里不过多阐述，我也是跟着阮一峰大佬的《es6入门 》来学习的，es6新增了很多的方法、属性，让我们在编码中得到了很高的提升，在这里只对array这块进行阐述，其他...
2020-05-27
bootstrap-table formatter 使用vue组件的方法
bootstrap-table简介•1.1、bootstrap table简介及特征： Bootstrap table是国人开发的一款基于 Bootstrap 的 jQuery 表格插件，通过简单的设置，就可以拥有强大的...
2020-05-27
vue 引用自定义ttf、otf、在线字体的方法
1. 将下载好的字体放到本地目录分别是两种字体
放到项目的 assets 目录中
2. 引入字体文件首先创建一个 styles 文件夹，之后也可以用于存放一些公共的样式文件。再新建一个...
2020-05-27
D3.js(v3)+react 实现带坐标与比例尺的柱形图 (V3版本)
现在用D3.js + react做一个带坐标轴和比例尺的柱形图。我已经尽力把代码全部注释上了，最后我也会把完整柱形图代码奉上。如果还有疑惑的，可以去翻看一下我之前介绍的方法，以下...
2020-05-27
D3.js(v3)+react 实现带坐标与比例尺的散点图 (V3版本)
上篇文章给大家介绍了圆柱图：https://www.freexyz.cn/article/160958.htm散点图(Scatter Chart),通常是一横一竖两个坐标轴，数据是一组二维坐标，分别对应两个坐标轴，与坐标轴对应...
2020-05-27
jquery登录的异步验证操作示例
本文实例讲述了jquery登录的异步验证操作。分享给大家供大家参考，具体如下：//定义一个jsonvar validate = { username : false, pwd : false, pwded : false, verify...
2020-05-27
详解微信小程序回到顶部的两种方式
在做微信小程序开发时，遇到一个问题，要如何实现返回顶部的功能，下面就用2种方法实现
一,使用view形式的回到顶部
HTML：<image src='../../img/button-top.png' class='goTop' h...
2020-05-27
JS原型与继承操作示例
本文实例讲述了JS原型与继承操作。分享给大家供大家参考，具体如下：<script>var Beverage = function(){};Beverage.prototype.boilWater = function(){ console.log("把水煮...
2020-05-27
D3.js的基础部分之数组的处理数组的排序和求值(v3版本)
数组的处理 ：
数组时一种常用的数据结构，通常是由相同数据类型的项组成集合，拥有数组名，可以凭借数组名和下标来访问数组项。虽然JavaScript允许一个数组中存在不同的数据类型，但...
2020-05-27
详解使用uni-app开发微信小程序之登录模块
从微信小程序官方发布的公告中我们可获知：小程序体验版、开发版调用 wx.getUserInfo 接口，将无法弹出授权询问框，默认调用失败，需使用 <button open-type="getUserInfo"></butto...
2020-05-27
uni-app之APP和小程序微信授权方法
uni-app 介绍uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架。
适用平台：Android、iOS、微信小程序。实现了一套代码，同时发布到Android、iOS、微信小程序。
参考官方：ht...
2020-05-27
快速搭建Node.js(Express)用户注册、登录以及授权的方法
项目准备 建立一个文件夹，这里叫 EXPRESS-AUTH npm init -y启动服务 新建一个server.js 或者 app.js npm i express 开启端口，启动服务// server.js// 引入 expressconst...
2020-05-27
vue2 v-model/v-text 中使用过滤器的方法示例
Vue.js 允许自定义过滤器，一般可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示：<!...
2020-05-27
微信小程序日历弹窗选择器代码实例
应公司需求，写了一个弹窗日历选择器，感觉用着还不错，封装了一下，分享给大家，希望大家有什么意见可以指出来相互交流共同改进！先上一个效果图：（当天日期为2018-4-18）时间改为5月份的效...
2020-05-27
微信小程序中显示倒计时代码实例
wxml文件中： <!--倒计时 --> <view class="countDownTimeView countDownAllView" > <view class="voteText countDownTimeText">{{countDownDay}}天</view> <view class...
2020-05-27
