- 博客(75)
- 收藏
- 关注
RSS订阅原创 markdown生成目录
markdown程序员应该不陌生多少都会接触到一点吧！虽然写起来没富文本那么舒服 ，但是写到很有成就感 ，熟能生巧平时会看到一些文档，很长很长，所以为了方便阅读和查找，在文档到最前面会有一个目录。类似下面这个：实现代码：- 目录 - [小程序安装常见问题](#小程序安装常见问题) - [没有色彩图标](##没有色彩图标)# 小程序安装常见问题## 没有彩色图标：注意...
2020-04-22 22:25:25
376
原创 td tr th样式设置踩坑
错误写法<div className={styles.selfAchievement}> //div <tr className={styles.selfAchievementTr}> <td>1</td> <td>2</td> <td>3</td> ...
2020-04-22 10:12:17
2203
原创 deepClone
深拷贝提要平常写代码的时候，一定要注意，copy你对另一个文件对时候，看看你的赋值方式是不是直接=赋值的。例如let A = { name :'zhangsan',age:21}let B = AB.age = 22console.log(A)//{ name :'zhangsan',age:22}console.log(B)//{ name :'zhangsan',age:22...
2020-04-21 22:20:44
243
原创 PureComponent踩坑
PureComponentreact 中的PureComponent区别于 Component ，是为了进一步优化shouldComponentUpdate的。在组件中的优先级顺序是你写的shouldComponentUpdate>PureComponent中的shouldComponentUpdate>Component中默认的shouldComponentUpdate大家都...
2020-04-21 13:33:49
540
原创 react HTMLCollection为空
HTMLCollection是一个接口，表示 HTML 元素的集合，它提供了可以遍历列表的方法和属性。情形：在项目中通过组件的参数传递一个node节点，并在组件中进行组件向上遍历寻找我的目的节点。 constructor(props:any) { super(props); this.addClass(COLLAPSER_CLASS); this._model = ...
2020-04-07 20:39:51
1339
2
原创 文本超出部分用...代替
效果图如下：直接上代码：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> ...
2020-03-30 20:40:53
597
转载 自己实现bind函数【转载】
看到一篇讲如何自己实现bind的过程，这篇讲的特别清晰，过程明了。建议跟着博客打开开发者工具自己敲一下试试。会很有收获。然后这里有一点再补充一下两点可能理解起来不是很清晰或者容易犯糊涂的地方。if (!Function.prototype.bind) { Function.prototype.bind = function () { var self = this, ...
2020-03-19 22:13:24
471
原创 vue中img的src属性踩坑
这里一个朋友问到我，在vue里面，写了一个for循环 <div v-for="item in 5"> <img src="../assets/img{{item}}" /> </div>需要在下面img的路径根据循环的下标 或者是item本身去改变达到img0—img1—img2类似效果我的建议是使用模版字符串<img ...
2020-03-19 21:17:19
3387
原创 页面跳转取消请求操作实现
页面跳转取消请求操作场景：当从A页面跳转到B页面时，发生在A页面到请求操作仍然在进行，那么B页面到请求操作就会被加入到队列中等待。在某些情况下，A页面到请求结果对我们来说已经没有了任何意义，所以主动把正在进行对请求取消掉，可以优化程序。javascriptvar controller = new AbortController();var signal = controller.sig...
2020-03-18 14:39:51
1542
原创 JWT解析
一、什么是JWTJWT（JSON WEB TOKEN）是一种基于JSON的开发标准。它被设计为紧凑且安全的，特别适用于分布式站点的单点登陆（SSO）场景。JWT的声明一般被用来在身份提供者和服务提供者间传递被认证的用户身份信息，以便于从资源服务器获取资源，也可以增加一些额外的其它业务逻辑所必须的声明信息，该token也可直接被用于认证，也可被加密。二、组成结构形式如：XXXX.YYYY.Z...
2020-03-14 21:07:21
3183
1
原创 mac环境 配置本地thinkphp
1.安装composer建议全局安装，终端操作：brew install composer等待它自动安装完成，输入composer如果你会看到下面这个界面，那么就OK了。2.利用composer安装thinkphpcd 到xampp所创建到服务器根目录。一般是htdocs目录（你要安装thinkphp到那里，就cd到那里）3.安装thinkphp在你要安装composer c...
2020-03-11 15:04:12
1397
2
原创 macOS xampp虚拟域名设置
安装了xampp ，本地访问时，想改变域名为自定义的虚拟域名第一步下载xampp xampp下载下载安装过程略。直接下一步安装完成后，打开xampp 会看到下面这个界面：注意，这里圈出来的IP地址很重要，后面会用到。这个时候，其实xampp安装已经很ok了，点击图中的go to application 我们就能进入服务器默认的文件地址，/htdocs访问各种文件。...
2020-03-07 14:47:13
633
2
原创 面试二之React整理
React整理1.介绍React是有Facebook开发的前端js库，相比较与我们通常所理解的MVC，它其实并不完整，而是MVC中的C层。它的突出特点是使用虚拟DOM，每当数据改变时，通过它的react diff运算去作比较，只渲染更新有改变的部分，通过这样的方式有效提高了DOM的操作。我的理解，同vue相同，在数据发生改变时，都会通过diff方法去判断需要作出更新的节点然后进行操作。另...
2020-03-06 16:27:23
489
1
原创 面试一之聊天气泡实现
废话：本人目前大学生，正在准备面试参与工作，有些比较实用到功能或者组件实现、面试题会在有时间到时候写博分享出来。聊天气泡实现今天要做的是如何实现聊天时候的气泡效果，如图：要实现这个，最困难的其实就是在于那个边上的小三角形。如果降低一下需求，那么就是：噢～太简单了.class2 { display: inline-block; padding: 10px 15p...
2020-02-25 15:47:09
602
原创 Taro 自定义封装公告轮播效果（走马灯）
效果图：直接上代码scroll_notice.js/* *@description: 公告轮播组件 noticeText 文字广播内容 string fontColor 字体颜色 string 默认#6d511e bgColor 广播背景颜色 string 默认#fffbe6 *@author: progerchai *@date: ...
2020-02-25 12:25:07
2350
原创 The server is temporarily unable to service your request due to maintenance downtime or capacity pro
Service UnavailableService UnavailableThe server is temporarily unable to service your request due to maintenance downtime or capacity problems. Please try again later.Apache Server at www.proger.c...
2020-01-08 00:34:05
43460
3
转载 Git 中的stash功能
记录stash可以把当前工作现场“保存”起来，等以后恢复现场后继续工作。演示如下：1.查看分支有两个分支master和subWork，当前的工作分支是subWork。$ git branch master* subWork2.查看工作状态当前分支subWork上的工作尚未完成，如果有另一项任务需要优先完成，或者出现BUG需要立刻修复。此时需要另外创建一个分支来工作，可以把当前工...
2020-01-02 15:08:16
217
原创 layui页面通过php fetch，渲染回数据，但是渲染回来的页面单选、下拉框全部丢失
原文链接：https://fly.layui.com/jie/60685/#item-1575450534586如上图，我有使用layui 的下拉框以及单选框，然后数据是通过php进行渲染回来的。$this -> view -> assign('orderList', $result);然后渲染完数据之后，通过fetch返回页面return $this->view-&...
2019-12-04 19:48:01
539
原创 layui下的 form自动提交问题（已解决）
在开发过程中，遇到了form表单在没有点击事件的时候，自动提交。导致报错。但是目的是，在用户主动进行表单提交的时候，触发这个时间。看一下代码：<button class="layui-btn" lay-filter="add" lay-submit>新建工程</button>js:layui.use(['form'], function(){ $ = ...
2019-09-30 10:23:11
5086
原创 function is not defined at HTMLButtonElement.onclick
function is not defined at HTMLButtonElement.onclick简述一下问题：===在写一个工程管理系统的时候如上所示，通过onclick调用了写在当前页面的方法，明确写了这个方法，但是在真实调用的时候会报错：也试了网上说的其他方式，加 type="text/javascript"等，然后发现并没有用。查看了报错信息看来问题原因是出在这个...
2019-09-28 11:01:26
12184
4
原创 cookie sessionStorage LocalStorage相关笔记
关于web中的数据存储cookie从前端发送web请求时，会自动将该页面的cookie添加到请求中。cookie数据总量不超过4k，并且以字符串的方式存储。可以简单理解成一个字符串cookie在网页关闭的时候会清除或者可以设置cookie的存活时间例如：document.cookie = "name =chai;expires=8349859";应用场景：判断用户是否登录ses...
2019-07-13 20:50:58
159
原创 display:none; 失效原因
可能是元素之前已经设置了 display的类型，例如：.icon-openEye{ display:inline-block; position: relative; left: -12%; width: 22px; height: 22px;}此时，我再通过jQuery的方法为该元素添加一个none的class.$('.icon-openEye').addClass('non...
2019-06-14 14:26:50
21709
原创 appndChild 为子元素添加点击事件
如果元素是appendChild 动态添加到元素中的，并且append的子元素数量为多个，那么绑定点击事件后如何让程序区别你是点击了那个元素触发的事件可能会成为一个问题。例如我的这个实例中，我appendChild操作之后，添加进去10个img元素，然后在每个appendChild操作之前，会为img添加点击事件如下：img.addEventListener("click",function(...
2019-06-13 21:18:43
1793
1
原创 微信小程序 onLoad与onShow之间传值
在写一个页面的刷新效果， 需求是在页面第一次进来时，做出一次数据加载，之后在页面有个评论操作，每次评论成功都将本页的数据进行刷新。考虑到如果刷新都用onLoad()的话，会造成比较大的资源浪费，所以，把需要进行数据刷新的部分放到onShow页面进行刷新。因为我的函数在加载评论数据的时候，需要一个bookid数值，传参到服务器这样才能获取相对应的数据。但是bookid是从上个页面通过option...
2019-05-11 13:02:29
14270
3
原创 微信小程序wx.request:fail ssl hand shake error，中间证书配置
腾讯云中间证书配置解决方法:一般是服务器SSL缺少中间证书https://www.myssl.cn/tools/check-server-cert.html上面网址检测网站，发现是缺少中间证书复制下面这些文件中的2开头的文件，直接打开复制到下面这个网址可以生成一个中间文件chain.crthttps://www.myssl.cn/tools/downloadchain.html打开...
2019-05-08 18:14:02
2049
转载 服务器 权限用户更改（转）
由于我们的测试环境的的服务器ip换了一个新的，运行一段时间各端反应无法图片无法上传服务器，然后我看了下日志，发现有这个错误permission denied最后我就在服务器中 ps -ef | grep java发现我们的webapp是resin权限然后我 ls -al temp/发现我这个temp文件夹是我自己手动创建的，所以是root权限讲解ls -al 的意思的（http://b...
2019-05-07 20:02:05
968
原创 微信小程序 图片上传+php后台源码
微信小程序图片上传，权限控制刚好做到了这个功能，苦恼了两天错误原因是mkdir(): Permission denied，研究了好久才发现是最简单的错误，php端的代码存放图片文件的路径得从根目录开始写。微信小程序端的代码就不说了， 文档里都写的很详细，直接贴一下代码。 upLoadImg:function(){ var that = this; var tempFileP...
2019-05-06 18:30:03
4315
6
原创 javascript唤醒腾讯地图
javascript移动端唤醒腾讯地图App刚做到一个功能，功能需求是要做到手机端访问一个页面，1.限制页面只能在微信进入才能够访问 2.在页面可以实现打开外部腾讯地图，如果检测到用户没有下载腾讯地图，则跳转到下载页面。功能还是比较简单的。首先，先获取浏览器的userAgent进行正则匹配。以下一段代码即可实现，此处我直接禁止了其他所有非微信端的访问.var useragent = navi...
2019-04-04 21:12:54
2535
原创 javascrip无法执行函数
遇到了一个特别基础， 被忽视掉的问题。要html中，要执行一个函数。首先引用js文件如下：要调用的函数， 简单点。如下：逻辑没有错误吧，可是无论如何无法触发事件。。惊了 ，以前学的都是假的？静下来一看，是因为函数名是“click”的原因。所以他是无论如何不会触发的。Javascript中的保留关键字、对象、属性和方法等是不可以用作变量、标签或者函数名的，还有click，虽然没说...
2019-03-27 17:24:45
221
原创 Error: module "pages/data/data.js" is not defined [已解决]
微信小程序Error: module “pages/data/data.js” is not defined问题求助。在微信开发者工具中，分包操作都还是可行的。数据也都能读出来， 不是文件路径错误。如下：读取出来数据显示的结果：读取js数据路径：data.js中的代码块：Page({ data: { },})var local_database = [{ "nam...
2019-03-25 19:50:17
45659
6
原创 微信小程序中的异步操作，在回调函数中进行push之后，结果顺序混乱问题
在小程序里面， 自己写了一个函数 ，要求是将后台获取来的数据一个个存起来， 然后按顺序在购物车列表中显示出来。我使用的push对数据进行叠加存起来。但是实际使用的时候发现，数据push进去并无顺序可言，这是怎么回事？如上图，其中res.data中的数据顺序是正确的，那么我按照下标去访问的话，出来的结果也是对应顺序的。然后使用了push之后，显示的结果为如下，刷新会出现不同的排序结果：pu...
2019-03-14 16:11:45
3728
2
原创 微信小程序 wx.getSetting({...})函数fail
wx.getsetting()函数执行在拿到同学做的小程序项目的时候，打开发现无法小程序编译后无法执行相关获取用户信息函数。纠结了两个小时，因为检查了很多遍函数本身没有错误。后来发现错误原因是拿到小程序的时候进入使用的还是同学的appid，应改为我自己的appid,未更改之前，两者会发生冲突。如上图所示，为小程序默认的获取用户信息函数。过了段些时间，当我之后再次...
2019-03-09 14:47:59
12823
转载 网页移动端适配Viewport元标签
Viewport :用户网页的可视区域。（视区）设置Viewport,举例如下： &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;width:控制 viewport 的大小，可以是指定值，或者是特殊值（如：device-width设备宽度）height:同width.initial-...
2019-02-01 22:15:48
639
翻译 CSS中的@media参数汇总
CSS中的@media参数汇总#写网页的时候刚好用到，关于移动端网页适配有用到@media.这里稍微记录一下方便之后使用Media参数汇总：width:浏览器可视宽度。height:浏览器可视高度。device-width:设备屏幕的宽度。device-height:设备屏幕的高度。orientation:检测设备目前处于横向还是纵向状态。aspect-ratio:检测浏览器可视...
2019-02-01 20:56:08
891
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人