刘承瑜-CSDN博客

原创 antd table rowSelection删除某行后仍然选中

问题如图，删除选中的第一条表格数据，重新获取列表数据时，第一条数据被默认选中image.png原因如图，selectedRowKeys中存放的是row的index，删除后 index=被删除的index 还会存在设置： rowKey={record => record.id} 后正常image.png...

2019-12-27 09:54:50 170

原创拼车类微信小程序

项目说明个人开发的拼车微信小程序，主要基本完成，相关细节还需调整，因个人类微信小程序不支持拼车业务，故将该程序发出来，有需要的可以参考，虽然没什么技术难度。github地址目录介绍aece856daf40c2df8b732c81d32605a.png功能1. 首页(附近拼车)227004210367405996.jpg2. 发布页面3202947152...

2019-03-18 10:14:04 108

原创 React面试知识汇总

React中keys的作用Keys是一个标识，用于追踪哪些列表中元素被修改、被添加或者被移除。render() { return { <ul> {this.state.todoItems.map((item, key) => { return <li key={key}>{item}</li> )} </ul&...

2019-02-20 15:28:04 261

转载 Web安全

Web领域几种常见的攻击手段及Java Web中的预防方式XSSSQL注入CSRFXSS什么是XSSXSS攻击：跨站脚本攻击(Cross-Site Scripting)，为了不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆，故将跨站脚本攻击缩写为XSS。XSS是一种常见的web安全漏洞，它允许攻击者将恶意代码植入到提供给其它用户使用的页面中。不同...

2019-02-20 11:24:47 241

转载网页渲染与网页性能

参考原文：网页性能管理详解网页优化如果想知道怎么优化网页，就必须了解网页的生成流程，知道在那些点上可以优化网页一、网页的生成过程网页的生成过程大致分为五步。HTML代码转化成DOMCSS代码转化成CSSOM（CSS Object Model）结合DOM和CSSOM，生成一棵渲染树（包含每个节点的视觉信息）生成布局（layout），即将所有渲染树的所有节点进行平面合成将布局绘制...

2018-11-22 11:28:18 524

原创 GET与POST请求简单比较

GET和POST在客户端和服务器之间进行请求-响应时,两种最常被用到的方法是:GET和POSTGET:从指定的资源请求数据,查询字符串(名称/值对)是在GET请求的URL中发送的,形如:"http://localhost:8080/dbmanager/query.htm?action=name_list_action&;_fm.q._0.m=email"get.pngGET 请求...

2018-11-22 11:20:32 31

原创 GET和POST请求简单比较

GET和POST在客户端和服务器之间进行请求-响应时,两种最常被用到的方法是:GET和POSTGET:从指定的资源请求数据,查询字符串(名称/值对)是在GET请求的URL中发送的,形如:“http://localhost:8080/dbmanager/query.htm?action=name_list_action&;_fm.q._0.m=email”get.pngGET 请求...

2018-11-22 11:18:41 169

原创正则表达式入门学习

正则表达式正则表达式到底是什么东西？百度百科定义：正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。简单来说，正则表达式就是一种格式，用来匹配符合这种格式的字符串入门学习正则表达式的最好方法是从例子开始，理解例子之后再自己对例子进行修改，实验先看简单例子：假设...

2018-11-22 11:12:33 192

原创 HTTP协议知识汇总

HTTP协议1.简介HTTP协议（Hyper Text Transfer Protocol，超文本传输协议）,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。HTTP基于TCP/IP通信协议来传递数据。HTTP基于客户端/服务端（C/S）架构模型，通过一个可靠的链接来交换信息，是一个无状态的请求/响应协议。2.特点（1）HTTP是无连接：...

2018-11-22 11:05:38 174

原创 H5表单新增属性

H5新的Input类型H5新增了多个新的表单输入类型。这些类型提供了更好的输入控制和验证这些类型包括：emailurlnumberrangeDate picker(date, month, week, time, datetime, datetime-local)searchcolor浏览器支持(w3c上图片，不太准确)注释： Opera对新的输入类型的支持最好。不...

2018-11-22 11:03:28 1823

原创 react + webpack使用阿里iconfont，解决：图标显示小方块

问题使用 create-react-app 脚手架创建的项目，在使用iconfont时，一直不成功，效果显示为小方块前置为了解决组件间样式的污染，使用CSS Modules，附上阮大神教程，CSS Modules 很容易学，因为它的规则少，同时又非常有用，可以保证某个组件的样式，不会影响到其他组件问题排查打开浏览器调试发现：.iconfont{ font-famil...

2018-11-01 15:58:44 2956

原创 react中使用marked+highlight.js 实现高亮效果

一、背景最近在鼓捣md文件转html的相关东西，使用的marked第三方插件，遇到代码高亮需求时，卡了半天。。一直不知道为什么无法高亮显示。解决后记录下来供参考二、问题问题： react 使用marked+highlight.js样式不生效原因：需要手动引入highlight.js的样式文件三、markedjs官网官网demo// Create reference insta...

2018-10-10 15:50:54 270

react state初始化问题报错Can't call setState on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `...

2018-09-27 15:07:32 8528 1

原创 hexo-asset-image使用方法

hexo-asset-image使用起来很简单，页面引入图片的方式也是md以前的语法安装npm install hexo-asset-image --save例子文件结构：MacGesture2-Publish├── apppicker.jpg├── logo.jpg└── rules.jpgMacGesture2-Publish.md确保 _...

2018-09-12 10:24:38 6122 4

原创 react-routerv4版本丢弃IndexRoute

背景最近在倒置react全家桶，自己写了个简单的Hello World程序，在使用 react-router 的 IndexRoute时，浏览器报错需求样式默认主页是 Home，想通过IndexRoute实现项目相关依赖版本 &quot;dependencies&quot;: { &quot;react&quot;: &quot;^16.5.0&quot;, &am

2018-09-12 10:22:59 5852

原创前端面试模块

前端面试模块：JavaScriptcssjQueryHtml5css3粒子动画服务端：Nodejs Lesssass构建工具Gulp GruntFis 工程化Git框架AngularjsReactvue移动端算法正则JSON 前端导航网站常用CDN 优化常规优化优化工具在线...

2018-09-07 15:54:52 286

原创 web端实现类微信的语音播放效果

最近做了个web端的语音播放效果，实现起来很简单，但中间因为参考文章问题，实现部分功能上也是费了很大力气效果如下：先说需求：1. 点击播放，显示动画2. 暂停播放，停止动画3. 切换播放，停止上一个动画，显示当前动画4. 播放结束，停止动画 1、2、3 实现都很简单实现4时，参考了网上的文章【点击打开链接】，用了定时器，不好实现、效率低、bu...

2018-06-21 12:13:27 8153 2

原创 jquery 监听audio标签 oncanplay，onended，onpause和onplay事件回调

audio也有很多事件属性，利用这些事件属性可以实现该音乐播放器音频的播放交互效果。比如： Media事件中的 oncanplay事件，onended事件，onpause和onplay事件等等jQuery 中监听这些事件的方法如下：<!DOCTYPE html><html><head><meta charset="utf-8"&gt...

2018-06-21 11:49:17 12617

原创跨域问题

浏览器同源策略同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。同源策略，它是由Netscape提出的一个著名的安全策略。现在所有支持JavaScript 的浏览器都会使用这个策略。所谓同源是指，域名，协议，端口相同。如果非同源，那么在请求数据时，浏览器会在控制台中报一个异常，提示拒绝访问。产生跨...

2018-04-28 11:09:16 249 1

原创 HTML多个同一行的多个span标签中有空白间距

同一行的多个span标签span之间并没有设置margin，但是有莫名其妙的空白css样式：#nav-list{ width: 1000px; height: 60px; margin: 0 auto; padding: 0 100px; text-align:center; background-color: #E9E9E9;}#nav-list span{ display: ...

2018-03-16 16:24:43 10433

原创 iBatis中的缓存

<span style="color:#660000"><cacheModel type="MEMORY" id="user-cache"> <flushInterval hours="24"/> <flushOnExecute statement="User.insertUserInfo1"/

2018-02-12 11:32:50 310

原创 JSP页面两种include用法的区别

JSP页面两种include用法的区别：关键区别在于@include是编译指令，是JSP执行器在将JSP翻译为Java代码的时候进行处理的指令，因此会自动找到目标文件并将它插入到当前jsp文件中，就好像你通过文本编辑器的copy/paste操作一样；相反jsp:include是运行时代码（本质为Tag标签），要在主jsp页面被请求的时候才会去定位被包含的jsp文件1）【假设a....

2018-02-12 11:20:31 460

原创 Java知识点

总结：一、静态代码块 -> 动态代码块 ->构造函数静态代码块只在第一次new的时候执行一次，之后不再执行；动态代码块在每次new的时候都执行一次。在不涉及继承的情况下： 1.静态代码块和静态成员变量在加载代码时执行，只执行一次，按照它们出现的顺序先后执行； 2.动态代码块在每次实例化对象时执行，在构造函数之前执行，多个动态代码块按照它们出现的顺序先后执行；在涉及继承的情况下：...

2018-02-12 11:07:22 172

原创 Java中Integer类型的缓存问题

先看一个经典的面试题：Java中的“==” 是比较两个对象的引用地址是否相同 Integer i1=127; Integer i2=127; System.out.println(i1==i2); //输出true 当值大于127时，不会从常量池中取对象，这种情况相当于new了两个新对象，地址不同Integer i3=128; Integer i4=128; System.out.pr...

2018-02-12 10:41:24 513

原创跨域问题的总结文章

http://mp.weixin.qq.com/s/A0Oi-fUrmboRPPeNEjG3aw http://www.ruanyifeng.com/blog/2016/04/cors.html https://github.com/Nealyang/YOU-SHOULD-KNOW-JS/blob/master/doc/basic_js/JavaScript%E4%B8%AD%E7...

2017-12-27 19:33:19 211

原创 JXL学习总结

JXL使用总结：1、创建或读取一个工作薄创建一个工作薄，就是整个Excel文档 WritableWorkbook wwb = Workbook.createWorkbook(os); Workbook.getWork(java.io.File file); 读取现有的工作薄2、创建工作表 Sheet创建工作表的方式是使用上面创建的WtitableWorkbook对象来操作...

2017-01-20 08:58:39 531

原创 JSP文件经Tomcat编译后的文件位置

本人在学习中遇到这个问题，于是去网上查找，发现大家说的都不一样，经本人实际验证，网上现在的说法都有问题。以下是正确的说法：关于编译后的位置，可以手动在配置文件中设置，当然不设置就会是默认配置1.打开eclipse中Window>>Preferences，选中Tomcat，有一个Context declaration mode，这个配置是选择那个Tomcat配置文件生效(一般...

2016-12-07 08:57:56 7161

原创 Tomcat JDK Servlet JSP版本对应关系

截图来源于Apache官网关于tomcat版本的说明http://tomcat.apache.org/whichversion.html

2016-12-06 11:05:25 670

原创 Java中内部类

Java中内部类大致分为四类：(以下观点只是自己实习过程总的个人总结，若有错误之处，还望指教)一、静态内部类 1.static表示该成员只属于该类，为该类所有实例共享 2.静态内部类相当于外部类的一个静态成员，不能访问外部类的非静态成员 3.静态内部类的类名不能与外部类同名（个人理解：与外部类同名时，实例化会有歧义，故Java不允许）二、成员内部类...

2016-12-03 11:52:02 372