- 博客(50)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 React离开路由时确认弹窗
一、离开路由弹出弹窗最近做一个h5的需求，要求在用户页面返回时如果操作了就弹出一个弹窗，来提示用户是否保存此页面所操作的内容。之前做过vue的路由守卫，但是react的还是第一次做，就记录一下。首先需要引入withRouter，来包裹一下需要弹窗的页面，此时在componentDidMount中才能获取到 this.props.route，因为我们的项目需要弹窗的页面是又通过HOC高阶组件进行了一次嵌套的，所以用withRouter来包装弹窗页面，而componentDidMount中的内容
2021-01-11 15:13:05
2070
2
原创 React中渲染DOM 三元表达式中多个三元表达式判断
我想在判断等于4后再进行进一步判断，然后渲染三个dom结构，但发现只能写一个，写多了就会报错。于是尝试解决，发现这样虽然不报错了，然是有警告，下面两行的dom结构是渲染不出来的后来想到了使用数组，用逗号分割 就可以了。{ recordField.fieldType == 4 ?([ recordField.startLableName ? <span>{'"'+recordField.startLableName+'"'}</span> :
2020-08-14 14:52:40
3150
原创 Node实现修改全局不规范文件名-解放双手
一、node模块学习本章针对不熟悉node模块的同学，已经熟悉的可以跳过。1.1 fs和path模块/*** fs 文件系统*分为同步和异步 推荐使用异步* 异步函数的最后一个参数是一个回调函数，回调函数的参数第一个是报错信息，第二个是数据。** 常用函数：** readdir(path,callback) 异步 读取目录的内容* readdirSync(path) 同步** readFile(path,function(err,data)) 异步 读取文件的内容* r.
2020-07-14 17:28:26
549
原创 react redux在项目中的使用
一开始我接触到redux是很懵的，看官方文档也很枯燥乏味，不理解说的什么意思，也是看过就忘，所以就结合shine项目来熟悉一下redux。也可能有写的不对的地方，欢迎指出。一、构建reducer首先看storeConfig下的reducers.js。combineReducers函数的作用是把一个或多个的reducer结合成一个reducer，作为createStore函数的第一个参数。使用方法是： combineReducers({ key1 : reducer1, k...
2020-06-01 10:32:16
1035
原创 React移动端H5页面出现弹窗蒙层屏幕不可滑动
最近在做一个需求，用户第一次进入网页会有一个新手引导的功能，是一个半透明的蒙层，蒙层之后的主页面会有很多的模块功能，在功能很多的情况下，屏幕就可以向下滑动，UI觉得在有蒙层的情况下最好不要让屏幕可以滑动，因为新手引导这个图片是根据一个模块来定位的，如果滑动的话，新手引导也会跟着滑动，肯定是不合理的。首先在加载新手引导的位置，加载完之后，执行监听事件，注意监听的元素一定要是不可滑动的元素，就是蒙层。（一开始我把事件监听在body元素上了，导致都不能滑动了，太笨了。） // 获取请假新手引导
2020-05-12 15:29:22
2145
原创 移动端实现复制文本的三个插件--clipboard
第一种import {CopyToClipboard} from "react-copy-to-clipboard" {/* <CopyToClipboard text="http://i.xinrenxinshi.com" onCopy={()=>Toast.success('复制成功')}> <div className="btn">复制链接</div> ...
2020-05-12 14:28:43
1097
原创 谷歌浏览器调试移动端h5页面
1.安卓手机打开开发者模式连接上电脑2.在谷歌浏览器中访问地址：chrome://inspect/#devices3.在安卓手机中的chrome浏览器中访问页面，记住一定要是chrome浏览器 （我只试了安卓，苹果不清楚）4.刷新，显示连接上的设备以及打开的网页，点击inspect就可以查看手机网页上的dom元素，在电脑上调试h5页面。如果打开是空白页面，需要翻墙...
2020-05-11 13:23:43
6092
1
原创 getBoundingClientRect函数获取视图位置的坑
最近在做一个功能，把新手引导的提示定位在申请的上方，申请的位置是会根据前面功能的不展示而向前移动的，所以位置是不固定的，因此新手引导的位置要根据申请元素的位置来定位。我使用了getBoundingClientRect函数来获取申请dom元素距离视图的距离。 getTypeHighLightDom(item) { const dom = document.querySelector(item.selector); let domLocal; ...
2020-05-11 13:22:23
6209
1
原创 ElementUI 修改cdn引入的类库的全局配置的默认属性
任务是修改弹窗的默认遮罩为不关闭。一、npm引入使用命令npm install element-ui -S 就可以安装好element-ui，然后在项目中通过以下方式引入：就可以使用Element访问到Dialog对象，然后设置默认属性。 import Vue from 'vue'import Element from 'element-ui'import 'elem...
2020-04-15 15:52:39
3450
原创 intellj ldea下配置sass自动监听，编译成css，解放双手
每次修改完样式，都要手动编译一次，我都要崩溃了，一大篇一大篇这样的命令然后就寻找解决办法，使用 sass --watch 参数 sass文件:css文件 就可以监听变化然后再intellij ldea中修改完样式保存后，在下方等待执行完成，就可以看到控制台的输出，页面样式也会变化。太方便了。有时候也会发现不管用，我就安装了插件，在intellji ldea 下的fi...
2019-11-13 17:26:29
989
原创 2019.7最惨的三次面试经历-----百度PHP实习生面经
一、百度--文娱架构部一面 半小时 前台小姐姐很漂亮都是根据简历上写的来问的，说几个知道的排序算法，讲讲堆排序，堆是什么结构，我说堆类似于完全二叉树，讲讲完全二叉树和满二叉树的区别，手撕快速排序，手撕反转链表，递归，非递归，OSI五层模型，http属于那一层，（应用层），tcp udp （运输层）ICMP（网络层）访问百度网站的解析过程，到了服务端是怎么处理...
2019-09-30 17:22:14
1546
11
原创 2019暑假找实习工作经历-我太难了
从七月份开始找工作到现在终于在一家公司安定下来，路程别提多坎坷了，记录一下这几个月的心酸好长时间没登陆了，浏览量都十万了，好开心，最近也没什么技术博客可写的，不过有一份珍藏的百度面经，2019.7最惨的三次面试经历-----百度PHP实习生面经。今年的我真的很倒霉，各种不顺，出来找工作之前，感觉自己学的方面挺广的，应该能找到一份不错的工作，所以七月份开始投简历，PHP实习岗，此时我就发现好...
2019-09-30 14:05:51
1865
2
原创 egret引擎开发的颜色找不同的游戏
这几天使用egret引擎以及在师傅的帮助下做了一个颜色找不同的小游戏，从一开始的代码混乱，师傅教我如何布局代码以及封装枚举，重构代码，以及一些编程的思想，通过不断地修修改改，我学到了很多东西。屏幕的适配，显示对象，时间侦听以及倒计时，类似视频激励，声音，当然最关键的是游戏格子以及颜色随机的实现。下面是代码链接：https://github.com/YICONGISME/FindDiff...
2019-08-20 17:42:15
451
原创 APICloud NVTabBar模块点击菜单实现页面的切换
首先上图：打开app默认的页面是设备管理，点击设备管理是一个页面，点击扫一扫是可以扫描条形码，点击我的是个人中心。设备管理页面的子菜单的思路和之前设备列表页面是一样的。（1）index.html页面加载头部和底部样式页面框架，框架里面再加载不同的页面。首页加载的页面分为三部分，头部，内容，和尾部， <div id="wrap"> <div ...
2019-07-01 17:14:27
1555
原创 APICloud NVNavigationBar 模块顶部菜单页面切换以及下划线实现
首先上图：有三个子菜单，点击每个子菜单显示的页面不一样，并且选中的菜单下面有个下划线，我看很多app都是这样的，所以我也就想办法弄成这样，结果弄得还比较像吧。（1）子菜单切换的原理就是设置点击事件 的回调函数，每一个菜单都有自己的索引通过判断点击的是哪一个菜单，然后openFrame打开想要的页面就可以了。（2）下划线的原理就是通过设置菜单的背景图是一条横线，通过调整图片的空白位置...
2019-07-01 16:36:34
1673
7
原创 APICloud UIListView模块动态获取数据并查看详情使用
首先上图;使用官方文档的代码，有侧滑的功能，但我想实现点击一项，就能够打开一个页面，查看详细的信息，现在很多app也是这样设计的。因此研究了一下文档，最终成功了。（1）首先是数据的问题，数据肯定不能写死，要从数据库动态获取然后一条一条的渲染在列表中，所以data属性就要动态获取。//获取其他页面传过来的数据var product = new Array(); product ...
2019-07-01 16:09:41
1408
原创 基于docker的mysql主从复制 Slave_IO_Running为No 问题解决
在做mysql主从复制的时候，我是基于docker 做的，发现配置完成无误之后，查看slave状态，发现没有成功。然后记住最重要的 就是查看错误日志 vi /var/log/mysqld.log,Fatal error: The slave I/O thread stopsbecause master and slave have equal MySQL server UUIDs...
2019-06-16 12:16:52
3453
原创 mysql-proxy代理端口无法启动
mysql-proxy的配置文件如下：[mysql-proxy]user=root #运行mysql-proxy用户admin-username=myproxy #主从mysql共有的用户admin-password=123456 #用户的密码proxy-address=127.0.0.1:4040 #mysql-proxy运行ip和端口，不加端口，默认4040proxy-re...
2019-06-16 12:04:30
2149
原创 Apicloud ajax请求返回"statusCode":0，网络连接错误code:0， msg:服务器返回数据格式错误，code:3
最近在做一个apicloud的app项目，在写前端请求的时候遇到的错误。一、{"statusCode":0,"state":2,"progress":100,"body":"连接错误，请检查网络或者请求配置是否正确","msg":"连接错误，请检查网络或者请求配置是否正确","status":2}代码如下 ：var code = $api.byId('code').innerH...
2019-05-24 19:40:41
10682
1
原创 thinkphp5分页点击下一页失效，查询带额外参数解决方法
最近在做项目时，遇到了一个问题，点击分类时带上参数id=3，查询出对应的产品，产品有一个分页，但是点击第二页的时候，url变成了不带之前id参数的跳转，导致没有了查询条件，查询不出来商品，就去寻找解决方案。首先看了看官方手册分页参数主要的分页参数如下：参数 描述 list_rows 每页数量 page 当前页 path url路径...
2019-04-23 09:38:17
2738
原创 ThinkPhp引入静态资源layui出错 net::ERR_ABORTED
再做thinkphp项目的时候，引入了layui的js，css文件，但是样式出不来，查看控制台发现报错如下：public/static/plugins/layui/layui/layui.jsnet::ERR_ABORTED引入代码如下：我的写法是__STATIC__<link rel="stylesheet" type="text/css" href=...
2019-04-11 15:26:45
5727
原创 PHP MVC模式讲解及实例
一、MVC模式流程图 二、MVC概念（1）作用 MVC包括控制器（Controller），模型（Model），视图（View）。 控制器的作用是调用模型和 视图，将模型产生的数据传递给视图，并让视图去显示 模型的作用是获取数据并处理返回数据 ...
2019-03-21 20:30:35
9644
原创 wordpress自己制作主题常用函数
一、header.php文件中用到的函数（1）同一个首部文件，但当加载不同页面时需要的判断is_home()：当前页面为主页时返回trueis_category()：当前页面为分类页时返回trueis_single()：当前页面为单文章页时返回trueis_page()：当前页面为单页面时返回true（2）当引用style.css样式文件时<link rel="...
2019-03-21 16:53:55
1688
原创 docker中部署nginx镜像挂载文件夹和文件并解决出错
首先拉取镜像docker pull nginx首先在宿主机创建要挂载的目录mkdir -p /data/docker mkdir -p /data/docker/nginx/conf #存放配置文件首先创建一个测试的nginx因为不能挂载文件，只能挂载文件夹，所以先在一个test容器中复制一份配置文件。先复制nginx.confdocker run --nam...
2018-12-24 20:10:36
45085
13
原创 教你半小时成功搭建LAMP及BIND域名服务
LAMP搭建软件：centos7.5 apache2.4 MySQL5.6 php5.5 bind9.9注意：为方便测试关闭防火墙（#service firewalld stop），关闭SElonux（# setenforce 0）任务1：配置虚拟机网络地址，使之与主机互相ping通。 设置虚拟机网卡为NAT模式，配置其网卡地址为静态地址，与虚拟机vmnet8在同一网段，...
2018-12-11 16:02:08
675
7
原创 git上传代码到github出错
在代码所在目录打开gitgit clone 自己的仓库地址git add .git commit -m "描述”git push -u origin mater 然后出错，git add .fatal: not a git repository (or any of the parent directories): .gitgit push -u...
2018-11-18 21:13:03
303
原创 微信公众平台被动回复用户消息开发全步骤
一、微信开发模式二、自己的服务器和域名1.可以购买阿里云的服务器和域名。2.使用内网渗透软件NATAPP把自己的计算机打造成自定义服务器，会自动拥有一个域名。缺点就是关掉后域名会变化，因为是免费的，可以购买付费的就不会变了。① 地址：https://natapp.cn/② 创建隧道：需要有phpstudy环境，如果更改过phpStudy端口号的，此位置设置为更改...
2018-10-31 21:18:12
11011
2
原创 jQuery 实现瀑布流布局及下滑加载页面
蘑菇街商品的信息，一个接一个，衔接紧密，根据浏览器大小有几列，元素等宽不等高，向下滑动加载 就是常见的瀑布流布局，实现瀑布流布局有三种方式，JavaScript原生，jQuery，和CSS3 column方法。我写了JavaScript 和jQuery两种。jQuery相对于js的优点就是，获取，定义，遍历元素方便，有很多封装的函数，支持连缀，隐式迭代。如要获取一个类名为box的元...
2018-10-26 21:22:18
3469
原创 hadoop搭建问题解决
问题一：ssh: Could not resolve hostname xx我配好了免密登陆，但是hserver1登陆不上hserver2，然后发现是hadoop环境变量没有配置的缘故在/etc/profile 下配置好了jdk环境变量，但没有配hadoop的，所以出错。加上HADOOP_HOME和最后两行就可以了。JAVA_HOME=/home/java/jdk1.8.0_19...
2018-10-25 11:23:53
400
原创 Sublime Text3 多行注释
单行注释 ctrl+/多行注释 ctrl+shift+/可以选中代码注释，也可以在空白处注释再按一次可以取消。另外如果多行注释失效的话，可以尝试，sublime注释失效解决方法然后关闭再打开就行了。ps：简单发一个，为什么呢，因为今天1024，发博客给徽章哈哈。...
2018-10-24 15:25:19
10394
2
原创 jQueryDOM学习笔记
<!DOCTYPE HTML><html><head> <meta charset="utf-8"><script src="http://code.jquery.com/jquery-latest.js"></script> <style> .
2018-10-22 21:12:19
171
原创 jQuery 和 javascript 样式 比较 学习笔记
<!DOCTYPE HTML><html><head> <meta charset="utf-8"><script src="http://code.jquery.com/jquery-latest.js"></script><style> div {
2018-10-22 20:52:43
142
原创 docker命令简单总结
http://dockone.io/article/783 docker 容器和镜像删除容器 可读写层 docker rm <container-id>删除镜像 docker rmi <image-id>删除镜像前要先stop容器 docker ps -a 查看所有的容器第一列为容器ID 后面是所用的 镜像的ID docker ps 查看正在运行的容器do...
2018-10-14 21:19:11
258
原创 bootstrap jquery 插件 简单总结
主要分为 Bootstrap 基本结构、Bootstrap CSS、Bootstrap 布局组件和 Bootstrap 插件几个部分下面是内置的jQuery插件 通过data API 调用 因此不需要写js 代码也可以通过js运行，因此都会有一些插件运行或完成后触发的事件，和操作插件的方法要注意引用的bootstrap版本 和 所用的组件，插件的格式是否一致，用官网的对应格式。一般都...
2018-10-14 21:12:37
969
原创 前端和后台数据交互总结
web服务器应用程序：apache，tomcat，nodeJs、Nginx、IIS、后台语言:php，java，.net，nodeJS数据库:Mysql，SqlServer，Oracle后台mvc：ssh ssm前台mvc：js ，jsp数据交互：ajax，servlet Java web Php web SSH框架 struts+sprin...
2018-10-14 21:08:52
22578
原创 hexo+github 搭建个人博客
先宣传一下。 戳我戳我-----> https://yicongisme.github.io/ 安装git，配置好github的用户信息。安装node.js，msi版本的打开命令行，输入命令，测试是否安装成功，出现版本号成功，node -vnpm -v 创建一个Hexo目录，在此处打开git输入命令，发现不成功，可能是环境变量的问题，检查一下。h...
2018-10-09 17:34:15
447
原创 CTF线下赛AWD总结
AWD 记录一下自己最近参加的线下攻防比赛，没时间学习了，就准备了几天，果然不出意外的被安全专业的大佬打得很惨。缺点是不会攻击，我和我队友两个人就只有防，AWD防了400分，综合渗透拿了200分。感觉自己的知识欠差很多，代码审计能力弱，写脚本能力弱，sql注入我一直学不会。最重要的是比赛前没有真正练习过，所以比赛时才没把技能发挥出来。谨记：多实践，学好代码审计，sql注入...
2018-09-20 14:28:17
32071
12
原创 windows磁盘压缩后分区消失不见恢复问题解决
今天想装一个双系统。我就压缩了我的1个T的G盘，压缩了500G，然后就弹出对话框，未知错误 。然后我就发现我的分区消失了，我的G盘从900G变成了400G了，我内心是崩溃的。然后我在网上下载了一个分区恢复工具。 恢复分区，然后就找回来啦，哈哈。软件我放在了百度网盘里面。链接：https://pan.baidu.com/s/18CUABGmmV_ienHpJZZzA0Q ...
2018-09-03 16:58:39
6749
1
原创 Ubuntu docker 错误问题汇总
在学docker overlay网络时，在由docker-machine创建的host1和host2上 /etc/systemd/system/docker.service.d 中要配置文件10-machine.conf ， 文件内容如下，添加上红框内容，重启服务，systemctl daemon-reload systemctl restart docker.service ，即可自动注册...
2018-09-01 10:47:38
5011
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人