js
mr_orange_klj
这个作者很懒,什么都没留下…
展开
-
手把手教你使用Electron5+vue-cli3开发跨平台桌面应用
Electron是一个基于Chromium和 Node.js,可以使用 HTML、CSS和JavaScript构建跨平台应用的技术框架,兼容 Mac、Windows 和 Linux。虽然B/S是目前开发的主流,但是C/S仍然有很大的市场需求。受限于浏览器的沙盒限制,网页应用无法满足某些场景下的使用需求,而桌面应用可以读写本地文件、调用更多系统资源,再加上Web开发的低成本、高效率的优势,这种方式越...转载 2020-02-08 18:21:00 · 12723 阅读 · 10 评论 -
Vue render函数
前几天想学学Vue中怎么编写可复用的组件,提到要对Vue的render函数有所了解。可仔细一想,对于Vue的render函数自己只是看了官方的一些介绍,并未深入一点去了解这方面的知识。为了更好的学习后续的知识,又折回来了解Vue中的render函数,这一切主要都是为了后续能更好的学习Vue的知识。回忆Vue的一些基本概念今天我们学习的目的是了解和学习Vue的render函数。如果想要更好的...转载 2020-02-08 01:26:58 · 323 阅读 · 0 评论 -
Vue渲染原理
现在基本所有的框架都已经认同这个看法——DOM应尽可能是一个函数式到状态的映射。状态即是唯一的真相,而DOM状态只是数据状态的一个映射。如下图所示,所有的逻辑尽可能在状态的层面去进行,当状态改变的时候,View应该是在框架帮助下自动更新到合理的状态,而不是说当你观测到数据变化之后手动选择一个元素,再命令式地去改动它的属性。下图是Vue的一个模板示例,如果没有用过Vue的话,可以大概感觉到这...转载 2020-02-07 21:51:24 · 1536 阅读 · 0 评论 -
Vue渲染过程浅析
Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML。但是模板毕竟是模板,不是真实的dom节点。从模板到真实dom节点还需要经过一些步骤把模板编译为render函数 实例进行挂载, 根据根节点render函数的调用,递归的生成虚拟dom 对比虚拟dom,渲染到真实dom 组件内部data发生变化,组件和子组件引用data作为props重新调用render函数,生成虚拟...转载 2020-02-07 21:23:38 · 210 阅读 · 0 评论 -
对JS中的prototype、__proto__,constructor的理解
首先参考此文章:https://blog.csdn.net/cc18868876837/article/details/81211729根据参考文章,得到知识点1:知识点1:一个对象的__proto__属性,指向该对象的构造函数的prototype属性。然后补充知识点:知识点2:函数也是对象,对象就需要构造函数,而函数对象的构造函数是Function();知识点3:函数的pro...原创 2020-02-05 02:58:06 · 165 阅读 · 0 评论 -
export 和 export default 的区别
export命令用于规定模块的对外接口。一个模块就是一个独立的文件。该文件内部的所有变量,外部无法获取。如果你希望外部能够读取模块内部的某个变量,就必须使用export关键字输出该变量。下面是一个 JS 文件,里面使用export命令输出变量。// profile.jsexport var firstName = 'Michael';export var lastName = 'Ja...转载 2020-02-03 15:46:57 · 391 阅读 · 0 评论 -
深入理解JavaScript的执行机制(同步和异步)
不论是面试求职,还是日常开发工作,我们经常会遇到这样的情况:给定的几行代码,我们需要知道其输出内容和顺序。因为JavaScript是一门单线程语言,所以我们可以得出结论:JavaScript是按照语句出现的顺序执行的所以我们以为JS都是这样的:let a = '1';console.log(a);let b = '2';console.log(b);12345然而实...转载 2020-02-03 12:15:20 · 168 阅读 · 0 评论 -
深入理解JS模块
引言JavaScript的模块机制其实是借鉴的其他程序设计语言的, 如Java中package的概念, import java.util.ArrayList;; package就是逻辑上相关的代码组织到同一个包内,包内是一个相对独立的作用域,不用担心命名冲突等等, 当需要在外部使用的是否直接import相应的package即可。由于JavaScript在设计之初的定位原因, 并没有提供类似...转载 2020-02-03 01:28:44 · 227 阅读 · 0 评论 -
什么是立即执行函数,它有什么作用?
一:什么是立即执行函数?声明一个函数,并马上调用这个匿名函数就叫做立即执行函数;也可以说立即执行函数是一种语法,让你的函数在定义以后立即执行;立即执行函数的创建步骤,看下图:image.png二:立即执行函数的写法:有时,我们定义函数之后,立即调用该函数,这时不能在函数的定义后面直接加圆括号,这会产生语法错误。产生语法错误的原因是,function 这个关键字,既可以...转载 2020-02-03 01:17:55 · 1473 阅读 · 0 评论 -
AngularJS------认识AngularJS
之前在C#中也经常使用MVC开发模式,对其的使用有一定的了解,但是现在需要学习AngularJS,这是纯前台的JS代码,那么为什么需要学习这个呢,就是想将验证这里全部在前台执行,不需要在后台代码里面出现验证。项目需要,自己还是得下功夫看下,不要求全部会,简单的使用就OK. AngularJS最适于开发客户端的单页面应用,不是功能库,是用来开发动态网页的框架,专注于扩张HTML的功能,转载 2017-11-15 12:44:07 · 332 阅读 · 0 评论 -
bootbox.js弹出框时设置为中文
bootbox.js4.0;只要把bootbox.min.js里的locale:"en"改为locale:"zh_CN";就可以了;但是alert弹出框仍然是“OK”,此时再把 bootbox.min.js里的zh_CN:{OK:"OK",CANCEL:"取消",CONFIRM:"确认"} 里的OK:"OK" 改为OK:"确认"即可原创 2017-11-20 19:17:22 · 601 阅读 · 0 评论 -
jquery Ajax在ie11下的一个不兼容问题
$.ajax无法请求到服务器,因为默认使用get方式,ie不支持;改成$.post就可以了。原创 2018-04-13 13:09:03 · 5541 阅读 · 0 评论 -
(转)Element和Node的区别你造吗?
原文:https://blog.csdn.net/kkkkkxiaofei/article/details/526083941.写在前面 一个简单的页面: 1 2 3 4 5 6 7 8 9 10 11body里的直系子元素一共有三个:h,p,div。我们可以用document.body.childNodes查看, 结果如下:问题...转载 2018-08-10 12:12:35 · 5128 阅读 · 0 评论 -
bootbox.js bootbox.promt()
想用bootbox做一个弹出的输入框,输入框是必填项,想看一下API,结果bootxbox.js的官网怎么也打不开。摸索了一下,发现用this可以获取整个模态框节点,这就好办了:bootbox.prompt({ title: "请输入名称", callback: function(result){ if (result===''){ i...原创 2018-08-31 00:34:05 · 639 阅读 · 0 评论 -
jQuery中$.fn $.extend
原文:https://www.cnblogs.com/hellman/p/4349777.html$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。 如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了. 那么你可以这样子:$("#div").abc()...转载 2018-08-20 23:48:08 · 169 阅读 · 0 评论 -
详解js和jquery里的this关键字
原文:https://www.cnblogs.com/chengdabelief/p/6498267.html在《javaScript语言精粹》这本书中,把 this 出现的场景分为四类,简单的说就是:有对象就指向调用对象没调用对象就指向全局对象用new构造就指向新对象通过 apply 或 call 或 bind 来改变 this 的所指。函数调用模式中,this为w...原创 2018-08-21 00:42:44 · 512 阅读 · 0 评论 -
ES6箭头函数(Arrow Functions)
转自:https://www.cnblogs.com/snandy/p/4403111.htmlES6可以使用“箭头”(=>)定义函数,注意是函数,不要使用这种方式定义类(构造器)。 一、语法1. 具有一个参数的简单函数 1 2 var single = a => a single('hello, world') // '...转载 2018-08-24 16:17:38 · 181 阅读 · 0 评论 -
关于Vue实例的生命周期created和mounted的区别
转自:http://www.zhimengzhe.com/Javascriptjiaocheng/236707.html生命周期先上图什么是生命周期Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。在Vue的整个生命周期中,它提...转载 2018-09-02 00:19:13 · 341 阅读 · 0 评论 -
Safari的刷新与缓存
Mac OS 的Safari浏览器,刷新机制看起来与其他浏览器不同,似乎有个“预加载”的机制。比如说,我打开一个叫“test.jsp"的网页,这个网页是用java开发的。代码是下面这个样子:<%System.out.println("test.jsp out start")if(session.getAttribut('name')==null){ return;}...原创 2018-09-12 14:43:49 · 4549 阅读 · 0 评论 -
JS 详解 Cookie、 LocalStorage 与 SessionStorage
基本概念CookieCookie 是小甜饼的意思。顾名思义,cookie 确实非常小,它的大小限制为4KB左右。它的主要用途有保存登录信息,比如你登录某个网站市场可以看到“记住密码”,这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。localStoragelocalStorage 是 HTML5 标准中新加入的技术,它并不是什么划时代的新东西。早在 IE 6 ...转载 2019-06-27 00:45:01 · 115 阅读 · 0 评论 -
javascript/JS限制用户名只能输入字母和数字下划线
var name = $("#uname").val();//待验证的字符串 if (name.match(/\W/)) {//match函数表示符合,是左边的包含右边(或者说左边出现过右边的);\W(大写W)是指除数字字母下划线以外的元素。如果//是小写,则代表数字字母下划线。;//是js的正则表达式定界符,match函数中正则表达式只需定界符,不需要双引号 。转载 2015-01-16 15:43:30 · 3210 阅读 · 0 评论 -
接口文档要如何写
一个简单的接口文档,写完给组长看后,发现漏洞百出。下面总结一下写文档需要注意事项: 封皮 封面最好是本公司规定的封面,有logo,内容标题,版本号,公司名称,文档产生日期。(错误地方在于,文档的标题要和页眉中的标题一致) 修订历史 表格形式较好些。包括,版本,修订说明,修订日期,修订人,审核时间审核人。转载 2017-11-05 00:01:35 · 3870 阅读 · 0 评论 -
不想提交表单但是想利用表单校验功能
submit表单会先校验required项是否输入,如果校验通过,执行method(),然后提交表单,由于action="javascript:;",表单最终不会提交原创 2017-10-29 16:59:30 · 450 阅读 · 0 评论 -
当json对象的key为数字时,在js中读取value的方法
当js对象的key为数字时,不能在js中再使用json.key的方法读出key值,而要使用json[key]来读取值.例如json对象 var json = {"222.36.223.19":{"province":"\u5929\u6d25","city":"\u5929\u6d25"}}这是百度api提供的检查ip地址的返回json 如果要读出province和city对应的值,显然不原创 2015-01-16 14:43:22 · 7142 阅读 · 0 评论 -
ajax跨域请求的解决办法
ajax不能跨域发送请求,因此这种情况下只能靠script标签的src属性加载所请求的数据。这种情况下js不能直接调用服务器回应的数据,只能在服务器回应的数据是function(data)的情况下,依靠回调函数获取数据。对比src和ajax两种异步发送请求的方式,前者的好处是可以跨域,缺点是必须依靠返回值的形式是回调函数才能获取数据。后者的好处是不依赖数据的形式,但是无法跨域。原创 2015-01-16 14:38:49 · 1520 阅读 · 0 评论 -
遍历json的方法
对于object类型的json(也就是json里是一个个的键值对),可以用该方法获取:var json = {"name":"david","email":"aaa","addr":"bbb"};for(var key in json){ alert(key); } 对于jsonarray(其实本质上jsonarray是一个数组,该原创 2015-01-16 15:47:05 · 490 阅读 · 0 评论 -
dwr与jquery~~~囧,select的取值
用dwr时,需要向后台传参。我传到参数时从select选项组中取值的。出现了一个问题:当我用jquery的函数:var id = $("select[name=id]").val();ajax.test(id);这样传过去的是一个String 字符串,内容是:reference[c0-c1];但是id的实际值是3.我alert(id),弹出的也是3.可传到后原创 2015-01-16 15:34:48 · 375 阅读 · 0 评论 -
js 事件冒泡
JavaSciprt事件中有两个很重要的特性:事件冒泡以及目标元素。事件冒泡: 当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发。这 一过程被称为事件冒泡;这个事件从原始元素开始一直冒泡到DOM树的最上层。目标元素: 任何一个事件的目标元素都是最开始的那个元素,在我们的这个例子中也就是按钮,并且它在我们的元素对象中以属性的形转载 2015-01-16 15:06:38 · 370 阅读 · 0 评论 -
Js操纵iframe中Dom以及iframe子页面中Js操纵父页面Dom
一、父页面中Js读取或调用iframe中的Dom或js代码段二、iframe子页面中的Js调用父页面中的Dom或js代码段/*父窗口调用iframe子窗口中的Dom 本例也就是index.php页面中的js读取iframe.php中的id为demoID的Dom元素*/var Obj = window.frames["iframecontent"].document.getElemen转载 2015-01-16 15:44:10 · 3898 阅读 · 0 评论 -
Js作用域与作用域链详解(转)
原文地址:http://blog.csdn.net/yueguanghaidao/article/details/9568071一直对Js的作用域有点迷糊,今天偶然读到Javascript权威指南,立马被吸引住了,写的真不错。我看的是第六版本,相当的厚,大概1000多页,Js博大精深,要熟悉精通需要大毅力大功夫。一:函数作用域 先看一小段代码:[javascri转载 2015-01-16 16:24:09 · 327 阅读 · 0 评论 -
js的基本对象的定义(转)
原文地址:http://blog.csdn.net/notlikegaoshou/article/details/6562569一,概述在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类、Hashtable类等等。目前在Javascript中,已经存在一些标准的类,例如Date、Array转载 2015-01-16 16:24:03 · 355 阅读 · 0 评论 -
一种防止页面后退的实现方法(jsp)
当用户退出系统后,如果再重新打开登录后的页面,应该跳转到一个提示用户未登录的页面,这很容易做到,只要在jsp页面的头部加上验证session的代码既可以。但是由于浏览器有缓存,可以后退,如果退出系统后后退,则还是可以打开退出前的用户页面。如何禁止后退以后加载缓存的页面呢?在网上搜到一种方法,就是设置jsp不可缓存,代码如下:<% response.setHead原创 2015-01-16 15:03:22 · 5605 阅读 · 0 评论 -
document.cookie的使用
设置cookie每个cookie都是一个名/值对,可以把下面这样一个字符串赋值给document.cookie:document.cookie="userId=828";如果要一次存储多个名/值对,可以使用分号加空格(; )隔开,例如:document.cookie="userId=828; userName=hulk";在cookie的名或值中不能使用分号(;)、逗号(,)、转载 2015-01-16 15:13:17 · 492 阅读 · 0 评论 -
js事件的监听器的使用
1、当同一个对象使用.onclick的写法触发多个方法的时候,后一个方法会把前一个方法覆盖掉,也就是说,在对象的onclick事件发生时,只会执行最后绑定的方法。而用事件监听则不会有覆盖的现象,每个绑定的事件都会被执行。如下:[javascript] view plaincopy"font-size:18px;">window.onload = function(){转载 2015-01-16 15:39:36 · 369 阅读 · 0 评论 -
jquery checkbox与radion的js选择
网上很多人都说用$("选择器").attr("checked",false);$("选择器").attr("checked",true);$("选择器").removeAttr("checked")等这样设置属性的方法或移除属性的方法去进行checkbox或者radio的选择。实际上这种方法只能实现两次选择(一次全选一次反选)。因为这不是dom的原生操作,而是jquery改变属性去进行选择。原创 2015-01-16 15:23:30 · 391 阅读 · 0 评论 -
JS中mouseover和mouseout多次触发问题如何解决
问题描述我希望当鼠标移动到id1上的时候,id2显示,当鼠标离开id1的时候,id2显示。问题如下:1.当鼠标从id1上移动到id2上的时候,id由有显示变为不显示,然后变为显示2.当鼠标从id2上移动到id1上的时候, id2有显示变为不显示,然后变为显示我希望的是当鼠标在id1或者id2上移动的时候,id2一直显示,不发生变化。?转载 2017-04-17 23:36:55 · 3931 阅读 · 2 评论 -
百度ueditor1.4.3几个bug修复
1.多图在线管理无法显示图片:下载ueditor源码包,将jsp/src下的源码拷贝到web工程目录的src目录下,修改FileManger.java中的getPath(file)方法:private String getPath ( File file ) { //String path = file.getAbsolutePath(); Stri原创 2017-01-03 23:36:18 · 3316 阅读 · 0 评论 -
超漂亮的Bootstrap 富文本编辑器summernote
原文链接:http://www.jb51.net/article/81929.htm转载 2016-12-19 23:48:01 · 7368 阅读 · 0 评论 -
ckeditor 工具栏配置
toolbar的配置,有两个Full和Basic,默认是Full,可以通过上面的config.toobar="Basic";设置成简单模式。插件本身这两种模式的定义如下注意工具按钮是分组的,一个name内的大括号就是一个工具按钮分组,items后边是具体的按钮,“/”表示工具栏换行,“-”表示工具图标之间的中隔线“|”[javascript] view plai转载 2017-01-03 12:34:57 · 8902 阅读 · 0 评论 -
深入理解JavaScript系列(4):立即调用的函数表达式
前言大家学JavaScript的时候,经常遇到自执行匿名函数的代码,今天我们主要就来想想说一下自执行。在详细了解这个之前,我们来谈了解一下“自执行”这个叫法,本文对这个功能的叫法也不一定完全对,主要是看个人如何理解,因为有的人说立即调用,有的人说自动执行,所以你完全可以按照你自己的理解来取一个名字,不过我听很多人都叫它为“自执行”,但作者后面说了很多,来说服大家称呼为“立即调用的函转载 2016-12-14 20:40:45 · 225 阅读 · 0 评论