- 博客(50)
- 收藏
- 关注
原创 企业微信调用JSSDK wx.agentConfig 签名 安卓正常,IOS失败
企业微信调用JSSDK wx.agentConfig 签名 安卓正常,IOS失败
2023-10-18 14:45:49
597
原创 #React#cloneElement
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
310
原创 #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
218
原创 #React#递归嵌套组件调用
项目中有侧边栏的层级菜单或者需要根据接口生成DOM树等操作时,如何实现组件的递归调用呢?项目中有侧边栏的层级菜单或者需要根据接口生成DOM树等操作时,这里就需要用到了组件的递归调用。使用React来简单实现下组件的递归。在React可以通过props和children来向子组件传递信息数据结构:子组件:render() { const list: any = this...
2020-04-14 15:10:34
1386
原创 时间格式转换
formatDate(date){//设置时间转换格式vary=date.getFullYear();//获取年varm=date.getMonth()+1;//获取月m=m<10?'0'+m:m;//判断月是否大于10vard=date.getDate();//获取日...
2020-04-13 14:46:12
169
原创 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
1275
原创 颜色值转化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
2122
原创 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
509
原创 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
318
原创 #es6#Symbol
ES6 引入了一种新的原始数据类型Symbol,表示独一无二的值。它是 JavaScript 语言的第七种数据类型,前六种是:undefined、null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。1.使用Symbol来作为对象属性名(key)当使用了Symbol作为对象的属性key后,在对该对象进行key的枚举时,会有什么不同?在实际应...
2019-06-25 20:32:18
118
原创 React 项目通过操作DOM水平滚动-垂直间歇性滚动
当给 HTML 元素添加ref属性时,ref回调接收了底层的 DOM 元素作为参数React 组件在加载时将 DOM 元素传入ref的回调函数,在卸载时则会传入null。ref回调会在componentDidMount或componentDidUpdate这些生命周期回调之前执行。页面布局:水平滚动垂直滚动运行一套布局代码,通过this.state.type 判断,...
2019-04-04 14:58:55
1515
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
5704
原创 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
1058
原创 微信小程序 修改键盘的回车键
在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
4346
原创 小程序组件input:真机键盘弹窗遮盖输入框一部分样式
问题:默认没有点击input输入框(评论框)的时候: 点击了input组件,键盘弹起时,自动上推页面,默认键盘弹窗弹出到位置是input组件输入聚焦位置(就是输入框的光标一直闪烁的位置);所以就是没有设置input组件和键盘的位置距离导致的覆盖相关样式现象。解决方法:1:可以设置cursor-spacing 的属性距离2:使用bindfocus、bindblur 操作函数来...
2018-11-16 11:26:09
2974
原创 Promise
在JavaScript的世界中,所有代码都是单线程执行的。由于这个“缺陷”,导致JavaScript的所有网络操作,浏览器事件,都必须是异步执行。异步执行可以用回调函数实现:function callback() { console.log('Done');}console.log('before setTimeout()');setTimeout(callback, 10...
2018-11-14 14:10:36
164
原创 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
1673
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
627
原创 #小程序#小程序中父子组件间的通信与事件
子 - 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
568
原创 #CSS3#文本text-stroke文字描边及渐变
-webkit- 是浏览器前缀, 表示特定浏览器对一个属性还在实验阶段, 在这里顺便写下各个浏览器的前缀: chrome/ safari -webkit- firefox -moz- IE -ms- opera -o-...
2018-09-29 15:11:44
2706
原创 #小程序#获得屏幕高度,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
7416
原创 #小程序#图片上传
首先,我们来看一看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
327
原创 手动搭建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
443
原创 #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
174
原创 #JavaScript#数组
#1.Array.of() 返回由所有参数组成的数组,不考虑参数的数量或类型,如果没有参数就返回一个空数组 (ES6新增)#2.Array.from()从一个类数组或可迭代对象中创建一个新的数组 (ES6新增)1.数组合并去重//数组合并去重function combine(){ let arr = [].concat.apply([], arguments); //没有...
2018-08-22 18:18:38
146
原创 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
1005
原创 有趣的API: history pushState/popstate 无刷新跳转
history.pushState(state, title, url) : 无刷新的向浏览器 历史最前方 加入一条记录。 state(any) 需要保存的数据,这个数据在触发popstate事件时保存在event.state上。 title(string): Firefox 目前忽略了這個參數,雖然他以後有可能會採用。如果以後改變了這個作法,傳送空白的字...
2018-08-20 10:37:54
983
原创 #小程序#支付
1.开通微信支付和微信商户号这个过程就和开通服务号的微信支付过程一样,没有什么可以说的。 2.获得用户的openid首页我们需要在小程序的客户端js中获取当前用户的openid,通过调用wx.login方法可以得到用户的code,然后开发者服务器使用登录凭证 code 获取 openid。wx.login({ success: function(res) { ...
2018-08-14 16:32:32
288
原创 倒计时
倒计时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
170
原创 #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
187
原创 #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
135
原创 #JavaScript#从数组中删除指定值(不是指定位置)的元素实现代码
<script type="text/javascript"> Array.pArray.prototype.indexOf = function(val) { //prototype 给数组添加属性 for (var i = 0; i < this.length; i++) { //this是指向数组,this.length指的数组类元素的数量 ...
2018-07-27 16:04:04
418
原创 #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
183
原创 #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
1160
原创 微信小程序-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
1025
转载 微信小程序中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
4853
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人