微信小程序如何获取用户信息

最近在研究微信小程序怎么玩的。接触后发现好多的坑。
比如在浏览器中我们可以通过document.getElementById 获取到页面的DOM对象。而在微信小程序中是获取不到DOM对象的。...

微信小程序模版渲染详解

微信小程序的界面程序支持html语法,多加了一部分标签,如view、block、templete等。
模版渲染
index.wxml<view> <p>{{helloWord}}</p></view>其中{{}}里面包含的内容你可以...

从零开始最小实现react服务器渲染详解

前言
最近在写 koa 的时候想到,如果我部分代码提供api,部分代码支持ssr,那我应该如何写呢?(不想拆成 2个服务的情况下)
而且最近写的项目里面也用过一些服务端渲染,如nuxt,自己也搭...

深入理解vue中slot与slot-scope的具体使用

写在前面
vue中关于插槽的文档说明很短,语言又写的很凝练,再加上其和methods,data,computed等常用选项使用频率、使用先后上的差别,这就有可能造成初次接触插槽的开发者容易产生...

jquery写出PC端轮播图实例

最近其他项目不是很忙,被安排给公司的官网项目做一个新的页面(之前没接触公司官网项目),其中有一个用到轮播图的地方,最开始想直接用swiper.js插件实现就好了,可是发现官网项目里...

Vue shopCart 组件开发详解

一、shopCart组件(1) goods 父组件和 子组件 shopCart 传参deliveryPrice:{ // 单价 从json seller 对象数据中获取 type:Number, default:0},minPrice:{ // 最低起送价 从j...

Vue header组件开发详解

一、 header 组件开发 之数据的传递1. App.vue 引入组件import header from './components/header/header'2. App.vue 中注册组件 export default { components:{ v-h...

微信小程序如何获取用户手机号

最近在做一款微信小程序,需要获取用户手机号,具体步骤如下:流程图:
1、首先,客户端调用wx.login,回调数据了包含jscode,用于获取openid(用户唯一标识)和sessionkey(会话密钥)。2、拿到j...

微信小程序如何获取openid及用户信息

微信小程序获取openid及用户信息的方法1. 获取openid
1.1 获取code
调用接口获取登录凭证(code)进而换取用户登录态信息,包括用户的唯一标识(openid) 及本次登录的会话密钥(sessio...

百度地图去掉marker覆盖物或者去掉maker的label文字方法

如下所示:var marker = new BMap.Marker(...);//方法1map.removeOverlay(marker);//方法2marker.remove(); //如果是Marker设置的setLabel还可以设置其样式来隐藏 mapCompone...

微信小程序实现animation动画

微信小程序实现animation动画,具体内容如下1. 创建动画实例
wx.createAnimation(OBJECT)
创建一个动画实例animation。调用实例的方法来描述动画。最后通过动画实例的export...

微信小程序wx.getImageInfo()如何获取图片信息

本文实例为大家分享了Android九宫格图片展示的具体代码,供大家参考,具体内容如下一.知识点二.列子
(1).加载时
<view class="zn-uploadimg"> <image src="{{tempFilePaths}...

基于百度地图api清除指定覆盖物(Overlay)的方法

最近用百度地图api做项目,需要同时在地图显示marker与Polyline,且Polyline需要根据点击来显示或清除,所以遇到了清除指定覆盖物的问题,各种搜索后未能找到完美的解决方法,通过自...

微信小程序版翻牌小游戏

本文实例为大家分享了微信小程序翻牌游戏的具体代码,供大家参考,具体内容如下一、新建一个quick start项目看看结构
在微信开发工具点击添加项目,选择 无appid,勾上"在当前目录...

Angular利用trackBy提升性能的方法

在Angular的模板中遍历一个集合(collection)的时候你会这样写:<ul> <li *ngFor="let item of collection">{{item.id}}</li></ul>有时你会需要改变这个集合,比如从后端接口返回...

Vue中render方法的使用详解

先说一下对官网上demo的个人理解:<!DOCTYPE html><html><head> <title>Vue的render方法说明</title> <script src="vue.js"></script></head><body><div id="app"> <chil...

javascript获取图片的top N主色值方法详解

题目要求找出一个页面中出现次数最多的标签!!!个人解法:var eles = document.getElementsByTagName('*');var rs = [];for(var i=0; i<eles.length; i++) { var tag_name = ele...

使用D3.js创建物流地图的示例代码

本文介绍了使用D3.js创建物流地图的示例代码,分享给大家,具体如下:
示例图制作思路 需要绘制一张中国地图,做为背景。 需要主要城市的经纬坐标,以绘制路张起点和终点。 接收到...

ejsExcel模板在Vue.js项目中的实际运用

什么是ejsExcel?ejsExcel是一款国人开发的、在Node.js应用程序中使用我们预先设置好的Excel模板导出Excel表格的模板引擎。Excel模板

导出后
Github地址
ejsExcel如果因为众...

React Native中NavigatorIOS组件的简单使用详解

一、NavigatorIOS组件介绍
1,组件说明
使用 NavigatorIOS 我们可以实现应用的导航(路由)功能,即实现视图之间的切换和前进、后退。并且在页面上方会有个导航栏(可以隐藏)。
Naviga...

浅谈React中组件间抽象

关于今天要学习的组件间抽象其实我这小白看了几次还没弄明白,这次决定一探究竟。在组件构建中,通常有一类功能需要被不同的组件公用,此时就涉及抽象的概念,在React中我们主要了...

Vue引用第三方datepicker插件无法监听datepicker输入框的值的解决

一、背景
在Vue项目中使用了第三方的datepicker插件,在选择日期后vue无法检测到datepicker输入框的变化 <label class="fl">日期:</label> <div class="input-wrapper fr"> <...

使用Vue写一个datepicker的示例

前言
写插件是很有意思,也很锻炼人,因为这个过程中能发现许多的细节问题。在前端发展的过程中,jQuery无疑是一个重要的里程碑,围绕着这个优秀项目也出现了很多优秀的插件可以直...

360doc网站不登录就无法复制内容的解决方法

有时候我们在搜索东西的时候,有时候实在找不到内容,只有360doc有的内容就没办法了,只能凑合看了,看中了内容无法复制,提示要粘贴怎么解决呢,这里就为大家整理一下,需要的朋友可以参...

浅析Node.js非对称加密方法

前言
刚回答了SegmentFault上一个兄弟提的问题《非对称解密出错》。这个属于Node.js在安全上的应用,遇到同样问题的人应该不少,基于回答的问题,这里简单总结下。非对称加密的理...

javascript代码优化的8点总结

本文将详细介绍JS编程风格的几个要点松耦合当修改一个组件而不需要更改其他组件时,就做到了松耦合1、将JS从CSS中抽离:不要使用CSS表达式//不好的做法.box{width: expression(...

jQuery代码优化方法总结

用对选择器在jQuery中,可以用多种选择器,选择同一个网页元素。每种选择器的性能是不一样的,应该了解它们的性能差异1、最快的选择器:id选择器和元素标签选择器举例来说,下面的语...

Angular2 父子组件通信方式的示例

Angular2官方文档对组件交互这块有详细的介绍-->文档--组件之间的交互。按文档介绍,组件间交互的方式一共有4种,包括:
通过输入型绑定把数据从父组件传到子组件(@Input decora...

jquery动态添加以及遍历option并获取特定样式名称的option方法

实例如下所示:<pre name="code" class="html"><script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <select class="form-control" id...

Vue官网todoMVC示例代码

这个示例是模仿官网示例样式和功能用我自己的方式写的,基本上没有看官网的源码,只参考自定义指令。让我们一步步来探讨一下。官网demo要实现的功能 单条添加todo 单条删除to...

javascript trie前缀树的示例

引子
Trie树(来自单词retrieval),又称前缀字,单词查找树,字典树,是一种树形结构,是一种哈希树的变种,是一种用于快速检索的多叉树结构。它的优点是:最大限度地减少无谓的字符串比较,查...

vue.js实现只弹一次弹框

核心代码是 getCookie()部分,控制弹框的显示隐藏则在 created()中。<template> <div v-if="isShow"> <!--最外层背景--> <div class="popup_container"> <!--居中的容器-->...

JS中Object对象的原型概念基础

对象概念在 javascript 中, 一切引用类型均为对象。 如 function Foo () {} 中,Foo本身就是一个对象的引用。创建对象方式 字面量方式 new 构造函数函数声明 Object.create字...

微信小程序之多文件下载的简单封装示例

需求需要生成一个宣传的图片分享到朋友圈,这个宣传图片包含二维码,包含不同的背景图片和不同的文字。对于这种图片生成,我们考虑过使用服务端生成,但是这样会比较耗服务器性能,所...

实例学习JavaScript读取和写入cookie

首先先让我们简单地了解一下cookie.在我们制作网页的过程中,经常需要把信息从一个页面传递给另一个页面,这时候就需要用到JavaScript中的cookie机制了。简单说来,cookie提供了...

浅析从vue源码看观察者模式

观察者模式
首先话题下来,我们得反问一下自己,什么是观察者模式?
概念
观察者模式(Observer):通常又被称作为发布-订阅者模式。它定义了一种一对多的依赖关系,即当一个对象的状态发...

浅析vue深复制

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。const object1 = {a: 1,b: 2,c: 3};const object2 = Object.assign({...

vue scroller返回页面记住滚动位置的实例代码

1,设置keepAlive:是否缓存router:{path: '/actlist',name: 'actlist',component: actlist,meta: {keepAlive: true}}2,设置渲染页面app.vue<keep-alive><router-view v-if="$r...

vue+springboot前后端分离实现单点登录跨域问题解决方法

最近在做一个后台管理系统,前端是用时下火热的vue.js,后台是基于springboot的。因为后台系统没有登录功能,但是公司要求统一登录,登录认证统一使用.net项目组的认证系统。那就意...

详解javascript常用工具类的封装

前言因为工作中经常用到这些方法,所有便把这些方法进行了总结。JavaScript 1. type 类型判断isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice...

Vue精简版风格指南(推荐)

前面的话Vue官网的风格指南按照优先级(依次为必要、强烈推荐、推荐、谨慎使用)分类,且代码间隔较大,不易查询。本文按照类型分类,并对部分示例或解释进行缩减,是Vue风格指南的精简...

vue源码入口文件分析(推荐)

开发vue项目有段时间了, 之前用angularjs 后来用 reactjs 但是那时候一直没有时间把自己看源码的思考记录下来,现在我不想再浪费这 来之不易的思考, 我要坚持!!看源码我个人感觉...

5 种JavaScript编码规范

什么是编码规范编码规范就是指导如何编写和组织代码的一系列标准。通过阅读这些编码规范,你可以知道在各个公司里代码是如何编写的。我们为什么需要编码规范一个主要的原因是...

jQuery与vue实现拖动验证码功能

jquery的绿色拖动验证功能
在网上看到了一个这样的问题:那种像拖动滑块匹配图形的验证方式是怎么实现的?。突然想到实现一个简单绿色拖动验证码的功能,在网上搜了下,有一个用jqu...

vue-cli实现多页面多路由的示例代码

项目下载地址 vue-cli多页面多路由项目示例 :vue+webpack+vue-router+vuex+mock+axiosUsageThis is a project template for vue-cli.github上找到某大神的一个基于vue-cli模...

vue2.0之多页面的开发的示例

我们平常用vue开发的时候总觉得vue好像就是专门为了单页面应用而诞生的,其实不是。因为vue在工程化开发的时候很依赖webpack,而webpack是将所有的资源整合到一块,弄成一个单页...

vue自定义全局组件(自定义插件)的用法

有时候我们在做开发的时候,就想自己写一个插件然后就可以使用自己的插件,那种成就感很强。博主最近研究element-ui和axios的时候,发现他们是自定义组件,但是唯一有一点不同的是,...

Vue精简版风格概述

前面的话Vue官网的风格指南按照优先级(依次为必要、强烈推荐、推荐、谨慎使用)分类,且代码间隔较大,不易查询。本文按照类型分类,并对部分示例或解释进行缩减,是Vue风格指南的精简...

微信小程序数据存储与取值详解

在小程序开发的过程,经常要需要这个页面输入的数据,在下一个页面中进行取值赋值。比如:在A页面input输入框,输入电话号码,点击添加。需要在B页面电话区域中,显示刚刚输入的电话号...

AngularJS双向数据绑定原理之$watch、$apply和$digest的应用

引子这篇文章是写给AngularJS新手的,如果你已经对AngularJS的双向数据绑定有了深入的了解,直接去阅读源代码好了。背景AngularJS开发者都想知道双向数据绑定是怎么实现的。与d...

返回顶部
顶部