夜猫的兔子-CSDN博客

原创企业微信调用JSSDK wx.agentConfig 签名安卓正常，IOS失败

企业微信调用JSSDK wx.agentConfig 签名安卓正常，IOS失败

2023-10-18 14:45:49 552

原创企业微信开发——企业内部自建应用开发配置本地开发环境

企业微信开发——企业内部自建应用开发配置本地开发环境

2023-08-30 17:43:07 944

React提供了克隆组件API：React.cloneElement( element, [props], [...child])可以利用该方法，给子组件传值父组件：import React from 'react'class Parent extends React.Component<any, any>{ state = { count: 1 }; getChildren() { const _this = this; let { childr

2020-07-17 11:02:06 250

原创 #JavaScript# 中 call()、apply()、bind() 的用法

其实是一个很简单的东西，认真看十分钟就从一脸懵B 到完全理解！先看明白下面：　　例1 obj.objAge; //17 obj.myFun() //小张年龄undefined　　例2　　shows() //盲僧　比较一下这两者this 的差别，第一个打印里面的this 指向obj，第二个全局声明的shows()函数 this 是window ；...

2020-04-29 12:35:03 199

原创 #React#递归嵌套组件调用

项目中有侧边栏的层级菜单或者需要根据接口生成DOM树等操作时，如何实现组件的递归调用呢？项目中有侧边栏的层级菜单或者需要根据接口生成DOM树等操作时，这里就需要用到了组件的递归调用。使用React来简单实现下组件的递归。在React可以通过props和children来向子组件传递信息数据结构：子组件：render() { const list: any = this...

2020-04-14 15:10:34 1327

原创时间格式转换

formatDate(date){//设置时间转换格式vary=date.getFullYear();//获取年varm=date.getMonth()+1;//获取月m=m<10?'0'+m:m;//判断月是否大于10vard=date.getDate();//获取日...

2020-04-13 14:46:12 158

原创 antd/Js2WordCloud 词云

import React from 'react';import Js2WordCloud from 'js2wordcloud'import { getCompId } from '@/utils/utils';// import DataSet from '@antv/data-set';// import { Chart, registerShape, Util } from '@...

2020-03-31 17:47:23 1204

原创颜色值转化rgba

colorRgba=(sHex, alpha = 0.15) => { // 十六进制颜色值的正则表达式 var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/ /* 16进制颜色转为RGB格式 */ let sColor = sHex.toLowerCase() if (sColor && ...

2019-11-04 11:28:26 2108

原创 js 手写分页

效果：原型是angular编写的一下为angular1.X语法HTML: <div class="pull-left flex-r"> <div class="prev"><a href ng-click="prev()">上一页</a></div> <ul class="...

2019-09-29 18:05:47 451

原创 js 判断Object对象是否为空

1.常见的就是用 for...in... 遍历属性，如果为真则“不是空对象”，否则是空对象for( var value in obj){}2.通过 JSON.stringify() 方法判断: JOSN.stringify() 方法用于将 JavaScript 转换为 JSON 字符串。 JOSN.stringify(obj) === '{}'不能用toString()，因...

2019-09-29 17:21:36 307

原创 #es6#Symbol

ES6 引入了一种新的原始数据类型Symbol，表示独一无二的值。它是 JavaScript 语言的第七种数据类型，前六种是：undefined、null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。1.使用Symbol来作为对象属性名(key)当使用了Symbol作为对象的属性key后，在对该对象进行key的枚举时，会有什么不同？在实际应...

2019-06-25 20:32:18 109

原创 React 项目通过操作DOM水平滚动-垂直间歇性滚动

当给 HTML 元素添加ref属性时，ref回调接收了底层的 DOM 元素作为参数React 组件在加载时将 DOM 元素传入ref的回调函数，在卸载时则会传入null。ref回调会在componentDidMount或componentDidUpdate这些生命周期回调之前执行。页面布局：水平滚动垂直滚动运行一套布局代码，通过this.state.type 判断，...

2019-04-04 14:58:55 1491 1

原创 audio 自动播放

<audio id="voice" loop src="/photo/aa.mp3" id="audio" autoplay preload="auto">该浏览器不支持audio属性</audio>src:音频地址autoplay:音频加载完毕后自动播放。controls:显示播放控制条。loop:播放完毕后会重复播放。preload:1)auto ...

2019-04-04 14:24:30 5682

原创 JS判断是IOS还是Android，判断是否微信浏览器

//userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值var u = navigator.userAgent;//Android终端var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //iOS终端var isiOS = !!u.match(/\...

2019-02-28 10:54:27 1046

原创 Redux

写的很好的一篇文章https://www.cnblogs.com/bax-life/p/8440326.html

2019-02-26 11:17:29 147

原创微信小程序修改键盘的回车键

在input标签中有一个confirm-type 属性，即设置键盘右下角按钮的文字，仅在type=’text’时生效<input type="text" placeholder="请输入内容" confirm-type="done"/><input type="text" bindinput="listenWallText" bindfocus='settin

2018-11-20 11:05:52 4297

原创小程序组件input:真机键盘弹窗遮盖输入框一部分样式

问题：默认没有点击input输入框（评论框）的时候：点击了input组件，键盘弹起时，自动上推页面，默认键盘弹窗弹出到位置是input组件输入聚焦位置（就是输入框的光标一直闪烁的位置）；所以就是没有设置input组件和键盘的位置距离导致的覆盖相关样式现象。解决方法：1：可以设置cursor-spacing 的属性距离2：使用bindfocus、bindblur 操作函数来...

2018-11-16 11:26:09 2959

原创 Promise

在JavaScript的世界中，所有代码都是单线程执行的。由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。异步执行可以用回调函数实现：function callback() { console.log('Done');}console.log('before setTimeout()');setTimeout(callback, 10...

2018-11-14 14:10:36 154

原创 Object.assign()方法的用法

1.合并多个对象2.克隆对象（浅）；3.为对象添加多个方法定义方法：insertRprm(data) { let params = Object.assign({}, { pagename: 'new_wechat', eventtype:'tap', side: 'C', }, data) }使...

2018-11-14 13:49:13 1634 2

原创 # angular1.X#教程

用Yeoman构建AngularJS项目https://www.cnblogs.com/amoyzhu/p/8796493.htmlangular自定义指令详解https://www.cnblogs.com/ermu-learn/p/5913760.html

2018-11-01 09:50:46 614

原创 #小程序#小程序中父子组件间的通信与事件

子 - Component child.json{ "component": true, "usingComponents": {}}child.wxml<view class='template-child'> <block wx:for='{{dataFromParent}}'> <button data-id='{{it...

2018-10-30 18:23:19 559

转载深拷贝浅拷贝

https://www.cnblogs.com/echolun/p/7889848.html

2018-10-18 18:29:32 127

原创 #CSS3#文本text-stroke文字描边及渐变

-webkit- 是浏览器前缀, 表示特定浏览器对一个属性还在实验阶段, 在这里顺便写下各个浏览器的前缀: chrome/ safari -webkit- firefox -moz- IE -ms- opera -o-...

2018-09-29 15:11:44 2633

原创 #小程序#获得屏幕高度，view高度

wxml中：<view id='getheight'></view>var query = wx.createSelectorQuery();query.select('#getheight').boundingClientRect()query.exec(function (res) { //console.log(res); console.log(r...

2018-09-26 17:42:42 7397

原创 #小程序#图片上传

首先，我们来看一看wx.chooseImage(object)和wx.uploadFile(OBJECT)这两个apiwx.chooseImage({ success (res) { const tempFilePaths = res.tempFilePaths wx.uploadFile({ url: 'https://example.weixin....

2018-09-25 14:05:31 311

原创手动搭建webpack + vue + loader

一、安装配置环境1.1、首先确定已经安装node.js没有安装node.js可以去node.js官网下载并安装（http://nodejs.cn/）。非常简单，这里不再赘述。 1.2、安装webpack 1. windows+R 输入cmd打开控制台，进入D盘（命令 d:） 2. mkdir webpack-test // 新建一个文件夹目录 3. c...

2018-08-30 15:30:15 439

原创 #JavaScript#js的原型继承

1. f.__proto__ === f[的构造函数].prototype === F.prototype2. F.prototype.__proto__ === (F.prototype)[的构造函数].prototype === Object.prototype 3. f.constructor === F4. F.__proto__ === F[的构造...

2018-08-23 14:57:20 163

原创 #JavaScript#数组

#1.Array.of() 返回由所有参数组成的数组，不考虑参数的数量或类型，如果没有参数就返回一个空数组 (ES6新增)#2.Array.from()从一个类数组或可迭代对象中创建一个新的数组 (ES6新增)1.数组合并去重//数组合并去重function combine(){ let arr = [].concat.apply([], arguments); //没有...

2018-08-22 18:18:38 140

原创 webpack 提示 Uncaught Error: [HMR] Hot Module Replacement is disabled

webpack打包完成页面未渲染出来提示：Uncaught Error: [HMR] Hot Module Replacement is disabledconst path = require('path')const HTMLWebpackPlugin = require('html-webpack-plugin')const webpack = require('webpack')...

2018-08-22 18:16:02 999

原创有趣的API： history pushState/popstate 无刷新跳转

history.pushState(state, title, url) : 无刷新的向浏览器历史最前方加入一条记录。 state(any) 需要保存的数据，这个数据在触发popstate事件时保存在event.state上。 title(string)： Firefox 目前忽略了這個參數，雖然他以後有可能會採用。如果以後改變了這個作法，傳送空白的字...

2018-08-20 10:37:54 972

原创 #小程序#支付

1.开通微信支付和微信商户号这个过程就和开通服务号的微信支付过程一样，没有什么可以说的。 2.获得用户的openid首页我们需要在小程序的客户端js中获取当前用户的openid,通过调用wx.login方法可以得到用户的code,然后开发者服务器使用登录凭证 code 获取 openid。wx.login({ success: function(res) { ...

2018-08-14 16:32:32 284

原创倒计时

倒计时60秒require(['../js/tools.js','../js/dom.js'],function(){ var that,countdown=60,s; var obj = { init:function(){ that = this; tools.drawHeader();//添加头部 tools.drawFooter();//添加底部 t...

2018-08-14 13:41:03 164

原创 #javascript#判断类型的方法

1.判断类型的方法1.typeof alert(typeof a);2.instanceof alert(a instanceof Array);3.constructor a.constructor === Array4.prototype Object.prototype.toString.call(a) === '[object String]'5...

2018-08-14 10:44:58 177

原创 #JavaScript#apply和call

1.applyapply:方法能劫持另外一个对象的方法，继承另外一个对象的属性.Function.apply(obj,args)方法能接收两个参数obj：这个对象将代替Function类里this对象args：这个是数组，它将作为参数传给Function（args-->arguments）all:和apply的意思一样,只不过是参数列表不一样.Function.cal...

2018-08-08 15:17:44 126

原创 #JavaScript#从数组中删除指定值(不是指定位置)的元素实现代码

2018-07-27 16:04:04 403

原创 #JavaScript#substring()和slice()和splice()和split()和substr()的区别

一、substring()是截取字符串Stringvar s = 'hello, world';s.substring(0, 5); // 从索引0开始到5（不包括5），返回'hello';s.substring(7); // 从索引7开始到结束，返回'world';二、slice()是截取数组或字符串Array 和Stringvar arr = ['A', 'B', 'C...

2018-07-26 11:50:42 180

原创 #JavaScript#对象属性赋值

var util = require('../../utils/util.js')var app = getApp();Page({ // RESTFul API JSON // SOAP XML //粒度不是力度 data: { inTheaters: {}, comingSoon: {}, top250: {}, searchResul...

2018-07-26 10:58:38 1149

原创微信小程序-wx_sample.php

在SAE上使用wx_sample.php获取token失败问题<?phpheader("Content-Type:text/html; charset=utf-8"); //添加这行define("TOKEN", "weixin");$wechatObj = new wechatCallbackapiTest();$wechatObj->valid();class ...

2018-07-23 16:57:54 1019

转载微信小程序中javascript将String进行Base64编码并UTF-8格式输出

提供一种Base64编码,并输出UTF-8格式的BASE64编码方式。本程序在微信小程序开发工具中已经测试通过。 Base64代码：(function(){ var BASE64_MAPPING = [ 'A','B','C','D','E','F','G','H', 'I','J','K','L','M','N','O','P', 'Q','R','S','T',...

2018-07-19 16:52:12 4847

空空如也

空空如也