- 博客(47)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 使用vue-cropper显示NaN*NaN
使用vue-cropper不显示图片的问题根据项目需求在图片上传之前按比例裁剪图片，项目运用了vue组件开发，于是在网上搜索了相关截图插件，然后选择了vue-cropper，文档比较清晰其实使用了vue-cropper一段时间了，之前按照简书的例子写了，但是图片显示不出来，显示NaN*NaN，之前稀里糊涂的解决了问题，但是没做笔记，这次有遇到同样的问题，给组件绑定realTime函数打印出的数据显示img的preserve-3d相关css样式异常，所以才定位到是不是样式的问题。之后给包裹vue-crop
2020-08-12 11:11:06
790
原创 占位图网址
常用的占位图网址1. http://temp.im可以在任何地方免费使用，可以使用https，可以定义尺寸和背景颜色，例如：http://temp.im/466×466/4CD964/fff2. http://fakeimg.pl可以定义尺寸，背景色，文字颜色和展示文字，例如：https://fakeimg.pl/350x200/ff0000/000/?text=xuexi3.http://fpoimg.com可以定义尺寸，背景色，文字颜色和展示文字，例如：http://fpoimg.com/3
2020-06-02 13:59:09
602
原创 vue项目中遇到(Maximum call stack size exceeded)错误的处理
发现问题：近期公司要求用vue组件化开发一个管理后台，项目中用到了天地图的绘制功能，这部分产出了许多对象实例，单个组件往里面导入大量数据的时候（部分对象存在上万个数据），发生了内存溢出的错误。分析问题：从报错信息可以看出是地图相关数据造成的，而根据需求这部分数据在当前组件中是不需要展示的，而我写的代码是把这些数据存在了data中，众所周知vue的响应式处理会产生大量的setter和gette...
2019-08-21 16:35:53
11052
1
原创 微信小程序码的调试
生成的微信小程序码如何调试微信小程序码通过后台生成，一般生成的小程序码都是发布后才能生成，开发过程中如何调试呢？其实微信开发者工具已经提供了相关功能，点击上方的编译模式，选择“通过二维码编译”，选择生成的小程序码就可以了，然后如果是带参数的小程序码，参数要通过decodeURIComponent方法对scene值进行解析，然后截取字符串就可以了。...
2019-03-29 15:56:51
1520
1
原创 js小数运算误差
在使用某个公众号的web页面购物时，发现了购物车结算时一长串的小数，实际上结算金额应该是小数不超过两位。于此同时也很好的让我在做毕业设计时很好的规避了这个问题。我们来看看js小数运算的问题：console.log(0.1+0.2);输出结果是：为什么会出现这种问题呢？我们都知道计算机的世界里只有二进制，十进制小数转二进制的方法我们都知道“乘基取整，正序排列”：0.1转二进制为：0...
2019-03-22 16:08:26
511
原创 js判断空对象和空数组
业务处理过程中经常需要对数据进行判断，这里介绍空对象和空数组的判断方法空数组的判断if(Array.prototype.isPrototypeOf(obj)&&obj.length === 0){return true;}空对象的判断if(Object.prototype.isPrototypeOf(obj)&&Object.keys(obj)....
2019-03-20 17:11:26
10786
原创 js面向对象
创建对象的五种方式第一种var person = new Object();person.name = "Leon";person.age = "22";第二种 jsonvar person = { name:"Leon", age:22};第三种 工厂function createPerson(name,age){ var o = new
2018-01-14 16:40:41
180
转载 浏览器的渲染引擎
在面试的时候或许经常被问到：从你的浏览器输入一个网址到网页 内容完全被展示的这段时间内，都发生了什么事情？ （1）开启一个单独的线程，判断输入是否合法，然后判断是否为HTTP协议请求， 如果是进行下一步； （2）浏览器的浏览器引擎将对此URL进行分析加载； （3）通过DNS解析域名获取该网站地址对应的IP地址，查询完成后连同浏览器 Cookie、userAgent等信息向网站目的IP发出
2018-01-01 20:51:18
1158
原创 js闭包
闭包的作用域fn1(); funcion fn1(){ alert(“fn1”); } 这种定义函数的方式先调用后定义不会报错fn2(); var fn2() = function(){ alert(“fn2”); } 这种定义函数的方式会报错 在JS中进行函数的调用，会为每一个函数增加一个属性SCOPE，通过这个属性来指向一块内存，这块内存中包含有所有的上下文使用
2018-01-01 20:42:25
154
原创 JavaScript函数
函数的几种定义方式第一种定义方式 function fn1(){ alert(“fn1”); } 第二种定义方式 var fn2 = function(){ alert(“fn2”); } 与第一种方式效果相同，调用的时候用fn2()。 第三种定义方式 var fn3 = fn1; fn3(); 第四种定义方式 var fn = new Function
2018-01-01 20:17:39
245
原创 常见DOS命令
常见DOS命令盘符切换 D:回车 目录的进入 cd javase *目录的回退 cd..或者 cd* 清屏 cls 退出 exit 显示一个目录下的文件和子目录 创建一个子目录 md 删除空子目录 rd 删除指定磁盘、目录中的一个或一组文件 del 创建文件 dir>a.txt
2017-10-16 11:46:03
157
原创 jQuery treeview插件
以上是需引入的文件，jQuery Treeview 提供了一个无序灵活的可折叠的树形菜单。适用于一些菜单的导航，支持基于 cookie 的持久性菜单。 天龙八部 第一章 第一节 第一节（上） 第一节（下）
2017-08-20 21:07:16
428
原创 jQuery Tooltip插件
jQuery Tooltip 插件取代了原生的工具提示框，让它们可自定义，您只需要调整它们的内容、位置和外观即可。该插件目前版本是 1.3，已经很长时间没有更新，推荐使用 jQuery UI 工具提示框（Tooltip）。如需了解更多有关 jQuery UI 工具提示框（Tooltip）的细节，请查看 API 文档 jQuery UI 工具提示框部件（Tooltip Widge
2017-08-20 21:04:33
227
转载 jQuery prettyDate插件
赠书 | 异步2周年,技术图书免费选 每周荐书：渗透测试、K8s、架构（评论送书） 项目管理+代码托管+文档协作，开发更流畅 window.quickReplyflag = true; var isBole = false; var fasrc="http://my.csdn.net/my/fav
2017-08-20 20:55:36
325
原创 jquery密码验证插件
以上是需引入的文件，还需引入jQuery文件，而且必须放在这两个文件前面（原因前面已经讲了，就不再赘述）。jQuery PasswordValidation（密码验证）插件扩展了 jQuery Validate 插件，提供了两种组件：一种评价密码的相关因素的功能：比如大小写字母的混合情况、字符（数字、特殊字符）的混合情况、长度、与用户名的相似度（可选的）。一种使用评价功能显示密码强度的
2017-08-20 20:36:07
493
原创 jQuery growl插件
除了以下文件，还需引入jQuery文件，而且需放在最前面，因为这些插件是基于jQuery的。提示框，定义的是鼠标不点击取消时，会在几秒之后自动消失，但是鼠标放在提示框上，它就不会消失。title:消息提示的标题message:提示的内容（1）growl后面不写某些关键词，使用默认样式$("#btn1").click(function(){ $
2017-08-20 20:33:25
850
1
转载 jQuery Autocomplete插件
Jquery AutoComplete的使用方法实例 jQuery的Autocomplete（自动完成、自动填充）插件有不少，但比较下来我感觉，还是bassistance.de的JQuery Autocomplete plugin比较强大，我们就来写一些代码感受一下。 jquery-autocomplete配置：<s
2017-08-20 17:28:12
287
转载 jQuery Accordion插件
<!-- 内容 --> <h1>jQuery UI Accordion 示例</h1>本篇介绍 Accordion 组件（类似手风琴可以摺叠的 UI 组件）。基本用法jQuery Accordion UI 组件可以把一个包含有具有 Header (标题头）和 Content（内容）对的容器转变成 Accordion 组件。比如如下一个 Id=”accordion”Div HTML
2017-08-20 17:18:21
468
转载 jQuery Validate插件
jQuery Validate验证框架详解 jQuery校验官网地址：http://bassistance.de/jquery-plugins/jquery-plugin-validation一、导入js库<script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.js"></script><scrip
2017-08-20 17:05:40
249
原创 jQueryDOM、jQueryAjax
jQueryDOM1.1内容操作（1）文本内容的捕获text()作用：获取或设置文本内容（等价于DOM操作中的innerText属性） 我是要捕获的内容 $("#p1").text("更改成我"); alert($("#p1").text());（2）html():获取元素中的所有内容（HTML的标签）
2017-08-20 16:55:07
280
原创 jQuery基础知识与动画
jQuery基础知识1.1基本概念jQuery就是一个JS库，能够帮助我们轻松实现一些原本可能比较麻烦的功能。jQuery每个版本又有两个小版本：压缩版和未压缩版，压缩版文件较小，但没有排版和注释，所以不便于阅读；而未压缩版文件较大，有排版和注释，便于阅读。jQuery实际上就是一个js文件，加载到页面就可以直接使用了。菜鸟教程 CDN:百度 CDN
2017-08-20 16:34:36
282
转载 字母x在css中的角色
►if (window.localStorage && window.isSlideHide) { (function() { var eleShink = document.getElementById("shinkSlide"); eleShink.title = "展开右边栏"; // 左箭头 eleShink.i
2017-08-11 20:54:47
484
原创 javascriptBOM
BOM概念：BrowserObject Model1.1常用对象1windowWindow：窗口，浏览器的窗口我们定义的全局变量和全局函数都属于window对象var a = 1;function test(){ var a =2; alert(a); alert(window.a);}全局变量是window的属性。全局函数是win
2017-08-11 20:44:11
316
原创 javascriptDOM
DOM1.1DOM概念 DOM（Document ObjectModel）：文档对象模型 通过开发者工具的Elements标签页可以查看通过开发者工具sources标签页的watch窗口也可以查看整个文档是由一系列节点对象组成的一棵树。节点（node）包括元素节点（1）、属性节点（2）和文本节点（3） var th1= docu
2017-08-10 21:01:47
199
原创 javascript事件
事件10.1事件的概念事件的概念 事件源 事件名 事件注册 事件处理 以火灾为例： 粤商大酒店201房间发生火灾，119电话报警，南湖区消防支队出警，赶赴火灾现场通过喷水作业成功灭火。 事件源：粤商大酒店201房间 事件名：火灾 事件注册：事先已经
2017-08-08 19:51:44
198
原创 javascript算法
常用算法8.1累加/累乘累加：将一系列的数据加到一个变量里面，最后得到累加的结果比如：将1到100的数求累加和小球从高处落下，每次返回到原来一半，求第十次小球落地是的路程var h = 100; var s = 0; for(var i=0; i h = h/2; s += h; } s = s*2 +
2017-08-07 20:59:51
331
原创 javascript正则表达式
正则表达式为什么要有这个正则表达式：因为查找是一个比较复杂的东西，我们想要更加准确快速找到自己想要的。什么是正则表达式：它可以定义一种字符串逻辑的公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑定义规则：1、使用/规则/修饰符，修饰符可以省略Var patt = /hellocooldog/
2017-08-05 16:59:14
324
原创 javascript常用对象
数组的应用a.顺序查找var a = [3,7,11,57,94,34,47,35,23,12]; var num = Number(prompt("请输入要查找的值")); var index = -1;//最初认为要找的数不在数组中 for(var i in a){ if(a[i] == num){ index
2017-08-03 20:55:47
248
原创 javascript数组的定义及其属性和方法的使用
数组7.1数组的概念案例：计算5名学生的平均成绩 var a1,a2,a3,a4,a5; a1 = Number(prompt("请输入分数")); a2 = Number(prompt("请输入分数")); a3 = Number(prompt("请输入分数")); a4 = Number(prompt("请输入分数")); a5 =
2017-08-02 20:29:22
867
原创 javascript函数的定义与调用以及参数传递
案例：菱形的输出分析：有多种思考方式，但最关键的问题是获得空格与行号的关系，星号与行号的关系。第一种：行号为正三角行的行数，总行数实际上是2row-1var row = Number(prompt("请输入行数（奇数）"));for(var i=1; i var blanks = Math.abs(row - i);//空格的个数 var stars = 2 *
2017-08-01 20:42:32
561
1
原创 javascript中的while循环和for循环
循环结构1.1循环结构的概念先来看看生活中的一些场景：（1）食堂阿姨打菜：接过顾客的餐盘→询问菜品→打菜→递回餐盘，重复以上过程，直到所以顾客的菜都打完了。（2）快递员送快递：查看送件地址→赶往目的地→电话告知收件人→收件人签收→交快递件，重复以上过程，直到所有需要送的快递都处理完了。以上场景都有一个共同的特点：有条件地重复地做一件事，每一次做的事情不同但类似。程序是伪类解
2017-07-29 15:23:16
1945
原创 javascript中的switch结构和错误调试
switch语句switch的优点：1.选择结构更加清晰，一目了然。2.执行速度相对较快。switch的执行逻辑：从switch后面圆括号里的变量与case后边的常量相等的地方开始，依次执行指令，直到指令结束。case的作用：不会参与到运算当中，不起条件判断作用，否则执行逻辑就解释不通了。case是起到标号的作用标号是什么？在计算机里，标号只是存储了指令的地址。
2017-07-27 20:51:58
626
原创 javascript程序设计思维与选择结构
程序设计思维程序是啥？生活中的程序：（1）宿舍报修：填写保修单→上报宿舍管理员→联系物业→找维修师傅上门维修→反馈。（2）银行开户：客户填写开户申请单→提交证件资料→审核资料真实性（1是否是本人、资料真实齐全则通过；2其他人代办、有委托书、资料真实齐全则批准，不满足这些条件则拒绝）→录入系统开户→设置密码→发放卡、存折。解决生活中问题的步骤（流程）描述。计算机中的程序：
2017-07-26 19:51:13
964
原创 javascript运算符
1.1算术运算符和表达式常见的运算符有“+”、“-”、“×”、“÷”在JS中的运算符为：“+”、“-”、“*”、“/”加法运算（数值）：var weight = 65;weight = weight + 10;alert(weight);字符串拼接（字符串）var dogName = "zhangsan";dogName = dogName + "feng";
2017-07-25 19:47:19
154
原创 JavaScript 变量 数据类型
JavaScript基础知识1.1基本概念 为什么需要有JavaScript（JS有什么作用）HTML负责呈现什么内容，CSS负责以何种方式来呈现HTML+CSS：实现了静态页面 实际上，我们更多的页面是动态的，比如12306：时间也应该是动态显示的。 还有验证码、注册页面的数据验证……那么怎么才能让页面动起来呢？ 答案就是JavaScript！
2017-07-24 21:32:35
312
原创 CSS选择器 伪类及伪元素
结构选择器（1）后代选择器：可以选择一个元素的后代元素包括儿子、孙子。。。写法：E F案例： 选择器 .content a{ font-size:30px; } 中央气象台继续发布高温橙色预警
2017-07-17 20:32:57
384
转载 什么是CDN
CDN全称：Content Delivery Network或者Content Distribute Network，即内容分发网络或者内容交付网络。前面几位同行也从各个角度分享了各自的观点和见解！控制时延无疑是现代信息科技的重要指标，CDN的意图就是尽可能的减少资源在转发、传输、链路抖动等情况下顺利保障信息的连贯性。CDN就是扮演者护航者和加速者的角色，更快准狠的触发信息和触达每
2017-07-16 17:30:16
356
转载 SEO是什么
SEO是英文Search Engine Optimization的缩写，中文译为“搜索引擎优化”。简单地说，SEO是指从自然搜索结果获得网站流量的技术和过程。更严谨些的定义可以表述为：SEO是指在了解搜索引擎自然排名机制的基础上，对网站进行内部及外部的调整优化，改进网站在搜索引擎中的关键词自然排名，获得更多流量，从而达成网站销售及品牌建设的目标。定义很容易理解，实践中却有些迷惑。SEO博客、论
2017-07-16 17:18:36
681
转载 URL和URI
从JDK1.5开始，java.net包对统一资源定位符(uniform resource locator URL)和统一资源标识符(uniform resource identifier URI)作了非常明确的区分。（1）URI是个纯粹的句法结构，用于指定标识Web资源的字符串的各个不同部分。URL是URI的一个特例，它包含了定位Web
2017-07-16 17:01:48
315
转载 http相关知识
HTTP简介 HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。 HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。http三点注意事项
2017-07-16 11:20:07
279
空空如也
axios 如何关闭keepalive
2019-07-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人