120浏览

0评论

微信小程序前端自定义分享的实现方法

背景
目前手上有一个小程序的项目，希望转发时分享消息的界面能够自定义,然而微信小程序只提供设置图片的url和title。
/** * 用户点击右上角分享 */ onShareAppMessage: f...

• 2020-05-27

134浏览

0评论

微信小程序实现渐入渐出动画效果

前言
在做小程序列表展示的时候，接到了一个需求。需要在列表展示的时候加上动画效果。设计视频效果如下图：需要在进入列表页的时候，依次展示每一条卡片，在展示完成后需要隐藏掉...

• 2020-05-27

118浏览

0评论

json数据格式常见操作示例

本文实例讲述了json数据格式常见操作。分享给大家供大家参考，具体如下：json数据格式第一种，对象形式<script>//var json3={name:"longzhoufeng",age:123}//第一种方式var json3...

• 2020-05-27

147浏览

0评论

微信小程序位置授权处理方法

这两天在做小程序调取地图的时候遇到一个问题，如果用户第一次拒绝了位置权限请求。那么就不会再次唤起授权弹出。需要我们引导用户去开启。具体做法如下。 在 aap.json中加入...

• 2020-05-27

140浏览

0评论

微信小程序页面间跳转传参方式总结

前言在做微信小程序的时候，经常会遇到需要页面间传递参数的情况，根据目前项目经验，总结了以下几种方式：URL传参、缓存和方法调用。URL传参
这种方式是最简单也是最常用的，这里就...

• 2020-05-27

147浏览

0评论

vue store之状态管理模式的详细介绍

状态管理
一、状态管理（vuex）简介
uex是专为vue.js应用程序开发的状态管理模式。它采用集中存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化...

• 2020-05-27

139浏览

0评论

详解vuex之store源码简单解析

关于vuex的基础部分学习于https://www.freexyz.cn/article/163008.htm使用Vuex的时候，通常会实例化Store类，然后传入一个对象，包括我们定义好的actions、getters、mutations、sta...

• 2020-05-27

106浏览

0评论

在JavaScript中使用严格模式(Strict Mode)

前言ECMAScript5中引入的严格模式,通过让JavaScript运行环境对一些开发过程中最常见和不易发现的错误做出和当前不同的处理,来让开发者拥有一个”更好”的JavaScript语言。...

• 2020-05-27

110浏览

0评论

vue路由插件之vue-route

vue路由插件，vuer Router,使vue官方的路由管理其，和vue高度耦合　　1.vue-Router的使用　　import Vue from 'vue'import Router from 'vue-router' //引入路由组件Vue.use(Ro...

• 2020-05-27

160浏览

0评论

后台使用freeMarker和前端使用vue的方法及遇到的问题

一：freeMarker的使用1：java后台使用freeMarker是通过Model，将值传给前端：如：@Controllerpublic class MobileNewsFreeMarkerController {　　@RequestMapping("page/test")　　pu...

• 2020-05-27

122浏览

0评论

移动端底部导航固定配合vue-router实现组件切换功能

在我们平时练习或者实际项目中也好，我们常常遇到这么一个需求：移动端中的导航并不是在顶部也不是在底部，而是在最底部且是固定的，当我们点击该导航项时会切换到对应的组件。相信...

• 2020-05-27

100浏览

0评论

在Vue中使用icon 字体图标的方法

1.使用线上的阿里iconfont图标库1.打开 iconFont官网 选择自己喜欢的图标，并且添加购物车2.点击购物车，添加至项目3 生成链接4在我们的vue项目中，找到index.html文件，引入css样...

• 2020-05-27

117浏览

0评论

Vue 实现前进刷新后退不刷新的效果

需求一:在一个列表页中，第一次进入的时候，请求获取数据。点击某个列表项，跳到详情页，再从详情页后退回到列表页时，不刷新。也就是说从其他页面进到列表页，需要刷新获取数据，从详情...

• 2020-05-27

125浏览

0评论

深度了解vue.js中hooks的相关知识

背景
最近研究了vue3.0的最新进展，发现变动很大，总体上看，vue也开始向hooks靠拢，而且vue作者本人也称vue3.0的特性吸取了很多hooks的灵感。所以趁着vue3.0未正式发布前，抓紧时间...

• 2020-05-27

124浏览

0评论

基于Proxy的小程序状态管理实现

微信小程序的市场在进一步的扩大，而背后的技术社区仍在摸索着最好的实践方案。我在帮助Nike，沃尔玛以及一些创业公司开发小程序后，依旧认为使用小程序原生框架是一个更高效，稳定...

• 2020-05-27

128浏览

0评论

Vue动态创建注册component的实例代码

前言在深入了解Vue动态创建Component前先了解一下常规组件声明形式。
Vue 的组件通常可以通过两种方式来声明，一种是通过 Vue.component，另外一种则是 Single File Components...

• 2020-05-27

137浏览

0评论

CKeditor富文本编辑器使用技巧之添加自定义插件的方法

本文实例讲述了CKeditor富文本编辑器使用技巧之添加自定义插件的方法。分享给大家供大家参考，具体如下：首先就是在CKeditor的plugins目录下新建一个目录qchoice：qchoice目录下...

• 2020-05-27

144浏览

0评论

利用JavaScript将Excel转换为JSON示例代码

前言JSON是码农们常用的数据格式，轻且方便，而直接手敲JSON却是比较麻烦和令人心情崩溃的（因为重复的东西很多），所以很多码农可能会和我一样，选择用Excel去输入数据，然后再想办法转...

• 2020-05-27

120浏览

0评论

CKEditor 4.4.1 添加代码高亮显示插件功能教程【使用官方推荐Code Snippet插件】

本文实例讲述了CKEditor 4.4.1 添加代码高亮显示插件功能。分享给大家供大家参考，具体如下：随着CKEditor4.4.1的发布，以前一直困扰的代码高亮问题终于完美的得到解决，在CKEditor...

• 2020-05-27

114浏览

0评论

通过JS深度判断两个对象字段相同

代码:
/*** 判断此对象是否是Object类型* @param {Object} obj */function isObject(obj){return Object.prototype.toString.call(obj)==='[object Object]';};/*** 判断此...

• 2020-05-27

111浏览

0评论

简单了解Ajax表单序列化的实现方法

原生表单序列化
随着Ajax的出现，表单序列化已经成为一种需求,在学习原生Ajax时,若用POST方法向后台提交数据时,就需要将表单序列化
在JavaScript中可以利用表单字段的type属...

• 2020-05-27

122浏览

0评论

ES6数组与对象的解构赋值详解

本文实例讲述了ES6数组与对象的解构赋值。分享给大家供大家参考，具体如下：数组的解构赋值基本用法ES6允许按照一定的模式，从数组和对象中提取值，对变量进行赋值，这被称之为解构(D...

• 2020-05-27

124浏览

0评论

通过Nodejs搭建网站简单实现注册登录流程

1. 使用Backbone实现前端hash路由
初步设想将注册和登录作为两个不同的url实现，但登录和注册功能的差距只有form表单部分，用两个url实现显然开销过大，所以最终方案为使用hash作...

• 2020-05-27

130浏览

0评论

ES6顶层对象、global对象实例分析

本文实例讲述了ES6顶层对象、global对象。分享给大家供大家参考，具体如下：顶层对象顶层对象，在浏览器环境指的是window对象，在Node指是的global对象。ES5之前中，顶层对象的属性与...

• 2020-05-27

136浏览

0评论

ES6 Promise对象的含义和基本用法分析

本文实例讲述了ES6 Promise对象的含义和基本用法。分享给大家供大家参考，具体如下：1.Promise的含义Promise是异步编程的一种解决方案，比传统的解决方案（回调函数和事件）更合理更...

• 2020-05-27

106浏览

0评论

深入剖析JavaScript instanceof 运算符

instanceof 运算符简介
在 JavaScript 中，判断一个变量的类型尝尝会用 typeof 运算符，在使用 typeof 运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，它...

• 2020-05-27

117浏览

0评论

vue+express+jwt持久化登录的方法

jwt 持久化验证前端篇，node 配置详情请移步这里我用的是vue3，下面是 src 的目录用到的依赖验证思路Home 页写登录，然后在 About 页获取到登录名。
登录成功缓存 token，进入About...

• 2020-05-27

155浏览

0评论

微信小程序版本自动更新的方法

公司的小程序项目上线, 后期还会有小型的版本迭代. 为了让用户能在我们进行版本迭代后及时使用最新版本的功能. 做了以下优化..
知识点1: 当用户点击左上角关闭，或者按了设备...

• 2020-05-27

157浏览

0评论

详解微信小程序胶囊按钮返回|首页自定义导航栏功能

项目代码：https://github.com/Shay0921/header-navbar.git在小程序中，从转发出来的小程序消息卡片进入，因为页面栈中只有一个，所以不会出现返回按钮，对于一些电商平台来说，当商品...

• 2020-05-27

106浏览

0评论

回顾Javascript React基础

前言React核心的单向数据流、一切皆数据的state、不会改变的props，以及状态提升等等经常使用便不多总结，需要的看官方文档。JSX
JSX 本质只是为 React.createElement(componen...

• 2020-05-27

120浏览

0评论

js中let能否完全替代IIFE

前言最近，我写了一篇关于syntax of Java's IIFE pattern的文章，来解释为什么我们用现在的方式来写立即执行函数表达式。少数的读者批评文章过时了，都在争论在ECMA 2015中介绍的...

• 2020-05-27

135浏览

0评论

RxJS的入门指引和初步应用

前言RxJS是一个强大的Reactive编程库，提供了强大的数据流组合与控制能力，但是其学习门槛一直很高，本次分享期望从一些特别的角度解读它在业务中的使用，而不是从API角度去讲解。R...

• 2020-05-27

97浏览

0评论

通过实例了解js函数中参数的传递

先看一道JS的笔试题：var setObj=function(o){o.name="xiaoming";o={};o.name="xiaohong";}var p={name:"xixi",age:24};setObj(p);console.log(p);答案是{name:xiaoming,age2...

• 2020-05-27

143浏览

0评论

深入了解JavaScript 的 WebAssembly

JavaScript 的 WebAssembly
本周发布的 Firefox 52 加入了对 WebAssembly 的支持，成为第一个支持 WebAssembly 标准的浏览器，而其它浏览器如 Chrome 57、Safari 和 Edge 也都...

• 2020-05-27

125浏览

0评论

js笔试题-接收get请求参数

题目请编写一个JavaScript函数，它的用途是接收url中get请求的参数，并返回为对象，如： var url = “https://i.cnblogs.com/EditPosts.aspx&#63;opt=1″。本题考察了js如何获得url...

• 2020-05-27

125浏览

0评论

通过实例讲解JS如何防抖动

前言这道题目经常与事件触发器同时存在，为了考察面试者在一些具体业务流程上（信息流，搜索框输入查询）等，能否综合的考虑实现思路。题目在某些信息列表中一般采用瀑布流，滚动一屏时...

• 2020-05-27

146浏览

0评论

使用Vue.js 和Chart.js制作绚丽多彩的图表

前言深入学习 chart.js 的选项来制作漂亮的图表。交互式图表可以给你的数据可视化提供很酷的展示方式。但是大多数开箱即用的解决方案用默认的选项并不能做出很绚丽的图表。...

• 2020-05-27

123浏览

0评论

一些可能会用到的Node.js面试题

前言从ECMAScript标准，Node.js语法以及NPM模块角度来看，Node.js的发展让人目不暇接，那么面试题也得与时俱进。问题
什么是错误优先的回调函数？ 如何避免回调地狱？ 什么是Prom...

• 2020-05-27

116浏览

0评论

Async/Await替代Promise的6个理由

前言Node.js 7.6 已经支持 async/await 了，如果你还没有试过，这篇博客将告诉你为什么要用它。Async/Await 简介
对于从未听说过 async/await 的朋友，下面是简介: async/await...

• 2020-05-27

128浏览

0评论

jQuery创建折叠式菜单

今天给大家介绍如何使用jQuery创建折叠式菜单，即通常所说的手风琴效果（accordion [&#601;&#712;k&#596;:rdi&#601;n]）。实现效果如下：一、HTML代码结构要实现折叠式菜单，代码相当...

• 2020-05-27

115浏览

0评论

JavaScript工具库之Lodash详解

前言你还在为JavaScript中的数据转换、匹配、查找等烦恼吗？一堆看似简单的foreach，却冗长无趣，可仍还在不停的repeat it！也许你已经用上了Underscore.js，不错，你已经进步很大一步...

• 2020-05-27

329浏览

0评论

JavaScript模块管理的简单实现方式详解

1. 为什么会有这个东西？方便组织你的代码，提高项目的可维护性。一个项目的可维护性高不高，也体现一个程序员的水平，在如今越来越复杂的前端项目，这一点尤为重要。2. 为什么不用re...

• 2020-05-27

113浏览

0评论

JS中的一些常用的函数式编程术语

组合 Composition
组合某种类型（含函数）的两个元素，进而生成一个该类型的新元素：JavaScript
let compose = (f, g) => a => f(g(a))let toUpperCase = x => x.toUpperCase()let...

• 2020-05-27

102浏览

0评论

简谈创建React Component的几种方式

前言当我们谈起React的时候，多半会将注意力集中在组件之上，思考如何将页面划分成一个个组件，以及如何编写可复用的组件。但对于接触React不久，还没有真正用它做一个完整项目的人...

• 2020-05-27

93浏览

0评论

JavaScript中的ES6 Proxy的具体使用

场景
就算只是扮演，也会成为真实的自我的一部分。对人类的精神来说，真实和虚假其实并没有明显的界限。入戏太深不是一件好事，但对于你来说并不成立，因为戏中的你才是真正符合你...

• 2020-05-27

90浏览

0评论

JavaScript 处理树数据结构的方法示例

JavaScript 处理树结构数据
场景
即便在前端，也有很多时候需要操作 树结构 的情况，最典型的场景莫过于 无限级分类。之前吾辈曾经遇到过这种场景，但当时没有多想直接手撕 JavaS...

• 2020-05-27

134浏览

0评论

浅谈一种让小程序支持JSX语法的新思路

React社区一直在探寻使用React语法开发小程序的方式，其中比较著名的项目有Taro，nanachi。而使用React语法开发小程序的难点主要就是在JSX语法上，JSX本质上是JS，相比于小程序静态...

• 2020-05-27

127浏览

0评论

详解vue微信网页授权最终解决方案

vue微信网页授权，基于vue-cli3.0+webpack 4+vant ui + sass+ rem适配方案+axios，开发的微信授权方案。项目地址：vue-wechat-auth参考了[vue-wechat-login]，思路有些不同，本文基于...

• 2020-05-27

120浏览

0评论

如何进行微信公众号开发的本地调试的方法

微信团队为广大的开发者提供了一个测试账号。该帐号无需公众账号，快速申请接口测试，直接体验和测试公众平台所有高级接口。这么好用的功能，只需要要你有一个手机，手机上安装了一...

• 2020-05-27

99浏览

0评论

最简单的vue消息提示全局组件的方法

简介实现功能 自定义文本 自定义类型(默认，消息，成功，警告，危险) 自定义过渡时间使用vue-cli3.0生成项目toast全局组件编写/src/toast/toast.vue<template> <div class="app-...

• 2020-05-27