- 博客(76)
- 收藏
- 关注
RSS订阅转载 vue中显示原网页代码--codemirror
在项目中遇到了一个需求，后台返回string类型的html源码，要求前端这边按照codeview这种类型把这个源码展示出来。现总结如下1.如果没啥样式的需求，只是要求该缩进缩进的话，可以直接使用innerText属性，然后给你这个包裹了html源码的div加上white-space:pre;就可以了。效果如下：2.如果要求你的源码可以编辑并且按照codeview的那种主题样...
2019-07-11 16:07:00
907
转载 react相关小技巧
一、我们在项目中切换路由的时候可能会遇到Warning: setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This is a no-op.Please c...
2019-06-11 16:19:00
170
转载 react解析markdown文件
当当当又get到了一个新技能，使用react-markdown来直接解析markdown文件（咳咳，小菜鸟的自娱自乐）项目中遇到了一个API的那种展示方式，类似于入门手册啥的那种，如果是一个个调用接口，改样式很复杂，所以用了直接解析后台给的markdown文件首先我们需要安装一个react的网页语法高亮插件，（我最初并没有安装这个，结果导致解析文件是出来了，但是样式还挺丑的）...
2019-06-10 16:43:00
1093
转载 react中界面跳转 A界面跳B界面，返回A界面，A界面状态保持不变 redux的state方法...
在上一篇文章中说过了react中界面A跳到B，返回A，A界面状态保持不变，上篇中使用的是传统的localStorage方法，现在来使用第二种redux的state方法来实现这个功能现在我刚接触redux，所以可能一些高级方法不是很会用，这边使用的是很简单的方法。其实这两种方法原理差不多，都是通过进行保存原有数据或者重新加载数据来实现我这边以购物车的商品为简单的例子，大家可以根据自...
2019-06-05 11:25:00
651
转载 react中界面跳转 A界面跳B界面，返回A界面，A界面状态保持不变 localStorage方法...
好像所有的单页面应用都会有个问题，就是我A作为一级界面，跳转到二级界面B的时候，在回到A界面，你会发现所有的参数都重新加载了很多时候假如我们的界面有很多条新闻列表，通过设置参数筛选出了一部分的新闻列表，这个时候我点击新闻标题进入了新闻详情，然后返回到A界面的时候，发现所有的条件都重置了，这样用户体验很显然是非常不好的。我还是个小菜鸟所以对于那种大佬们说可以使用redux可以实...
2019-06-04 15:16:00
870
转载 react界面跳转，滚动到顶部
在使用react-router-dom时，我们经常会遇到路由切换时滚动到浏览器顶部的问题。滚动到顶部 Scroll to top很多时候我们需要的是滚动到顶部“Scroll to top”，因为发现好像所有的单页面都有一个通病，就是页面进行跳转时，当前所在的位置和你上个界面所在的位置一样，显然这样对于用户来说体验不是很好。我们可以使用使用一个<ScrollToTop&...
2019-06-04 15:03:00
2079
转载 react的路由权限控制
在使用路由的时候，有的时候我们的界面只能够在登录之后才可以看的到，这个时候就需要使用路由权限控制了找了资料发现一个就是我使用的方法，一个是高阶组件。 原谅菜鸟看不太懂不会使用高阶组件…………首先在路由中做一个私有权限的限制，限制里面的path就是你的私有界面router.js <Switch> <Route path="/" exac...
2019-06-04 14:46:00
798
转载 react的路由中的switch和exact的使用
刚刚接触react不久，发现在项目中的路由配置中会有switch和exact的使用，现总结如下switch 为了解决route的唯一渲染（仅仅渲染一个路由路径）出现的 <Switch>是唯一的因为它仅仅只会渲染一个路径。相比之下（不使用<Switch>包裹的情况下），每一个被location匹配到的<Route>将都会被渲染。认真思...
2019-05-27 11:09:00
399
转载 react中antd的表格自定义展开
antd的表格官方案例中给出的都是固定的图表展开，在做需求的时候，需要使用点击最后一列，然后出现展开内容，实现效果图如下在最开始设置一个全局变量 const keys = [];在设置列参数的函数中render个open函数 { title: '操作', dataIndex: 'action', ...
2019-05-23 17:11:00
329
转载 webstorm的git操作使用
0. 前言在上一篇文章中，讲述了使用webstorm去调试node程序，最近研究了一下如何使用webstorm去操作git。对于git的使用，大家的使用方式均有不同，最王道的方式非命令行莫属，基于git的GUI软件还是很多的，大家可自行研究使用。之前使用eclipse svn插件去操作版本管理，还是很便捷的一件事情。而今用惯了webstorm，当然里面也集成了对svn的支持，只是...
2019-04-02 14:20:00
222
转载 ES6的相关语法
1.ES6的兼容性常用的是babel(也叫做browser.js);用法：直接在script中引用,把相应的script里面的type设置为text/babel2.箭头函数注意：1.如果只有一个参数，可以省略(); let show = x =>console.log(x*2); show(2); //4 ...
2019-02-27 17:25:00
74
转载 vue导出文件下载
项目当中有用到文件的导出功能，以此来总结request({ /*url: this.exportUrl,*/ url: `************`, method: "GET", responseType: "blob" }).then(res => { console...
2018-11-23 16:23:00
136
转载 vue如何解析xml文件 x2js
好久没来写东西了，主要是一直在加班，哼哼，不开心项目中会用到将xml文件解析成json文件在页面中显示出来，以前jq的时候用到的方法行不通了，故在这边介绍一种我觉得还不错的插件1. npm安装npm i x2js2.在main.js中引用import x2js from 'x2js' //xml数据处理插件Vue.prototype.$x2js = new ...
2018-11-23 15:26:00
1197
转载 ES6模板字符串
介绍：样子: `` 反引号，tab上面的那个键，同该符号包裹的字符串能够带来的功能如下：可以包涵换行在反引号以内，可以有多个换行，都能够在使用的时候被识别可以嵌入变量使用美元符号和大括号包裹变量${对象名.属性名}可以原生输出原生输出包含转义字符串的内容String.raw模板字符串例子：传统的...
2018-08-28 14:57:00
77
转载 Vue.js中 watch(深度监听)的最易懂的解释
<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p></div> new Vue({ el: '#root', da...
2018-08-28 10:19:00
105
转载 Vue、Element-ui项目中如何使用Iconfont(阿里图标库)
我们使用element-ui、vue开发网站的时候，往往图标是起着很重要的作用。下面是vue、element-ui项目，如何使用阿里iconfont图标库的方法。 准备工作 1. 先注册，再登录、找到图标管理、我的项目 2. 点紫色的这个创建自己的项目 3....
2018-08-02 16:36:00
129
转载 防止xss攻击的前端的方法
项目当中在进行安全测试的时候，遇到了xss的攻击，要求前端来做个防御，针对于遇到的xss攻击，做个总结1.xss---存储型xss的攻击前端只要在接收到后台数据的时候做个特殊字符的过滤，即可抵制攻击 function htmlEncodeByRegExp(str){ var s = ""; if(str.length == 0)...
2018-08-01 11:16:00
288
转载 Jquery ajax 同步阻塞引起的UI线程阻塞的坑（loading图片显示不出来，layer.load延迟）...
今天想做一个点击地市用ajax重新获取数据刷新页面功能，因为ajax属于耗时操作，想在获取数据且加载页面时显示加载遮罩层，结果发现了ajax的好多坑。 例如如上栗子，我想点击按钮让遮罩层显示，ajax加载完毕后遮罩层消失。因为我想让loadChart()在赋值操作后执行，但如果async设为true时，往往会先执行loadChart(),之后才会赋值，所以我只能将a...
2018-07-25 09:24:00
679
转载 layer.js的一些常用的技巧
我们在一些弹出框或者其他的一些表单的样式逻辑当中会用到layer的组件，针对我遇到的问题做个小结1.在使用checkbox进行多选的时候，默认的layer会有一个对勾的样式，但是我们通常在做单选或者多选按钮的时候，并不希望有这个对勾的效果，这个时候我们可以使用 $('input[type=checkbox]').each(function(i,item){ ...
2018-07-09 09:50:00
109
转载 GOJS的使用
项目当中要求表与表之间建立关联关系，需要用到Gojs（只想说这是个什么？），以前完全没接触过gojs，所以记录下使用中的技巧和方法http://www.devtalking.com/articles/gojs-simple-diagram/ 找到一个特别棒的讲解gojs的教程，感觉非常适合我这种入门级别一，如何去掉默认的水印在按照官方文档下载后，引用的时候，会出现官方的水...
2018-07-04 14:58:00
132
转载 ie和谷歌的兼容性问题
1.表单的归类 ie下的表单元素在设置了disabled禁用属性之后，在ie下点击，仍然会有焦点。谷歌这是正常的没有焦点 解决方法：给表单元素设置增加属性 unselectable='on' 即可。转载于:https://www.cnblogs.com/yesu/p/9224188.html...
2018-06-25 14:34:00
243
转载 IE浏览器下AJAX缓存问题导致数据不更新的解决办法
一直知道使用ajax的时候，有的时候会出现数据缓存的问题，当时也没有深究，就是所有的简单粗暴的全部加上cache:false，或者使用在url处加上随机时间函数今天无意间看见了为什么会出现缓存的原因记录下注：通过AJAX请求后台时，当参数相同，IE浏览器会从缓存中取值而非从重新请求服务器。其他使用非IE内核的浏览器并无此问题。在IE下用Ajax请求某一页面，通常会因为缓存的原...
2018-06-15 10:21:00
121
转载 在vue中使用sass的配置的方法
1、创建一个基于 webpack 模板的新项目$ vue init webpack myvue12、在当前目录下，安装依赖$ cd myvue$ npm install123、安装sass的依赖包npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm inst...
2018-06-11 10:54:00
59
转载 IDEA中如何导入一个maven项目并配置相关设置
导入一个maven项目参照如下链接https://jingyan.baidu.com/article/b0b63dbf0c0ac04a49307078.html要想启动这个导入的项目目前我所接触到的都是配置 tomcat 、maven、 jdk这三个顺序应该无所谓的吧。配置jdk首先打开IntelliJ IDEA开发环境，选择"File"菜单，找到"oth...
2018-05-24 16:13:00
323
转载 sass的入门（安装以及sublime中如何编译sass）
很久之前就听到了sass和less，但是因为人懒（默默吐槽下自己），就没有去了解相关的知识。但是身为一个前端人员不了解sass好像有点low low 的，所以现在开始接触使用sass了。万事开头难，总结一下sass的安装以及sass的编译sass依赖于Ruby语言开发的，所以安装sass前需要先去安装下Ruby。具体的Ruby的安装sass的官网上有，百度经验上也有很多，我下...
2018-05-23 16:09:00
192
转载 移动端web开发常见问题
移动端web开发移动端web开发常见问题常见问题1、移动端如何定义字体font-family三大手机系统的字体：ios系统默认中文字体是Heiti SC默认英文字体是Helvetica默认数字字体是HelveticaNeue无微软雅黑字体android系统默认中文字体是Droidsansfallback默认英文和数字字体是Droid Sans无微软雅黑字体win...
2018-05-23 10:26:00
123
转载 vuex的简单总结使用
State负责存储整个应用的状态数据，一般需要在使用的时候在跟节点注入store对象，后期就可以使用this.$store.state直接获取状态辅助函数的使用1.mapStatestate的mapState的辅助函数主要是为了解决当一个组件需要获取多个状态时候，将这些状态都声明为计算属性会有些重复和冗余。例如当我在store.js中的state对象里面声明了以下...
2018-05-22 14:33:00
79
转载 json数组
简单的json数据的问题，{ "data": [ [ { "description": "苦了累了,来点甜的", "id": "1001", "image_url": "https://fuss10.elemecdn.com/2/35/696aa5cf9820adada9b11a3d14bf5jpeg.jpeg"...
2018-04-03 14:53:00
135
转载 VUE简单的语法
这篇主要记录了在使用过程的当中，对于vue的一些方法的理解1.Vue生命周期中mounted和created的区别created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。其实两者比较好理解，通常created使用的次数多，而moun...
2018-04-02 15:10:00
78
转载 vue中axios的简单使用
我们一般在用jq的时候会使用到ajax来进行与服务器之间的交流，vue中也提供了相应的类似于ajax的方法-axios来进行与服务器之间的数据传递现在的这篇是最简单的使用，后续会添加上来复杂的使用首先安装axios引入方式：$ npm install axios//使用淘宝源$ cnpm install axios//或者使用cdn：<scrip...
2018-04-02 15:08:00
119
转载 jquery-ui提供的拖拽方法
项目当中遇到了任意拖动div标签的功能，找到了jqueryui提供的draggable的插件，这个插件可以实现任意的div的移动，也可以移动到整个屏幕或者在父元素的范围内进行移动。插件的api http://jqueryui.com//#events//任意拖动 $(".edrag").draggable({ ...
2018-03-27 14:56:00
97
转载 数组的拷贝
如何对数组进行深拷贝我们一般常见的一个数组赋值给另外一个数组的方法，数据赋值的同时，引用地址也赋值过去了，一个数组改变，另外一个数组也改变。如果我们想要a数组赋值给b数组，并且他们之间的数据互不影响，这个时候就会接触到以下的浅拷贝数组的方法首先最常用的两种方法 slice（）和contact( )方法 var arr1=["1","2","3"],arr2; ...
2018-03-27 14:51:00
54
转载 js日期增加或减少一天
想自己写一个日期的加减方法，但是涉及到每个月天数的判断，如果是2月份的话，还要涉及到闰年的判断，有些复杂，其实只要调用Date对象的setDate（）函数就可以了，具体方法如下：function addDate(date,days){ var d=new Date(date); d.setDate(d.getDate()+days); var month=d.getM...
2018-03-13 17:19:00
155
转载 https://www.w3cplus.com/blog/vue
https://www.w3cplus.com/blog/vue转载于:https://www.cnblogs.com/yesu/p/8434263.html
2018-02-09 09:53:00
47
转载 websocket 的基本用法
项目当中使用到了websocket，以前的项目当中使用到了另外一个类似的socket.io，两者的区别和联系在另外一篇文章当中有提及，这里就简单的写下websocket的用法下面的例子是阮一峰的WebSocket的教程中的例子var ws = new WebSocket("wss://echo.websocket.org"); //需要连接的服务器端的URL 注意：...
2018-02-07 16:06:00
150
转载 实时通讯之Socket.io
WebSocketWebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术。使用WebSocket，浏览器和服务器只需要要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道，两者之间就直接可以数据互相传送。而且它为我们实现即时服务带来了两大好处：节省资源：互相沟通的Header是很小的-大概只有 2 Bytes。推送信息：不需要...
2018-02-07 10:40:00
136
转载 Websocket --socket.io的用法
<!DOCTYPE html><html><head> <title>Hello WebSocket</title> <link href="/webjars/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <lin...
2018-02-07 10:39:00
53
转载 Vuex中mapState的用法
Vuex中mapState的用法今天使用Vuex的时候遇到一个坑，也可以说是自己的无知吧，折腾了好久，终于发现自己代码的错误了。真是天雷滚滚~~~~~~index.jsimport Vue from 'vue'import Vuex from 'vuex'import mutations from './mutations'import ac...
2018-02-07 10:34:00
227
转载 vue中关于computed的一点理解
computed相当于属性的一个实时计算，如果实时计算里关联了对象，那么当对象的某个值改变的时候，同事会出发实时计算。例子：<body id="content"> <parent :childrens="childrens"></parent></body><!-- 这个测试主要想证明：...
2018-02-07 10:31:00
71
转载 webuploader大文件分片，多线程总结
项目的新需求是用webuploader来做一个多文件，多线程，并且可以进行分块上传的要求，这些在前面的一篇文章当中足够使用了，但是现在又来一个新的需求，要求上传失败的文件进行重新的上传……心里默默说句事儿真多找了很多的资料，也看了官方的例子和文档，最后发现还是得细看官方的文档。整体的思路是把上传失败的文件，展示出来，加一个重新上传的按钮，然后把这个文件重新进行上传官方文档中u...
2018-02-01 16:10:00
362
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人