刘承瑜-CSDN博客

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

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

2019-12-27 09:54:50 388

原创拼车类微信小程序

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

2019-03-18 10:14:04 254

原创 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 393

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

2019-02-20 11:24:47 383

转载网页渲染与网页性能

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

2018-11-22 11:28:18 701

原创 GET与POST请求简单比较

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

2018-11-22 11:20:32 120

原创 GET和POST请求简单比较

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

2018-11-22 11:18:41 257

原创正则表达式入门学习

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

2018-11-22 11:12:33 313

原创 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 331

原创 H5表单新增属性

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

2018-11-22 11:03:28 1948

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

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

2018-11-01 15:58:44 3134

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

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

2018-10-10 15:50:54 752

原创 react state初始化问题

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 9011 1

原创 hexo-asset-image使用方法

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

2018-09-12 10:24:38 6405 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 6018

原创前端面试模块

前端面试模块： JavaScript css jQuery Html5 css3 粒子动画服务端： Nodejs Less sass 构建工具 Gulp Grunt Fis 工程化 Git 框架 Angularjs React vue 移动端算法正则 JSON 前端导航网站常用CDN 优化常规优化优化工具在线...

2018-09-07 15:54:52 386

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

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

2018-06-21 12:13:27 8645

原创 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 13035

原创跨域问题

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

2018-04-28 11:09:16 365

原创 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 10688

原创 iBatis中的缓存

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

2018-02-12 11:32:50 429

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

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

2018-02-12 11:20:31 586

原创 Java知识点

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

2018-02-12 11:07:22 247

原创 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 633

原创跨域问题的总结文章

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 288

原创 JXL学习总结

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

2017-01-20 08:58:39 652

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

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

2016-12-07 08:57:56 7578

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

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

2016-12-06 11:05:25 758

原创 Java中内部类

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

2016-12-03 11:52:02 500