苏公子的博客

原创 React Context(上下文)

用于取生产者共享的数据。才能通过回调的方式拿到共享的数据源。当然也可以单独使用，那就只能消费到上文提到的defaultValue。有部分小伙伴应该使用props属性进行组件上下传值的操作。当多个组件嵌套的时候，就需要慢慢向上寻找最初的值是什么。Context 通过组件树提供了一个数据传递的方法，从而避免了在每一个层级手动传递props属性。创建一个上下文的容器（组件），defaultValue可以设置共享的默认数据。用于生产共享数据的地方，生产什么呢？value：放置要共享的数据。

原创 localStorage和session storage

存数组：localStorage.getItem('名',清除某个键值对：localStorgre.removeItem('键名')2. 存：localStorage.setItem('键名', '值');5. 清除所有本地存储: localStorage.clear();取：localStorage.getItem('键名');本地存储 会将数组存储为字符串。localStorage.getItem('键名')session storage ：会话存储。localStorage:本地存储。

原创 React打断点

代码中写入：debugger；即可

原创 React——state和props

State 的更新可能是异步的出于性能考虑，React 可能会把多个setState()调用合并成一个调用。因为this.props和this.state可能会异步更新，所以你不要依赖他们的值来更新下一个状态。例如，此代码可能会无法更新计数器：// Wrongthis.setState({ counter: this.state.counter + this.props.increment,});要解决这个问题，可以让setState()接收一个函数而不是一个对象。这个...

原创 html不识别\n解决方法

HTML

原创 JS使用正则表达式实现关键字替换加粗

<div dangerouslySetInnerHTML={ {__html:searchItem.replace(new RegExp("(" + keyWordList.join("|") + ")", "gi"), (str) => '<span style="font-weight:bold;">' +`${str}`+ '</span>')}}/>

原创 PHP array_column用法

一般array_column是获取二维数组的制定列，组成新的数组输出。今天看到有可以制定第三个参数，制定输出数组的key。<?php$arr = [ [ 'id' => 1, 'name' => 'a' ],[ 'id' => 2, 'name' => 'b', ], [ 'id' => 4, 'name' => 'c' ], [

原创 Moment.js 日期处理类库

官方文档：http://momentjs.cn/下载命令：npm install moment引入（到react）：import moment from 'moment'Moment使用了连续接口模式，也叫做方法链。这让你可以像这样像下面这样进行方法调用：moment().add(7, 'days').subtract(1, 'months').year(2009).hours(0).minutes(0).seconds(0);用法：1 方法：.add().su

原创 jsx ts js

JSX就是Javascript和XML结合的一种格式。React发明了JSX，利用HTML语法来创建虚拟DOM。当遇到<，JSX就当HTML解析，遇到{就当JavaScript解析。JSX 只是为 React.createElement(component, props, …children) 方法提供的语法糖。React 自创了JSX语法，是一个 JavaScript 的语法扩展，官方建议在 React 中配合使用 JSX 来替代原始的 JS。因为JSX 可以更好的描述 UI 应该呈现出它应有交

原创 Notice: Undefined offset:——屏蔽掉notice

PHP Notice: Undefined offset:——屏蔽掉notice：最简单的做法就是在程序开头加上：error_reporting( E_ALL&~E_NOTICE );就可以屏蔽掉notice错误。问题是解决了,但是总想不透offset:接下去的数字(如 Notice: Undefined offset: 24 ….)是什么意思.还有,句子里的语法明明是正确的,为什么会出现警告.冷静地思考了好几遍并尝试了每种可能,终于找到了答案：offset:...

原创 angular 管道，数据操作，看这个就够了

<!-- 数据绑定 --><div [title]='title'> {{content}}</div><!-- 解析绑定 html 标签 -->content: string = '<h1>我是 html</h1>'<div [innerHtml]='content'></div><!-- 循环遍历数组 --><div *ngFor="let item of arr.

原创 小程序版本检查代码

const updateManager = wx.getUpdateManager(); updateManager.onCheckForUpdate(function (res) { // console.log(res.hasUpdate); // 请求完新版本信息的回调 if (res.hasUpdate) { updat...

原创 微信小程序版本号比较

首先获取到当前版本号 ：wx.getSystemInfo({ success (res) { console.log(res.model) //获取设备名：iPhone,Meizu...... console.log(res.version) //获取版本号 }})版本号比较：function compareVersion(v1, v2) { ...

原创 小程序 银行卡号之类的 输入4位自动加入空格符

.replace(/(\d{4})(?=\d)/g, "$1 ")

原创 小程序 截取字符串（指定字符的前面的字符和后面的字符）

str="1_abcdefg" //字符串，想要的是以下划线截取前后的字符s = str.indexOf('_') //找到第一次出现下划线的位置str_new 1= str.substring(0,s ) //取下划线前的字符str_new 1= str.substring(s+1) //取下划线后的字符...

原创 Ionic3 学习笔记

目前正在用 ionic3 框架开发一个车辆预约管理的pad APP，边学边开发，同时也边记录过程！

原创 substring() —— 截取字符串

substring() 方法用于提取字符串中介于两个指定下标之间的字符。stringObject.substring(start,stop)start 必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。 stop 可选。一个非负的整数，比要提取的子串的最后一个字符在 stringObject 中的位置多 1。 如果省...

原创 小程序 如何让弹出层只显示一次

页面onshow时会加载一次弹出层，但是如果调转页面后再点左上角返回，又会显示一次弹出层。而且微信的api中没有hideModal功能。如何返回不再显示弹出层？用个全局变量记录住是否已经onshow加载过showModal，执行过就不执行了代码：var showed=falsePage({onShow:function(){if(!showed){showed=true;...

原创 小程序 scroll-view

1 保证成功要注意的点：1 <button class="weui-btn" formType="submit" id="{{id}}">下一步</button>2 <scroll-view style="height: 100%;" scroll-y="true" scroll-into-view="{{id}}" scroll-with-animati...

原创 小程序 wx.getUserInfo 获取用户信息是英文？

我们在开发微信小程序的时候会发现用wx.getUserInfo方法获取到的用户国家、省份、城市等信息都是英文字母，要想获取中文信息，您只需在wx.getUserInfo中加上 lang:"zh_CN"这条语句就可以。wx.getUserInfo({ lang:"zh_CN", success: function(res) { var userInfo = res.userI...

原创 小程序 获取星期 月份

小程序代码的utils文件里封装好了日期相关。需要时直接引用即可。但是不能直接获取星期，月份这时候需要用到 ：.getDay() 方法：一周以周日为第一天，周六为最后一天，且起始为0，结束为6.getMonth()方法一年以1月为第一个月，12月为最后一个月，且起始为0，结束为11用法：（util.js 文件）var week = new Date(...

原创 小程序 改变icon标签的颜色

正常想法：<icon type="search" style="color:#fff;"></icon>结果发现颜色没有变成白色正确写法：<icon type="search" color="#fff"></icon>

原创 小程序 js 遍历数组

js方式一：for (var index in res.data) { title : res.data[index].title}res.data：数组index：下标title：数组中的一个字段方式二：for (var i = 0; i < datas.length; ++i) { console.log(i); if( i >= 1...

原创 小程序 wx.showModal

wx.showModal({ title: '提示', content: '您确定要删除该文件吗？', showCancel: true, //是否显示取消按钮-----》false去掉取消按钮 cancelText: "否", //默认是“取消” cancelColo...

原创 小程序 字符串转数字

方法一：parseInt（）input_number_sim = parseInt(input_number_sim)方法二：用字符串转乘以数字1来强制转换，但是会出现即使不输入数字也会变成0的情况。input_number_sim = input_number_sim * 1;...

原创 小程序 js 判断一个值是不是在数组里面

indexOf()方法：let arr = ["a","b","c"];arr.indexOf("a")注意：如果变量在数组内，则返回1，反之，则返回-1；尤其要注意判断变量的类型，如果值相等，类型不同的话，也会返回-1；...

原创 小程序 获取openid 时 注意

1 获取openid需要的参数：AppID(小程序ID)，AppSecret(小程序密钥) ，登录成功后返回给你的js_code2 公共平台去获取：Appid和AppSecret微信公众平台：https://mp.weixin.qq.com/3 获取js_code:wx.login({ success: res => { c...

原创 本地配置多个ssh key

大多数时候，我们的机器上会有很多的git host,比如公司gitlab、github、oschina等，那我们就需要在本地配置多个ssh key，使得不同的host能使用不同的ssh key ,做法如下（以公司gitlab和github为例）： 为公司生成一对秘钥ssh key ssh-keygen -t rsa -C '[email protected]' -f ~/.ssh/git...

原创 GitLab配置ssh key

选择git作为代码版本控制工具管理代码，我们在clone代码的时候可以选择http协议，也可以选择ssh协议来拉取代码。我们为什么选择使用ssh协议呢？因为ssh更加安全，然后更加方便，比如我们公司的gitlab由http协议换成了https协议，那么如果你是使用http协议管理代码，那么需要修改所有的项目中的git地址变成https，这会把我们给逼疯的！但是如果我们一开始就是用ssh协议...

原创 js准确获取当前页面url网址信息

js如何准确获取当前页面url网址信息在WEB开发中，时常会用到javascript来获取当前页面的url网址信息，在这里是我的一些获取url信息的小总结。下面我们举例一个URL，然后获得它的各个组成部分：http://i.cnblogs.com/EditPosts.aspx?opt=11、window.location.href(设置或获取整个 URL 为字符串)var test...

原创 数组排序与截取——PHP

$timeKey = array_column($term_date,'issue_timestamp');//取出数组中issue_timestamp的一列，返回一维数组array_multisort($timeKey,SORT_DESC,$term_date);//排序，根据$timeKey 排序$term_date_new = array_slice($term_date,0...

原创 js 年月日时分秒 格式转换成年月日格式

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>DATE</title><script type="text/javascript">var time = new Date('2019-04-19 12:02:26'); //将...

原创 phpstorm 添加其他类型文件

原创 如何用git命令生成Patch和打Patch

在程序员的日常开发与合作过程中，对于code的生成patch和打patch(应用patch)成为经常需要做的事情。什么是patch?简单来讲,patch中存储的是你对代码的修改 什么是生成patch?生成patch就是记录你对代码的修改并将其保存在patch文件中 什么是打patch?打patch就是将patch文件中对代码的修改，应用到源代码，从而把对代码的修改应用到code中。尽管本...

原创 文字超过行后隐藏显示省略号

<!DOCTYPE html ><html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><title&g...

原创 wx.showToast

wx.showToast({ title: 'title', icon: 'none' success: function () { wx.navigateTo({ url: '/pages/bpage/bpage', }) }});wx.showToast({ title: 'title', ...

原创 什么是正则表达式

在编写处理字符串的程序或网页时，经常会有查找符合某些复杂规则的字符串的需要。正则表达式就是用于描述这些规则的语法,正则表达式对于一个程序员来讲是至关重要的一个知识点，所以学好正则是每一个程序员必须具备的。正则表达式不能独立使用，它只是一种用来定义字符串的规则模式，必须在相应的正则表达式函数中应用，才能实现对字符串的匹配、查找、替换及分割等操作。1、正则表达式中包括的元素(1)、原子（普通字符：a...

原创 PHP正则表达式的运用

正则表达式是 PHP 中一个非常重要的知识点，通常用来查找和替换字符串，验证用户输入的信息格式是否符合规范，如邮件格式、电话格式等等。还有采集器之类的软件中，正则也是必用不可！主要介绍PHP中几个常见的正则函数：preg_match()、preg_match_all()、preg_grep()、preg_split()。1.preg_match()该函数通常用于表单验证。可以按指定的正则表达式模...

原创 PHP正则表达式

一、校验数字的表达式1 数字：^[0-9]*$2 n位的数字：^\d{n}$3 至少n位的数字：^\d{n,}$4 m-n位的数字：^\d{m,n}$5 零和非零开头的数字：^(0|[1-9][0-9]*)$6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1...

原创 高级PHP工程师

高级PHP工程师所要具备的特性，仅供大家参考。1、经常阅读手册，常用的函数基本都熟悉，比如：时间函数，数组函数，文件函数，MySQL函数，GD库，session。环境的独立安装，常用的框架会一到两个（ THINKPHP，CI）。2、熟悉HTTP、TCP/IP等网络通讯协议，PHP做接口(json/xml)，PHP请求接口（file_get_contents/curl）。3、对 LINUX...