![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 67
KunQian_smile
这个作者很懒,什么都没留下…
展开
-
前端知识合集
面试原创 2022-07-07 17:56:02 · 1817 阅读 · 2 评论 -
前端涉及的三种缓存
HTTP缓存,浏览器缓存,应用程序缓存原创 2022-07-06 16:51:32 · 2635 阅读 · 0 评论 -
防抖(debounce)和节流(throttle)
我们在日常开发中,经常会遇到处理系统高频回调的问题,比如:scrollView 快速滚动的回调(scrollViewDidScroll),又比如用户输入文本时textView的回调(textViewDidChange),在这些场景下,为了降低CPU负担,我们一般会使用一些方法降低高频次计算,这篇文章介绍解决高频次计算的两种方法:防抖(debounce) 和 节流(throttle)。...原创 2022-07-05 17:14:17 · 430 阅读 · 0 评论 -
浏览器-js,运行机制
js运行机制,浏览器执行原理原创 2022-06-27 17:41:21 · 501 阅读 · 0 评论 -
五、API文档规范
restful、showdoc原创 2022-06-10 14:15:31 · 2236 阅读 · 0 评论 -
四、可视化
前端可视化原创 2022-06-10 09:21:23 · 73 阅读 · 0 评论 -
三、webpack 自动化构建工具
webpack原创 2022-06-10 09:11:20 · 212 阅读 · 0 评论 -
二、Web安全防范
Web安全防范原创 2022-06-08 10:12:46 · 1043 阅读 · 0 评论 -
一、前端框架MVVM——vue,ElementUI基于Vue 2.0桌面端组件库
MVVM,vue,ElementUI原创 2022-06-10 09:06:17 · 288 阅读 · 0 评论 -
JS编写的医疗DICOM影像浏览工具
个人感觉不错,具体功能需要自行研究源码,本文转载目的为了后面方便查阅。概况来讲,Cornerstone是一套JavaScript底层组件,用于支持医学影像的显示与交互;OHIF Viewer是一套基于Cornerstone开发的纯网页版医学影像浏览前端。如同它的名字一样,Cornerstone为医学影像Web前端开发提供基石;OHIF Viewer则是基于这套基石开发的Web前端应用。简单来说,Cornerstone是底层基石,OHIF Viewer是上层应用。...原创 2021-07-28 14:28:20 · 9170 阅读 · 0 评论 -
web前端:目前流行的新语言,新框架,构建工具简单梳理
目前流行的新语言,新框架,构建工具简单梳理目录一:模块化1:CommonJS——用于服务器环境2:AMD——用于浏览器环境3:CMD——用于浏览器环境二:新框架和新语言1:新框架——以减少开发难度、提升开发效率2:新语言——javascript最初设计用于一些简单的工作。三:构建工具1:Web 开发的发展趋势2:构建工具简单介绍一:模块化模块化是指把一个复杂的系统分解到多个模块以方便编码。A.便于团队的人员的协作,代码不至于很乱B.合理地管理.原创 2020-09-07 09:15:37 · 251 阅读 · 0 评论 -
Layer 一款web弹层组件(弹出层、日期选择、分页、LayIM接口文档)
中文网址http://laypage.layui.com/原创 2016-07-11 09:29:04 · 2267 阅读 · 0 评论 -
css 基础小集合
一:标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的?(1)有两种, IE 盒子模型、W3C 盒子模型;(2)盒模型: 内容(content)、填充(padding)、边界(margin)、 边框(border);(3)区 别: IE的content部分把 border 和 padding计算了进去;二:CSS选择符有哪些?哪些属性可以继承?* 1.id选择器( # myid) ...原创 2017-04-28 11:12:16 · 453 阅读 · 0 评论 -
js小技巧集合
一、javaScript如何处理从java后台返回的list?在后台把List集合转成json格式传到界面上1:js中使用var arr = eval(‘${list}');将list转成js数组。2:var arr = $.parseJSON(‘${list}');将json字符串转成json对象。二、比较符(== 或 ===)使用 == ,如果两边的类型不同, js 引擎会先把它们转成相同的类...原创 2016-11-10 14:36:04 · 449 阅读 · 0 评论 -
tomcat 高并发高性能配置及虚拟机内存设置
当一个进程有 500 个线程在跑的话,那性能已经是很低很低了。Tomcat 默认配置的最大请求数是 150,也就是说同时支持 150 个并发,当然了,也可以将其改大。当某个应用拥有 250 个以上并发的时候,应考虑应用服务器的集群。 具体能承载多少并发,需要看硬件的配置,CPU 越多性能越高,分配给 JVM 的内存越多性能也就越高,但也会加重 GC 的负担。操作系统对于进程中的线程数有...原创 2017-11-23 10:25:37 · 3905 阅读 · 1 评论 -
了解AMD、CMD、CommonJs
知识点1:AMD/CMD/CommonJs是JS模块化开发的标准,目前对应的实现是RequireJs/SeaJs/nodeJs.AMD:全称(Asynchronous Module Definition),异步模块加载CMD:全称(Common Module Definition) 通用模块加载1.模块依赖策略提前执行,假设依赖列表里面存在依赖['a', 'b'],谁先加载完毕,谁先实例化,实例化...原创 2018-01-16 18:32:27 · 228 阅读 · 0 评论 -
iframe 小方法集合
1、js在子窗口获取父窗口的windowwindow.parent//此时可以调用父窗口的window方法,比如获取父窗口的高度window.parent.innerHeight,宽度window.parent.innerWidth,移动父窗口的位置等,具体的可以看本人博客的《获取浏览器窗口的尺寸及对浏览器窗口的一些操作》篇。2、js在父窗口获取子窗口的window$("#testiframe")...原创 2018-03-30 11:01:05 · 611 阅读 · 0 评论 -
LayUI表格批量删除
一:监听复选框事件 var checkedArr=[]; table.on('checkbox(demo)', function(obj){ if (obj.type=='all') return; if (obj.checked){ checkedArr.push(obj.data.LAY_TABLE_INDEX); ...原创 2018-03-28 17:31:38 · 5882 阅读 · 1 评论 -
web网页端打印功能实现—方案
一:首先需要后端生成pdf文件Java为例:目前开源、成熟、稳定的第三方包有iText。而用iText生成PDF有三种方式:调用iText API,用代码“写”出PDF,依赖包:com.itextpdf:itextpdf:5.5.11结合XmlWorker,从HTML模板生成PDF,依赖包:com.itextpdf.tool:xmlworker:5.5.11结合Flying Sau...原创 2018-07-25 22:19:16 · 4932 阅读 · 1 评论 -
JS-高级函数
1:数组遍历function pow(x) { return x * x;}var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];arr.map(pow); // [1, 4, 9, 16, 25, 36, 49, 64, 81]//map()传入的参数是pow,即函数对象本身。arr[].map(function(value,index,array){...原创 2018-11-08 13:59:04 · 159 阅读 · 0 评论 -
js-事件冒泡、事件委托
DOM事件流模型三阶段在DOM兼容浏览器中,事件流分为3个阶段:(1)捕获阶段:事件从Document节点自上而下向目标节点传播的阶段;(2)目标阶段:真正的目标节点正在处理事件的阶段;(3)冒泡阶段:事件从目标节点自上而下向Document节点传播的阶段。独特性质DOM事件流最独特的性质是,文本节点也触发事件(在IE中不会),当鼠标单击“单击此文本”文本时会触...原创 2018-11-08 14:42:54 · 383 阅读 · 0 评论 -
Web开发常见安全问题
计算机程序主要就是输入数据 经过处理之后输出结果,安全问题由此产生,凡是有输入的地方都可能带来安全风险。根据输入的数据类型,Web应用主要有数值型、字符型、文件型。要消除风险就要对输入的数据进行检查,对于Web应用来说,检查的位置主要是前端和后端。前端检查只能防止正常状况,没法防止通过工具、程序绕开前端检查直接把数据发送给后端。web应用通常存在的几个安全问题(1)SQL注入拼接的SQL字...原创 2019-04-04 16:09:11 · 356 阅读 · 0 评论 -
Jquery中的bind(),live(),delegate(),on()绑定事件方式
随着DOM结构的复杂化和Ajax等动态脚本技术的运用,有了较多的动态添加进来的元素,直接用JQ添加click事件会发现新添加进来的元素并不能直接选取到,在这里就需要用到事件委托方法,JQ为事件委托提供了live()、dalegate()和on()方法。 事件委托 我们知道,DOM在为页面中的每个元素分派事件时,相应的元素一般都在事件冒泡阶段处理事件。在类似 body > div ...原创 2017-10-09 10:49:05 · 287 阅读 · 0 评论 -
vue.js 入门
Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的 如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时请先抛开手动操作DOM的思维,因为Vue.js是数据驱动的,你无需手动操作DOM。它通过一些特殊的HTML语法,将DOM和数据绑定起来。一旦你创建了绑定,DOM将和数据保持同步,每当变更了数据,DOM也会相应地更新。注:了原创 2017-07-20 17:26:52 · 334 阅读 · 0 评论 -
js 键盘控制表格input上下左右移动
//初始化获取的行列var currentLine= 0;var currentCol=0;function keyDown(obj){ var _row = obj.parentNode; currentCol = _row.cellIndex; currentLine = _row.parentNode.rowIndex; e=wi原创 2016-10-21 09:26:13 · 8156 阅读 · 0 评论 -
js-视频播放插件Video.js简单使用
插件下载地址: http://www.jq22.com/jquery-info404Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。@ page language="java" contentType="text/html; charset=UT原创 2016-11-11 16:03:32 · 6803 阅读 · 0 评论 -
js表格,行之间的拖动
缺少js库文件 //表格排序 function tableSort() { var tbody = $('#homepage_carouse_table > tbody'); var rows = tbody.children(); var selectedRow;原创 2016-10-31 14:00:05 · 1125 阅读 · 0 评论 -
手机号码滚动抽奖系统(JS)
手机号码抽奖var timer;var randnum;var cellnum =1;//定义一个存放手机号码的数组var mobile = new Array();mobile[0]=13111321311;mobile[1]=13220012432;mobile[2]=13320232102;mobile[3]=13420045433;m原创 2016-11-10 14:39:35 · 8510 阅读 · 1 评论 -
js 生成表格 添加,删除行、列。行,列数据交换
Insert title here input[type=text]{ width:30px; } /* * javascript中对表格的操作:创建表格 删除行 删除列 交换行 交换列 */ function creatTable(){ //获取页面中原有的table var oldTabl原创 2016-10-17 15:21:51 · 554 阅读 · 0 评论 -
javascript 作用域链认识
作用域链作用:保证执行环境里有权访问的变量和函数时有序的,作用域链的变量只能向上一级一级的访问,访问到window对象即被终止,作用域链向下访问变量是不被允许的。(1):当页面加载的时候首先加载js,既script标签下的js代码,会按顺序执行,而这些能被执行的代码都是属于window的变量或函数;(script下定义的对象或函数(由function定义的)是不被执行的)可知js中运行环境有两类:...原创 2016-04-23 16:07:50 · 453 阅读 · 0 评论 -
使用JavaScript的数组实现数据结构中的队列与堆栈
队列:先进先出(FIFO)栈:后进先出(LIFO)一:在JavaScript中实现队列和栈在JavaScript中实现队列和栈主要是通过数组,js数组中提供了以下几个方法可以让我们很方便实现队列和堆栈:shift:从数组中把第一个元素删除,并返回这个元素的值。unshift: 在数组的开头添加一个或更多元素,并返回新的长度push:在数组的中末尾添加原创 2016-05-16 20:50:01 · 279 阅读 · 0 评论 -
javascript闭包
JavaScript垃圾回收机制:JavaScript不需要手动地释放内存,它使用一种自动垃圾回收机制(garbage collection)。当一个对象无用的时候,即程序中无变量引用这个对象时,就会从内存中释放掉这个变量。在JavaScript中,我们声明的JavaScript全局对象、全局函数以及全局变量均自动成为window对象的成员。 全局变量是window对象的属性。 全局函数是...原创 2016-05-16 16:12:47 · 296 阅读 · 0 评论 -
javascript语言两种变量类型及存储方式
Js代码在运行前还有一个过程:预加载,预加载的目的是:事先构造运行环境例如全局环境,函数运行环境,还有构造作用域链(函数执行的第一步不是执行函数里的第一行代码而是在上下文变量里构造一个作用域链(作用是保证执行环境里有权访问的变量和函数是有序的),同时还会构造一个this对象,this变量的值就是当前执行环境外部的上下文变量的一份拷贝),而环境和作用域的构造的核心是指定好变量属于哪个范畴,因此在js...原创 2016-04-24 00:08:27 · 2514 阅读 · 0 评论 -
JSON.parse()和JSON.stringify()
parse用于从一个字符串中解析出json对象,如var str = '{"name":"huangxiaojian","age":"23"}'结果:JSON.parse(str)Objectage: "23"name: "huangxiaojian"__proto__: Object注意:单引号写在{}外,每个属性名都必须用双引号,否则原创 2016-11-01 10:54:43 · 549 阅读 · 0 评论 -
下拉框模糊查询
1:input 加select标签//1 初始化时候,先将数据存入数组varTempArr = [];// 存贮optionvarSelectObj = document.frm.elements["demo"]/* 先将数据存入数组 */with(SelectObj){ for(i = 0; i TempArr[i] =原创 2017-03-09 11:45:25 · 1134 阅读 · 0 评论 -
加载第三方Js减少页面渲染时间
如果你的网站上面有很多第三方JS代码,那么“下载速度的不可控”很有可能导致你的网站会被拖慢。因为JS在执行的时候会影响到页面的DOM和样式等情况。浏览器在解析渲染HTML的时候,如果解析到需要下载文件的script标签,那么会停止解析接下来的HTML,然后下载外链JS文件并执行。等JS执行完毕之后才会继续解析剩下的HTML。这就是所谓的『HTML解析被阻止』。浏览器解析渲染页面的抽象流程图如下:(...原创 2017-07-06 11:12:35 · 960 阅读 · 0 评论 -
js获取IP地址,所在地区,地位方法
前提需要接入第三方接口一:获取ip和地址方法(1)新浪的IP地址查询接口:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js(2)新浪多地域测试方法:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js&ip=218.192.3.42原创 2017-05-10 10:14:34 · 3826 阅读 · 0 评论 -
图片显示提高用户体验—JS实现—图片预加载,图片延迟加载
(1)预加载图片是提高用户体验的一个很好方法。 图片预先加载到浏览器中,访问者便可顺利地在你的网站上冲浪,并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说十分有利,它保证了图片快速、无缝地发布,也可帮助用户在浏览你网站内容时获得更好的用户体验。插件:// 更新: // 05.27: 1、保证回调执行顺序:error > ready > load;2、回调函原创 2017-05-17 12:53:42 · 674 阅读 · 0 评论 -
静态资源(JS/CSS)存储在localStorage,适用于Web移动端H5页面制作
localStorage使用(1)PC上应用价值不大:兼容性不太好,不支持LS的浏览器比例仍然很大网络速度快,协商缓存响应快,LS读取+eval很多时候会比不上304通常需要SEO,导致css不能缓存,仅缓存js使得整个缓存方案意义进一步减小浏览器本地缓存足够可靠持久跨页面间共享缓存即便有浪费也差别不大(2)移动端webapp值得一试:兼容性好网速慢,LS读取+eval大多数情况下快于304web...原创 2017-05-16 10:48:30 · 1080 阅读 · 0 评论 -
JavaScript同步、异步、回调执行顺序之setTimeout面试题分析
同步、异步、回调执行顺序?同步 => 异步 => 回调这口诀有什么用呢?用来对付面试。有一道经典的面试题:for (var i = 0; i < 5; i++) { setTimeout(function() { console.log('i: ',i); }, 1000);} console.log(i); //输出5i: 5i: 5i: 5i:...原创 2017-04-17 13:49:08 · 848 阅读 · 0 评论