- 博客(43)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 安装Homebrew报错 curl: (7) Failed to connect to raw.githubusercontent.com port 443: Connection refused
网上有很多方式，这里只说自己解决的方式1.打开网站: https://www.ipaddress.com/查询 raw.githubusercontent.com 对应的ip地址2.将查询出来的地址映射加到hosts文件里面圈出来的红色的部分写上就可以了。绿色部分下面会说到199.232.68.133 raw.githubusercontent.com 199.232.68.133 user-images.githubusercontent.com199.232.68.133
2020-10-30 17:31:47
861
2
原创 小程序swiper月份日历滑动
在小程序里用swiper做了一个月份日历，先上图叭直接贴代码叭：<view class="container"> <view class="calendar"> <view class="calendar-head"> <image src="http://wechat.espot.com.cn/gais/webResource1/staticResource/new/xiangyoujiantou.pn
2020-10-20 14:38:53
500
2
原创 小程序订阅消息（服务通知）实现 wx.requestSubscribeMessage
先上效果图：最近做了一个小程序的服务通知，虽然做好了，但过程还是比较坎坷，记录下，希望能给需要的伙伴一个参考先上文档：小程序服务通知订阅消息开发文档第一步：根据官方文来，先在微信公众平台登录小程序后台配置模板，获取模板id：，这块的模版可以在公共模版库里选。也可以新申请，但是需要3-7天才能出审核结果。下面是模版生成的效果图。第二步，获取下发权限在获取下发权限之前，需要先获取小程序code和订阅消息的模板id给服务端，以便后台人员进行服务端配置// 这里是获取下发权限地方，根据官方文档，
2020-08-28 16:31:25
33887
19
原创 react Portals(插槽)
这篇文章说说关于Protals2个点：Portals的概念及使用Protals的事件冒泡一、关于react的Portal插槽。根据官网的说法：Portals传送门Portal提供了一种将子节点渲染到存在于父组件以外的 DOM 节点的优秀的方案。一个 portal 的典型用例是当父组件有 overflow: hidden 或 z-index 样式时，但你需要子组件能够在视觉上“跳出”...
2020-04-10 15:24:53
577
原创 react ProvidePlugin - Search for the keywords to learn more about each error.
Search for the keywords to learn more about each error.ProvidePlugin传送门场景： 在react中配置jquery全局变量，webpack官网是这么说的，直接写上插件配置，就可以直接使用。照着官网对webpack.config.js进行文件配置：webpack.config.jsplugins: [ ... ...
2020-04-09 16:26:37
10658
原创 reac-获取自定义data-属性
在react中可以使用data-attributes传递参数。而获取参数看到网上大多数都是用e.target.getAttribute('data-add')来获取，这样是可行的。但其实react提供了获取自定义data属性的方法： e.target.dataset.add。官方文档。看下面代码：home.jsclass Home extends Component { getD...
2020-03-31 11:25:25
2526
原创 react状态提升理解
状态提升,就是react帮我们把多个组件需要用到的数据，提升到最近的父组件中统一管理并传给子组件。各个组件只能管理自己的状态。提升到父组件之后，子组件的就只能使用父组件传过来的props进行渲染，不能控制。react是自上而下的数据流。并且所有的数据源都在父组件，方便了我们对于bug的排查。下面根据官网的例子写的一个demo。官网传送门;项目创建是用create-react-app，不...
2020-03-30 15:12:32
421
原创 create-react-app打包环境配置
create-react-app 不同环境打包及打包到对应的文件夹内设置不同环境的打包，这里区分为三种环境，线上的测试，演示，正式环境1。安装 cross-env。兼容跨平台(window, mac)设置的环境变量的有效性。npm install npm install --save-dev cross-env2.在package.json中配置打包命令，create-react-app...
2020-03-12 18:11:16
2776
2
原创 npm 升级
npm 版本升级mac版本npm install -g npm1.网上有看到别的同学碰到升级报错的情况：可以试试用管理员身份安装：sudo npm install -g npm windows版本npm install -g npm2.安装完成之后，输入npm -v检查是否升级成功，我是从6.7.0 到 6.13.7：...
2020-02-15 17:39:56
1024
原创 H5微信支付
h5微信支付h5的微信支付一般分为2种情况：在微信中直接用链接打开或者从公众号打开h5页面(微信内支付)。在手机浏览器中打开h5进行微信支付(微信外支付)一、微信内支付(JSAPI支付)参考链接：https://www.cnblogs.com/ganws/p/11139149.html微信支付文档链接：https://pay.weixin.qq.com/wiki/doc/api/j...
2019-11-29 15:32:48
967
原创 charles mock 数据返回
charles模拟服务器返回数据用的mac(所以下面只讲解mac版的)；参考链接： https://blog.csdn.net/u012685021/article/details/549267371. 准备条件：1.客户端电脑和手机需要连接同一个wifi2.官网下载安装charles，根据你的电脑系统选择相应的下载的版本。2. 下载 charles.jar 破解文件，将下载好的文...
2019-11-26 15:12:24
3567
原创 webpack图片打包(2)
webpack只认识js文件和JSON文件，所以打包的时候默认是会对这两种类型的文件进行打包。但实际的项目中，除了js和JSON，还有css， img等文件。这些文件就需要依赖loader来进行编译然后才能被浏览器识别并渲染出来。loader就是文件打包的一种解决方案。下面我们要认识的是：图片打包css打包先来说图片打包，现在看下目录结构，新建images文件夹，随便下载一张图片放进去...
2019-06-04 12:41:08
1037
原创 webpack基础配置(1)
1.webpack配置打开我们在上文中操作的文件夹，webpackdemo|- dist|- node-modules|- src|- index.html|- index.js|- package.json|- package-lock.json为了后期文件便于管理，并且webpack的默认配置的打包入口文件就是src文件夹下的index.js文件。现在我们调整下文件结构。...
2019-05-31 10:30:32
185
原创 webpack基础
从这篇开始，会不定期更新webpack教程。希望能帮到在路上的小伙伴webpack文档.准备：1.安装node.js环境并配置好安装webpacktip: 安装之前一定要先安装node node官网.1. 新建文件夹并进入打开命令框工具，输入npm init现在文件夹下会生成一个package.json文件，这个文件包含项目基本信息：// <!-- package....
2019-05-31 10:24:35
144
原创 移动端无插件上拉加载
在写这篇文档之前，自己也写过移动端的上拉加载，不过一直以来都是用插件。这次有时间吧原理好好梳理下；原理：浏览器内容高度(随内容多少变化)： document.documentelement.scrollHeight(ie的scrollHeight为document.body.scrollHeight)滚动条的高度： dooument.documentelement.scrollTop(i...
2019-03-27 11:53:30
391
1
原创 github+hexo搭建博客基础教程
准备：1.安装node.js环境并配置好配置好之后，window + R 打开运行窗口，输入如下命令。出现版本号则说明安装成功 2.github注册并新建一个仓库，仓库名必须和用户名相同，格式遵守：用户名.github.io点击确定，仓库就建好了。 3.在仓库上面最右边的菜单点击setting然后向下拉到Github Pages,圈出的地方会有个网址（ps: 我...
2019-03-22 17:48:25
340
2
原创 mint-ui弹窗cdn引入如何调用？
mint-ui平时使用多的经常是在类似 vue-cli 搭建好的框架中用import 引入，那如果我们cdn直接引入 script 。那里面的消息框该怎么用呢？<link rel="stylesheet" href="/Public/app_car_sales/css_v1_1/mint.ui.css"><script src="/Public/app_car_sales/j...
2019-03-06 14:54:22
2969
原创 react super理解
最近在看react的文档，发现react的逻辑都是以component为基础的。比如：class Clock extends React.Component { constructor(props){ super(props); console.log(this); } }在es6中class的继承是通过extends关键字实现的。c...
2019-02-20 16:43:47
1007
原创 react初识
react初识新年伊始，领导说后面相面考虑用react开发，最近看了react的文档。真心话，觉得好复杂。个人想法ps: 也可能是因为之前用的vue，一时半会转不过来的原因 。希望不会有人打我
2019-02-20 14:56:36
133
原创 node 创建一个服务
node创建一个服务在创建服务之前，要先安装node以及npm包管理（现在的node都带有默认的npm包管理）通过这个demo演示创建服务的过程//http.js//引入http模块var http = require('http');//创建一个服务http.createServer(function(request, response){ //request 请求体 //r...
2019-02-11 17:47:03
562
原创 jQuery.range 双滑块范围选择
基于jquery的双滑块范围选择插件jquery.range.js效果（颜色默认为绿色，这里我改了本地的css文件）：1.首先载入jquery以及range插件相关文件：<link rel="stylesheet" href="range.css"><script src="jquery.js"></script><script
2019-01-14 16:46:35
3526
原创 加入购物车动画，基于jquery的fly.js插件
购物车飞入动画基于jquery的 fly.js插件,只需设置起点和终点的坐标即可，抛物线由fly.js来完成资源下载地址： https://github.com/amibug/fly<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title
2019-01-14 14:46:46
822
原创 获取经纬度之间的距离
//经度： longitude//纬度： latitude//计算经纬度知之间的距离(基于假设地球是椭圆)function getFlatternDistance(lat1,lng1,lat2,lng2){ var EARTH_RADIUS = 6378137.0; //单位M var PI = Math.PI; function get...
2019-01-14 11:40:39
1557
原创 小程序中 opacity 真机无效
最近刚做小程序碰到的一个问题，记录下，希望能帮到要用的小伙伴。中间有用到密码框6位隐藏输入，上面是效果截图，在电脑上截的，所以大家忽略中间两个点：其实这个密码框的效果实现并不难。思想就是：写6个相同的inpu框，type为password，禁止输入。然后写一个input框，定位到这6个密码框的上方。把他的透明度设为0。当用户输入的时候实际是输入到了上面的那个透明的input框，...
2018-09-25 17:51:36
4194
原创 事件委托之 ios
先说问题：底下的这张图是弹出的弹窗，上面需要绑定获取验证码，以及绑定手机号的事件。在安卓和pc上面均是正常的。但是在ios下面，完全没反应。 问题分析：1、由于弹窗是在点击时候才出现的，所以页面刚开始渲染的时候，是没有弹窗的dom的。也就是说，这里牵扯一个动态渲染dom并为其绑定事件，2、绑定事件的目标元素没有可点击属性，比如，div、span。如果是a、button,那么cl...
2018-06-22 11:57:22
429
原创 ios下输入框input进行fixed定位 bug
在做移动端开发时，经常会遇到，弹窗框内有input输入框，这可以说与ios相爱相杀了。一个很让人头疼的问题，就是ios下面的input输入框fixed定位。 1、先来看代码结构 <!DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><
2018-06-21 18:08:55
6580
原创 vue中动态添加swiper，滑动效果不起作用
vue中动态添加swiper，滑动效果不起作用在页面开发过程中，slide的数据经常是需要动态获取然后赋值，但这个时候dom已经渲染完成，所以，页面上的slide并没有更新碰到这个问题的小伙伴，看来还是没把swiper深究。其实swiper的开发者早就想到这个问题了，有时间可以看下swiper的开发文档： http://www.swiper.com.cn/api/observer/218.htm...
2018-05-30 18:29:29
7153
3
原创 移动端点击事件、滑动不可用的坑~~
前两天被一个问题坑了一整个下午，准确的说是被自己坑的，最后的结果还是很俗套的找到了原因调试的时候，为了禁止页面的滑动触摸事件，监听了touchmove事件，然后在点击事件找到别的方法禁止掉后，忘掉把滑动触摸事件删掉。然后就没有然后了在这里也说下，一般移动端页面的点击事件不起作用，或者滑动不起作用，一般检查这两处，基本就能解决：1.是否在页面根元素，设置了overflow: hidden2.看下是禁...
2018-04-24 19:39:44
4661
原创 video 小窗播放 （记）
最近接触到移动端播放视频，着实是头疼了比较长的时间。特此来记录一波，怀念下当初（非常难忘）的日子 首先先提醒小伙伴，h5其实是有自己的video播放的(这是最常规的用法)：关于video的参数可以戳这了解下：https://blog.csdn.net/huang100qi/article/details/53405876（这个视频源也是找的别人的，但是忘了地址了，在此多谢）&...
2018-04-24 19:20:49
2931
原创 QQ分享调用及坑点
最近在做一个h5活动页，要求是能够在微信，qq，浏览器中自定义分享，由于之前没做过，所以走了不少弯路，在这记录一下也算是给自己这个活动一个总结。这篇介绍qq分享（定制微信，手机QQ，QQ空间APP内的分享内容）：腾讯移动web开发平台文档：http://open.mobile.qq.com/api/component/share1.在页面中直接引入:<script src=...
2018-03-29 19:28:51
7762
10
原创 微信JS-SDK接口调用及填坑攻略
/** * 微信公众平台开发文档 * 配置安全域名 * 文档链接 * 引入微信jssdk文档 * 获取签名(后台配合返回前台config) * 通过ready接口处理成功验证 (所有接口调用都必须在config接口获得结果之后) * 调取相应的接口 * * */1.先配置安全域名，具体操作见文档2.引入js文件：http://res.wx.qq.com/open/js...
2018-03-29 14:07:29
2155
原创 vue-infinite-scroll上拉加载没反应？不断重复加载？
有兴趣的话可以先看看文档https://github.com/ElemeFE/vue-infinite-scroll在这只是记录些常碰到的坑点：这里使用cdn https://unpkg.com/[email protected]/vue-infinite-scroll.js<script src="../node_modules/vue-infinite-sc...
2018-03-16 15:13:22
19248
5
原创 vue中使用element-ui的el-input监听不了回车事件？？？
在vue中，直接给input绑定回车事件，直接这么写：<input type="text" placeholder="请输入昵称" v-model="search" @keyup.13="searchKeyword">但是使用el-input,像下面这样写，会发现不起作用：<el-input v-model="queryKeyword" @keyup.13="
2018-02-26 16:23:15
951
原创 jquery获取不到canvas绘图对象？？？
最近不太忙，看了canvas 的视频。中间遇到小小的问题，来这记录下，视频中获取canvas绘图对象用的原生的js，如：var c = document.getElementById('canvas');var cxt = c.getContext(2d);这样是没问题的。但是如果用jquery，下面这种写法:var c = $('#canvas');var cxt = c.getContex...
2018-02-24 11:12:18
4845
原创 判断h5页面打开环境
在开发中，经常会碰到在不同平台进行不同操作，比如常见的微信，QQ……function isEquipment(){ let UA = navigator.userAgent, isAndroid = /android|adr|linux/gi.test(UA), isIOS = /iphone|ipod|ipad/gi.test(UA) &&a...
2018-02-07 17:24:05
4445
原创 搭建vue脚手架(vue-cli)完整版 / webpack本地安装
先补充下webpack本地安装的方法：查看是功（2.7.0 出现否安装成版本号说明安装成功）：>>>>>>>>>>>>>>>>>>>>>>>>>>&
2018-02-06 15:00:42
3900
原创 javascript sha512算法 加密
github下载及使用地址：点击打开链接 检测是否加密正确，可以用在线转码器点击打开链接对比结果。在要用的js文件中引入sha512库就ok了：更多的用法可以查询github地址sha512('Message to hash'); ...
2018-02-02 18:54:36
5807
原创 获取验证码
获取验证码之前，先检测有没有手机号之前做的时候用的vue, 里面存在的变量大都是取义的，相信各位童鞋都会懂的getCode: function () { let self = this;// if(!this.getCode) return ; // this.getCode = false; //...
2018-02-02 18:22:28
2304
原创 移动端图片上传
最近刚完成一个活动，其中有涉及到图片上传的，在这说下自己体会。主要用到的还是H5的新的API: FormData结构： <style> #app { position: relative; width: 100px; height: 100px; backg...
2018-01-21 23:04:46
1706
day.js 插件，小程序滑动月份日历
2020-10-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人