- 博客(39)
- 收藏
- 关注
RSS订阅原创 解决react项目中event对象打印的值为null
在做react项目的时候，发现event打印到控制台上的属性值均为null，如下图所示：觉得挺奇怪的，怎么可能是null呢，但是在方法里面竟然又能获取到值，这样对调试很不利，有木有？ 其实真正的原因是因为React里面的事件并不是真实的DOM事件，而是自己在原生DOM事件上进行了封装与合成。合成事件是由事件池来管理的，合成事件对象可能会被重用，合成事件的所有属性也会随之...
2019-12-22 23:15:56
1616
1
原创 VUE修改框架或插件组件样式解决方案
第一种：使用 /deep/推荐的。看下面例子。注意：使用 cass 和 less 只能使用 /deep/ 这个方法方法二：使用 >>>使用这三个大于号就可以找到，跟上面的 /deep/ 差不多。方法三：使用全局样式（不推荐）...
2019-11-01 11:09:24
493
原创 vue之mixin理解和优缺点
实例 不同的组件，作用是通过切换状态（Boolean类型）来展示或者隐藏模态框或提示框。这些提示框和模态框除了功能相似以外，没有其他共同点：它们看起来不一样，用法不一样，但是逻辑一样。 // 模态框 const Modal = { template: '#modal', data() { return ...
2019-10-28 18:14:53
12891
2
原创 vue-cli3项目修改项目配置
vue-cli3期望做成0配置，使用vue-cli3构建项目，会发现之前的项目配置文件比如webpack.base.config.js等都不见了，那如果想要修改配置怎么去修改呢？vue cli3官网给出了方法。使用vue.config.js来修改配置使用vue.config.js是比较方便快捷地修改项目配置方式，它是可选的，如果根目录（package.json存在的目录）存在vu...
2019-10-28 17:45:54
961
转载 一文快速掌握 Git 用法（Git介绍及使用流程）
一、Github 基础什么是 Git？git 是一个分布式版本控制软件，最初由林纳斯·托瓦兹（Linus Torvalds）（Linux 之父）创作，于 2005 年发布。最初目的是为更好地管理 Linux 内核开发。Git 在本地磁盘上就保存着所有有关当前项目的历史更新，处理速度快；Git 中的绝大多数操作都只需要访问本地文件和资源，不用实时联网。Git 客户端Tortois...
2019-08-03 14:20:32
167
原创 解决Git-remote Incorrect username or password ( access token )
gitee推送到远程仓库时提示错误remote: Incorrect username or password ( access token )fatal: Authentication failed for 'https://gitee.com/***/***.git/'输错一次密码之后再也不弹输入用户名和密码的框了，一直提示Incorrect username or password ...
2019-08-02 23:03:40
5923
原创 解决vue使用axios post 方法导出excel乱码问题
1.使用axios中的post传递参数，后台导出excel数据。api接口调用如下：2.后台设置response的content-type为：content-type:application/octet-stream;charset:utf-83.下载文件。根据第一步的设置请求后的格式如下：下载的方法如下：let config = {headers: {"Content-Ty...
2019-07-16 16:56:47
1619
原创 Rxjs入门1 rxjs及异步回调
1、什么是RxJSRx.JS是英文Reactive Extensions for JavaScript的缩写,即JavaScript的响应式扩展 。官方也给了对Rxjs的解释：Rxjs是使用 Observables 的响应式编程的库，它使编写异步或基于回调的代码更容易。2、异步回调var foo = function (callback) { console.l...
2019-05-16 15:59:44
838
转载 VUE之vuex学习实例
vuex的学习例子 最近在学习vuejs,一直有听说vuex，用来实现多组件共享的一种状态管理模式，但是网上都说，不要为了用vuex而用vuex，大概意思就是尽量少用vuex，一些小项目可以用bus来实现组件之间的传值问题。虽然说不用vuex，但至少要知道这是个什么东西吧？还要学会怎么用。趁现在有点时间，弥补自己的不足。一些概念性的东西，还是看官方文档吧。Vuex2.0。我们...
2018-08-28 21:53:37
287
转载 移动端页面布局的那些事儿
一. viewport 什么是viewport 简单来讲，viewport就是浏览器上，用来显示网页的那一部分区域了，也就是说，浏览器的实际宽度，是和我们手机的宽度不一样的，无论你的手机宽度是320px，还是640px，在手机浏览器内部的宽度，始终会是浏览器本身的viewport。如今的浏览器，都会给自己的本身提供一个viewport的默认值，可能是980px，或者是其他值。就以手机来说...
2018-08-06 11:29:51
226
转载 HTML5读取本地文件 FileReader API接口
1、FileReader接口的方法FileReader接口有4个方法，其中3个用来读取文件，另一个用来中断读取。无论读取成功或失败，方法并不会返回读取结果，这一结果存储在result属性中。FileReader接口的方法 方法名 参数 描述 readAsBinaryString file 将文件读取为二进制编码 readAsText file,[en...
2018-08-02 09:10:14
1706
转载 下载的vue项目执行npm run dev报错解决方案
默认电脑里已经安装Node.js下载完别人的VUE项目后，我们执行下载所有依赖npm install后启动npm run dev运行的最后一步经常会报错，不是缺少依赖模板，就是node_modules版本与本机安装的node和npm版本不一致。今天遇到的问题就是版本不一致，例如我们的电脑中安装的node版本为6.10.3、npm版本为4.6.1。而项目中的版本为"node": ">= 4.0...
2018-06-15 16:13:38
2822
转载 html中offsetTop、clientTop、scrollTop、style.top详解
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获...
2018-06-14 17:31:17
917
转载 跨域（JSONP & CORS）请求的实例
随着软件开发分工趋于精细，前后端开发分离成为趋势，前端同事负责前端页面的展示及页面逻辑处理，服务端同事负责业务逻辑处理同时通过API为前端提供数据也为前端提供数据的持久化能力，考虑到前后端同事开发工具和习惯的不同，必然需要将前后端项目进行独立，再者考虑到网站访问速度的问题，需要将静态资源部署到CDN服务器上这样项目分离也成为了必然。然而项目分离部署分离带来的问题就是跨域请求的问题，本例对比较流行...
2018-06-07 18:30:35
411
转载 JSON - 页面解析后台传的JSON
后台传JSON一般有两种格式：① out直接拼接传回；一般返回JSON字符串。out.print("{\"username\":\"yanshi02\",\"password\":\"123456\"}");下面的形式返回将不不能解析！"{'username':'admin','password':'123456'}"1234② 返回一个JSON-String对象；JSON数组多应用
2018-06-06 11:10:50
810
转载 js创建对象的六种方法
我们可以利用JavaScript的语法特征，以类的思想来创建对象。方法一：原始方法代码如下：[javascript] view plain copy<script> var obj = new Object(); obj.name = "Kitty";//为对象增加属性 obj.age = 21; obj.showName = fu...
2018-06-06 10:50:18
216
转载 用css3属性写进度条
1.linear-gradient基础：[html] view plain copy<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style
2018-06-05 10:24:22
537
转载 vue2中dev-server.js删掉导致通过express方式引入的数据找不到解决方案
一、前言vue-cli(版本更新)，由原来的2.8.1升级为2.9.1。主要改变是原来在build文件夹下的dev-server.js删掉了，增加了webpack.dev.conf.js。导致原来通过express方式引入的数据找不到。本文将针对此问题，提供两种结局方案。二、方案A— 使用node中的express我们知道在2.9.1的版本中没有express。注意： 这里安装vue-resour...
2018-06-04 12:38:49
397
原创 linux中wget未找到命令
在装数据库的时候发现无法使用wget命令，提示未找到命令，如图所示那是因为没有安装wget，输入命令：yum -y install wget 如下图所示，wget及其依赖将会被安装安装完成后就可以使用wget命令啦...
2018-05-22 16:43:13
67287
14
原创 express 的下载安装，解决express不是内部或外部命令
1、首先安装nodejs很容易就装好了，npm现在都自带不用安装了，下面是我 安装的版本 : 2、在终端上执行以下代码 npm install -g express //全局安装 npm install -g express-generator //因为新本版的将命令工具分离出来了...
2018-05-03 11:18:41
1957
原创 selectedIndex的值竟然为-1
今天在写二级联动的时候，跟踪到selectedIndex的值竟然为-1；不是应该从0开始的吗？找了半天才发现原因，竟然是由于没有选项，如果没有则值为-1。一般最有可能的原因是所选ID可能为0，找不到选项就赋不上值，所以才会出现值为-1的情况！...
2018-04-24 16:28:38
3670
转载 事件冒泡和捕获及DOM事件流
(一) DOM事件流DOM事件流个人感觉就是事件冒泡和事件捕获的结合体。DOM事件流：将事件分为三个阶段：捕获阶段、目标阶段、冒泡阶段。先调用捕获阶段的处理函数，其次调用目标阶段的处理函数，最后调用冒泡阶段的处理函数。这个过程很类似于Struts2框中的action和Interceptor。当发出一个URL请求的时候，先调用前置拦截器，其次调用action，最后调用后置拦截器。?123456789...
2018-04-23 11:20:02
304
转载 SVN使用教程总结
SVN使用教程总结SVN简介：为什么要使用SVN？ 公司多人协同开发有需要，类似于GIT, 关于git可以看我之前的博客git的使用[转]，也可以看网上的廖雪峰写的博客。Subversion是什么？ 它是一个自由/开源的版本控制系统，一组文件存放在中心版本库，记录每一次文件和目录的修改，Subversion允许把数据恢复到早期版本，或是检查数据修改的历史，Subversion可以通过网络访问它...
2018-04-20 11:16:08
251
转载 JS与DOM的兼容性
浏览器市场的百花争艳既打破了IE一家独霸的垄断局面也给网页开发者带来不小的麻烦，IE、FireFox、Opera、Safari……还有新秀Chrome...昨日黄花Netscape...Oh My God!究竟哪款浏览器可以完美展现我的网页效果？我那制作精美的网页在哪款浏览器上又糟糕的一塌糊涂？本文仅关注占浏览器市场份额绝大部分的IE与FireFox对网页开发中的兼容性问题，文中所涉及经验部分为笔...
2018-04-17 13:45:08
309
转载 解决发送get请求后台接收参数为乱码
解决发送get请求后台接收参数为乱码方法一：get方式提交的参数编码，只支持iso8859-1编码。因此，如果里面有中文。在后台就需要转换编码，例如： String bname = request.getParameter("bname"); bname = new String(bname .getBytes("iso8859-1"),"utf-8"); 12方法二：在客户端使用 URLE...
2018-04-13 10:19:50
2088
1
转载 js对url进行编码和解码（三种方式区别）
js对url进行编码和解码（三种方式区别）*** 只有 0-9[a-Z] $ - _ . + ! * ' ( ) , 以及某些保留字，才能不经过编码直接用于 URL。***例如：搜索的中文关键字，复制网址之后再粘贴就会发现该URL已经被转码。1、escape 和 unescape原理：对除ASCII字母、数字、标点符号 @ * _ + - . / 以外的其他字符进行编码。编码：esca...
2018-04-03 15:57:58
1761
转载 CGIC库的移植及使用
CGIC是一个支持CGI开发的开放源码的标准C库，可以免费使用，只需要在开发的站点和程序文档中有个公开声明即可，表明程序使用了CGIC库，用户也可以购买商业授权而无需公开声明。 CGIC能够提供以下功能： 1、分析数据，并自动校正一些有缺陷的浏览器发来的数据； 2、透明接收用GET或 POST方法发来的From数据； 3、能接受上传文件； 4、能够设置和接收cookies； ...
2018-04-03 10:20:44
248
原创 prototype+__proto__+new自我总结
prototype 是 面向 构造函数__proto 是__ 面向 实例化 后 的对象 var b = new B('testb') var o = new Object() // 生成一个 新的 对象 b 这里 可以约等于 var b = {} o.__proto__ = B.prototype // 这里就是 函数对象中 独有的 prototype 属性。 ...
2018-03-30 17:31:43
176
转载 prototype 和 proto function 和 object 以及new之间的区别和联系
本文主要讲三个 问题prototype 和 protofunction 和 objectnew 到底发生了什么prototype 和 proto首先我们说下在 JS 中，常常让我们感到困惑的地方，就是 prototype 和 __proto__ 到底是干嘛的1. __proto__ 就是 Javascript中 所谓的原型 （这里，我们还是拿具体的例子来说明吧） function A ...
2018-03-29 16:55:26
357
转载 javascript 立即执行函数(IIFE)与闭包
立即执行函数(IIFE) 大牛的讲解，点击 立即执行函数、立即执行表达式、IIFE（immediately invoked function expression）、自执行函数，叫法不同，都是一样的； 立即执行函数是指声明完之后便直接执行的函数，这类函数通常是一次性使用的，因此没必要给这类函数命名，直接让它执行就好了； 主要目的是做的一些封装，防止变量全局污染，以及保证内部变量的安全； ...
2018-03-16 18:01:51
701
转载 split、replace、indexof、substr 用法 （获取后台富文本框内容，截取图片）
split、replace、indexof、substr 用法 （获取后台富文本框内容，截取图片）1、split() 分割字符串，转化成数组（1）分割数据中有某段字符串的数据 ，转化成数组//拿取富文本框中的图片var div=data[0].text.split("/agriculture/uploads/");//定义一个变量存放字符串数据var divstr="";//循环div的...
2018-03-16 16:49:46
662
转载 js 彻底理解回调函数
一、前奏在谈回调函数之前，先看下下面两段代码： 不妨猜测一下代码的结果。function say (value) { alert(value);}alert(say);alert(say('hi js.'));12345如果你测试了，就会发现：只写变量名 say 返回的将会是 say方法本身，以字符串的形式表现出来。而在变量名后加()如say()返回的就会使say方法调用后的...
2018-03-16 15:11:03
276
转载 前端技术-布局解决方案
前端技术-布局解决方案一、居中布局1.水平居中行内元素如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。 定宽块状元素当被设置元素为块状元素时用 text-align：center 就不起作用了。满足定宽和块状两个条件的元素是可以通过设置“左右margin”值为“auto”来实现居中的。.center{ margin:0...
2018-03-05 16:05:35
219
原创 如何给表格的tr加上下边框
今天在做一个表格的时候想要给每个tr上设置一个下边框，但当我直接给tr上加上border-bottom的时候发现边框不会正常显示，查找资料后总结如下：在table中有一个默认的属性：border-collapse 参数： 1.separate 默认值。边框会被分开。不会忽略border-spacing 和 empty-cells 属性。 2.collapse 如果可能，边框会合并为一个单一的边框。...
2018-02-26 15:24:52
2019
原创 解决：IE已限制此网页运行脚本或activeX控件且没有css样式
用IE打开本地页面突然提示IE已限制此网页运行脚本或activeX控件，如图所示：点击允许阻止的内容依然不显示正常的css样式，网上的设置internet的启用禁用方法依然无法解决，最后去掉了<!DOCTYPE html>中的html，完美解决，页面正常显示。...
2018-02-24 12:11:23
4755
转载 用HTML5 Canvas 做擦除及扩散效果
2013年的时候曾经使用canvas实现了一个擦除效果的需求，即模拟用户在模糊的玻璃上擦除水雾看到清晰景色的交互效果。好在2012年的时候学习HTML5的时候研究过canvas了，所以在比较短的时间内实现了一个方案【下文方案一】，后来继续探索之后进一步更新了这个方案【下文方案二】，提高了交互的性能，也提升了用户体验。今年初的另一个项目，提出了一个比较类似的需求，不过不是擦除效果，需要在一张地图上...
2018-02-09 16:48:04
1152
转载 原生JS实现瀑布流
原生JS实现瀑布流 浏览网页的时候经常会遇到瀑布流布局的网站。也许有些读者不了解瀑布流。瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。比如下面图片的效果，就是一个典型的瀑布流。网上有很多JQ的瀑布流插件，而且都写好了兼容，都可以尝试去使用，这里只是跟大家分享一下原生js实现瀑布流的效果，一...
2018-02-09 14:05:39
235
转载 centos7中输入ifconfig出现ens33，没有eth0
vmware安装的centos7中没有出现eth0网卡，也没有ip，不能上网，输入ifconfig后如下图解决办法1.编辑网卡的配置文件 vi /etc/sysconfig/network-scripts/ifcfg-ens33 将里面的NAME和DEVICE项修改为eth0，ONBOOT需修改为yes[root@localhost ~]# vi /etc/sysconfig/network-sc...
2018-02-09 11:15:18
972
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人