- 博客(35)
- 收藏
- 关注
RSS订阅
原创 如何快速做一个微信自动拉群机器人 足够简单 足够粗暴
wechaty首先，wechaty了解一下，文档链接：https://docs.chatie.io/v/zh/只需要6行代码，你就可以通过个人号搭建一个微信机器人功能 ，用来自动管理微信消息，是不是很简单很粗暴~~const {Wechaty} = require('wechaty')new Wechaty({name:'robot'}).on('scan', qrcod...
2019-06-14 16:44:21
11959
原创 微信小程序 项目常用封装（wepy）
起因在小程序里发起网络请求的时候需要写很多的参数，当频繁调用时，每次都写真心觉得累，那就封个方法统一调用吧官方文档官方文档官方示例wx.request({ url: 'test.php', //仅为示例，并非真实的接口地址 data: { x: '' , y: '' }, header: { 'content-type'...
2018-03-18 19:40:49
2819
原创 前端知识图谱
Tips:这是一个新开的项目，会一步步完善。GitHub地址：https://github.com/webxing/FrontEndMap说明以思维导图的形式梳理前端知识体系此项目每日更新，会提供思维导图源文件及图片，有必要的地方会提供代码或者开issue，具体的会在对应文档中说明。你可以用此项目来迅速巩固自己的知识体系，也可以由此步入前端的世界，希望可以对你有所帮助，个人精力和经验有限...
2020-03-14 22:23:31
710
原创 wx.chooseImage 选择图片回调不执行
现象有时候 在ios上使用wx.chooseImage选择图片时 success fail complete 的所有回调都不执行原因先排查下选择的图片是否是iCloud图片，iCloud图片需要完全下载之后才能上传。如果小程序无法选择的图片，这张图片在微信会话里面也是发送不了例如下图这样的就没有办法在小程序里选中 而且三个回调都不会执行...
2019-06-18 11:22:19
1729
原创 微信小程序 canvas绘制多行文本（文本换行）
效果图代码实现/** *【drawTxt】canvas 绘制多行文本 *【TODO: 中英混排且考虑单词截断...】 * * @param {*} context 绘制上下文环境 【必传】 * @param {*} scale 缩放比 windowWidth / 750 * @param {*} text 文本内容 * @param {*} broken 单词是否截断显...
2019-03-22 14:52:11
1843
1
原创 用JavaScript自己手写一个promise
调用then的时候，如果异步任务已完成则执行成功或失败的回调，否则挂起队列。当promise状态改变的时候，调用挂起的队列，执行传入的then的回调函数。 // promise本质：状态机 // 1.当状态改变的时候，调用之前挂起的then队列 // 2.then的时候执行对应的函数 并传参 class MyPromise { constructor(...
2019-01-20 15:13:27
319
原创 JavaScript中序表达式转后序表达式并计算结果
简书地址：https://www.jianshu.com/u/489662a091fd更多算法 持续更新中…为什么要转换中序表达式：10*(8-2*1)*2-30后序表达式： 10821*-230-中序表达式是给人看的，可以直观的根据优先级计算出结果，但是计算机无法自动识别优先级，因此将带有计算的优先级和括号的中序表达式变成符合某文法的后序（或前序）表达式之后，计算机可以通过从左到右（...
2019-01-17 02:43:18
442
原创 JavaScript完成迷宫的自动生成与自动求解
语言：JavaScript简书：https://www.jianshu.com/u/489662a091fdGitHub：https://github.com/webxing迷宫生成戳我去GitHub看详细代码以及生成动画>>>>迷宫生成下文所涉及的迷宫为：只有一个出口，一个入口解有且只有一个方形画布，行与列均为奇数墙与路径均占一个格子
2019-01-15 00:42:55
919
原创 如何用Vue自己写一个简易版elementUI的form组件
完整源代码请移步GitHub： https://github.com/webxing/element_form简书地址： https://www.jianshu.com/u/489662a091fd （更新高于CSDN）要仿照的elementUI的效果：<el-form :model="ruleForm" :rules="rules" ref="loginForm"> <...
2019-01-11 01:00:32
1128
原创 javascript设计模式
前言以下代码以及结合设计模式所做的案例请移步github: https://github.com/webxing/design_patterns设计原则单一职责原则一个程序只做好一件事如果功能过于复杂就拆分开，每个部分保持独立开放封闭原则对扩展开放，对修改封闭增加需求时，扩展新代码，而非修改已有代码软件设计的终极目标李氏置换原则子类...
2018-09-07 14:10:10
483
原创 Node实现爬虫
以下例子的源代码：https://github.com/webxing/crawler_node爬虫按照一定的规则自动抓取网络信息的程序反爬虫user-Agent，Referer，验证码单位时间访问次数，访问量关键信息图片混淆异步加载爬虫利器puppeteer中文文档：https://zhaoqize.github.io/puppeteer-...
2018-09-07 14:09:19
323
原创 超详细ES6代码段
let和const/* 1. let和const*/(() =&gt; { // let: 块级作用域 for (let i = 0; i &lt; 3; i++) { console.log(i) // 0 1 2 } console.log(i) // Uncaught ReferenceError: i is not d...
2018-09-04 10:05:39
573
原创 JavaScript设计模式
工厂模式将 new 操作单独封装遇到 new 时，就要考虑是否该使用工厂模式示例去买饭，直接点餐，取餐，不会自己亲手做饭店要封装做饭的工作，做好直接给买者UML类图代码class Product { constructor(name) { this.name = name } init() { ...
2018-09-03 13:40:19
378
原创 前端中的通信（一）
什么是同源策略及限制源：协议(http/https/ws)+域名(www.baidu.com)+端口(80)，不一样就是跨域了。同源策略：限制两个不同的源之间的资源交互，是用于隔离潜在恶意文件的安全机制。限制： – cookie、localStorage、indexDB无法读取 – DOM无法获得 – Ajax请求不能发送前后端如何通信Ajax websocket...
2018-06-29 23:17:12
421
原创 移动端原生无缝滑动
布局包裹层相对定位ul绝对定位，后续通过调整left值达到移动效果li浮动原理基础布局结果 当手指触摸黄色区域1时，布局如下 -当手指触摸蓝色区域3时，布局如下 通过瞬间改变ul的left值，此时达到视觉上的左右滑动都无缝 函数 function start(ev){ let e = ev.chang...
2018-06-27 21:46:38
429
原创 js没有重载
重载函数同名不同参数（类型和数量）的函数之间互称为重载函数。理解参数js中的参数不同于传统的编程语言中的参数，它的参数在内部是用一个数组来表示的，函数接收到的始终都是这个数组。在函数体内部，可以通过arguments对象来访问这个参数数组，从而获取传递给函数的每一个参数。没有重载根据以上内容可知，js函数接收到的始终是数组，无法直接根据参数列表的不同来执行不同的行为，而...
2018-06-25 15:15:31
482
原创 js参数是按值传递的
起源function setName( obj ){ obj.name = 'A';}let man = new Object();setName(man);console.log(man.name); // A通过上述代码段，可以看出，在局部作用域中修改的对象，会在全局作用域中体现出来。对于接触过C++的我来说，我的第一反应是这个参数是按引用传递的，可是事实却是按值...
2018-06-25 14:40:39
516
原创 随机渐变背景色
说明随机颜色随机渐变类型代码段 var randum = function(max) { //随机数 return Math.round(Math.random() * max); } var hexify = function(x) { //转换16进制 return ('0' + parseInt(x).toString(16)).slice...
2018-04-13 19:20:07
1096
原创 微信小程序 左右滑动切换页面（炫酷效果）以及点赞特效
效果图gif放不上来。。我就直接口述了。。需要看具体效果戳GitHub>>>>>demo地址首先左右滑动的时候整个页面会以动画效果切换（demo里是反转和水平淡出）然后那个红色的小心心是点赞之后的状态，过程也是动画划重点–大家一定用过animate.css，微信小程序里可以用ripples.wxss来代替，具体怎么用，取决于你思路滑动 ...
2018-04-08 17:24:04
17766
2
原创 微信小程序 滑动删除列表项
效果图滑动效果+删除思路每个列表项绑定touchstart和touchmove事件，监听滑动手势，确定滑动角度，判断滑动是否有效列表数据源每一项包含标志值isTouchMove，用来确定此项是否滑动成功列表项有两个类，根据isTouchMove的值来确定渲染那个类删除时直接操作数据源关键代码段touchmove: function (e) { ...
2018-03-16 20:43:27
1377
原创 截取URL携带的参数
function parseUrl(url) { if (!url) return { host: null, query: {} } let schemaIndex = url.indexOf('://') let url2 = url.substr(schemaIndex + 3) let host = url2.substr(0, url2.indexOf('/')) ...
2018-03-16 15:41:32
841
原创 微信小程序 如何把小程序页面保存至用户相册
思路canvas绘制出页面将canvas转化成图片，获取到临时路径用临时路径将图片保存至相册组件及APIcanvas ( 画布 ) 官方文档链接wx.canvasToTempFilePath ( 将canvas转换为临时文件路径 ) 官方文档链接wx.saveImageToPhotosAlbum( 保存图片到系统相册 ) 官方文档链接举个栗子wxml...
2018-03-10 17:38:52
18542
2
原创 php中cookie和session
如何在不同的页面间共享数据呢？数据库：慢，PHP连接Apache，Apache连接数据库服务器包含文件:较慢，PHP连接Apache，不用二次通讯，在本服务器上读取对应的文件即可，受约于硬盘的转速cookie：利用的也是文件，存的时候是数组的形式，拿出来也是可以直接使用的数组session：利用的也是文件，存的时候是数组的形式，拿出来也是可以直接使用的数组内存：最快，关机消失，可以从...
2018-02-20 00:03:21
243
原创 如何在github上创建自己的项目
======记一次从创建仓库到上传代码的过程====== 项目地址：https://github.com/webxing/Pagination.class.php=====首先借用阮一峰老师的图说明一些关系===== 图片取自：http://www.ruanyifeng.com/blog/2015/12/git-cheat-sheet.html 单分支操作创建仓库 ...
2018-02-19 17:08:53
2974
原创 php中mysql事务回滚无效
我的测试环境：AppServ<?php header("Content-type:text/html;charset=utf-8"); $pdo = new PDO('mysql:host=localhost;dbname=data','root','root'); $pdo->exec('set names utf8'); $pdo->s...
2018-02-18 21:14:34
2085
1
原创 php之计算机中丢失php_mbstring.dll
保存.php文件时提示“丢失php_mbstring.dll”，解决方法如下 在C盘windows下找到php.ini文件， 打开文件，搜索找到extension=php_mbstring.dll，把这句话剪切到extension=php_exif.dll前边 保存即可 github：https://github.com/webxing 简书：https://www.ji...
2018-02-06 19:03:48
819
原创 vue调用视频播放插件
安装依赖 npm install vue-video-player -S引入配置import VideoPlayer from 'vue-video-player'require('video.js/dist/video-js.css')require('vue-video-player/src/custom-theme.css')Vue.use(VideoPlayer)ht...
2018-02-06 13:36:26
21432
11
原创 vue之组件通信
父和子之间的通信 props:(子组件使用父组件的数据)子和子之间的通信 - 使用 `$on(eventName，function(){})` 监听事件 - 使用 `$emit(eventName,data)` 触发事件github：https://github.com/webxing 简书：https://www.jian...
2018-01-30 11:24:19
298
原创 sublime安装插件
百度下载sublime破解sublime取百度一段注册码贴进去就OK了。贴一段3的注册码，亲测可用首先需要安装packagecontrol，进入https://packagecontrol.io/，点击右侧的install now,复制里边相应的文字，如sublime3 import urllib.request,os,hashlib; h = '6f4c264a24d933ce7...
2018-01-26 14:25:14
400
原创 微信小程序之重新调起授权
起源在做小程序时授权问题是少不了的，可有时候总有人会点击拒绝授权，那我们开发拿不到需要的数据是不是很苦恼呢？我在自己正在做的小程序里使用了一种方法，现在分享出来~~我的这个demo是个人信息+地理位置的双重授权思路要么授权通过，进入首页要么拒绝授权，停留在有授权入口的页面需要设置一个标志值：authorizeInfo，根据此值得真假来决定是渲染首页还是渲染显示重新授权的...
2018-01-26 14:20:48
4132
原创 微信小程序之navigateTo跳转失败--未解
今天遇到了很坑的问题，navigateTo跳转失败地莫名其妙，只有在我手机上测试会跳转失败（有时成功，有时失败），在模拟器和别人手机上跳转都是成功的，很是疑惑，难道我手机有毒。路径什么的是绝对没问题的。求解。。。 //获取scoreinputerinfo 失败-定时重新获取 var timer = setInterval(function () { wx.ge...
2018-01-20 13:41:31
2234
1
原创 小程序之基础布局flex
flex布局初始布局<view class="container"> <view class='item'>1</view> <view class='item'>2</view> <view class='item'>3</view> <view
2018-01-04 14:42:07
725
转载 addEventListener()与removeEventListener()
addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。所有的DOM节点中都包含这两种方法，并且它们都接受3个参数：要处理的事件名、作为事件处理程序的函数和一个布尔值。最有这个布尔值参数是true，表示在捕获阶段调用事件处理程序；如果是false，表示在冒泡阶段调用事件处理程序。要在按钮上为click事件添加事件处理程序，可以使用
2016-08-19 16:31:01
2292
原创 面向对象-拖拽
拖拽的时候，如果触发了浏览器默认行为，就会影响效果，所以需要的时候要阻止浏览器默认行为。 解决： 标准：阻止默认行为 ，return false 即可。 非标准ie：全局捕获。obj.setCapture(); div{width: 100px;height: 100px;background: red;position
2016-07-28 13:12:39
429
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人