- 博客(68)
- 资源 (17)
- 收藏
- 关注
RSS订阅原创 对富文本中的内容特定元素（span和div等）进行tab键和shift+tab的聚焦操作（暴扣光标的位置移动）
首先禁止掉原有的tab识别的input元素和a还有select之类的tab识别事件，//对原生input和a标签 禁止tab键的指定跳转 $('#tinymce_ifr').contents().find("input").each(function() { $(this).attr("tabindex", -1); }); $('#t
2020-11-05 14:55:07
631
原创 tinymce富文本编辑器对控制文本中的内容键盘事件的控制enter失效，无法取消他的默认事件
init_instance_callback : function(editor) { vm.clickEventInTinymce('tinymce_ifr'); },在这里个初始回调函数里，设置一些点击事件，发现keydown事件（包在了这个clickEventInTinymce方法里）捕捉到的enter事件return false;不生效，是因为在tinymce.min.js里有了这个键盘捕捉回调，把ent..
2020-11-05 14:47:05
2382
原创 window.print()局部打印的三种方法
首先准备要打印的内容，也可以打印时再填充，html中定义如下：<!--startprint--><div id="printcontent" style="display:none">${printContentBody}</div><!--endprint-->方法一： 通过开始、结束标记（startprint、endprint）来打印function doPrint() { bdhtml=window.document.b
2020-11-05 14:34:14
3750
原创 使用window.print()打印时，需要调整的css写在@media print里即可
@media print{ .medical-date:before, .medical-composite:before, .medical-select-text:before, .medical-label-text:before,.medical-text-text:before,.medical-number-text:before,.medical-radio-text:before{ content: ""; color: bl.
2020-11-05 14:30:40
1235
原创 在IE中生效的css
前言：IE一直是特殊的一个浏览器，我们可以使用一些方法来指定样式表只在IE浏览器下被加载。IE9以及低于IE9版本 :可以使用条件注释语句来加载特定于ie的样式表。如下所示，使用外部样式表。 1 2 3 <!--[if IE]> <link rel="stylesheet" type="text/css" href="all-ie-only.css" /> <![endif]--> &..
2020-06-10 11:37:30
1450
原创 浏览器渲染基本原理：关键渲染路径与阻塞渲染
关键渲染路径与阻塞渲染在浏览器拿到HTML、CSS、JS等外部资源到渲染出页面的过程，有一个重要的概念关键渲染路径（Critical Rendering Path）。例如为了保障首屏内容的最快速显示，通常会提到一个渐进式页面渲染，但是为了渐进式页面渲染，就需要做资源的拆分，那么以什么粒度拆分、要不要拆分，不同页面、不同场景策略不同。具体方案的确定既要考虑体验问题，也要考虑工程问题。了解原理可以让我们更好的优化关键渲染路径，从而获得更好的用户体验。现代浏览器总是并行加载资源，例如，当 HTML 解析器
2020-06-03 12:23:35
402
原创 浏览器主要组成
1、浏览器主要组件组成界面控件– 包括地址栏，前进后退，书签菜单等窗口上除了网页显示区域以外的部分浏览器引擎– 查询与操作渲染引擎的接口渲染引擎– 负责显示请求的内容。比如请求到HTML, 它会负责解析HTML、CSS并将结果显示到窗口中网络– 用于网络请求, 如HTTP请求。它包括平台无关的接口和各平台独立的实现UI后端– 绘制基础元件，如组合框与窗口。它提供平台无关的接口，内部使用操作系统的相应实现JS解释器/js引擎--- - 用于解析执行JavaScript代码...
2020-06-03 11:26:58
2018
原创 6、z字形变换
将一个给定字符串根据给定的行数，以从上往下、从左到右进行Z 字形排列。比如输入字符串为 "LEETCODEISHIRING"行数为 3 时，排列如下：L C I RE T O E S I I GE D H N之后，你的输出需要从左往右逐行读取，产生出一个新的字符串，比如："LCIRETOESIIGEDHN"。改良版var convert = fu...
2019-12-12 13:01:46
175
原创 5. 最长回文子串
我一开始的辣鸡算法var longestPalindrome = function(s) { if(s.length<=1){ return s }else{ let tar='' for(let i=0;i<s.length;i++){ let con='' con+...
2019-12-10 15:06:33
204
原创 寻找两个有序数组的中位数
var findMedianSortedArrays = function(nums1, nums2) { let tar=nums1.concat(nums2) for(let i=0;i<tar.length;i++){ for(j=i+1;j<tar.length;j++){ if(tar[j]<tar[i]){ ...
2019-12-10 14:18:18
188
原创 给定一个字符串，请你找出其中不含有重复字符的 最长子串 的长度。
输入: "abcabcbb"输出: 3 解释: 因为无重复字符的最长子串是 "abc"，所以其长度为 3。我的菜鸡写法 复杂度比较高var lengthOfLongestSubstring = function(s) { if(s.length>0){ if(s.length==1){ return 1 }els...
2019-12-10 14:05:06
291
原创 vue之 watch的使用
1、watch可以直接监视字符串，first(newValue,oldValue){ console.log('first',newValue,oldValue) },相当于 first:{ handler(newValue,oldValue){ this.f...
2019-12-09 16:24:50
308
原创 vue 中computed和methods和watch用法和区别
1、computed的主要用来放data里一些需要进行计算之后才进行展示的数据（两种写法，功能一样 this指向vue实例） //尽量不要在computed和watch里监听的属性值，可能会触发无限循环哈哈哈 computed:{ name(){ return this.first+'---'+this.last ...
2019-12-09 15:48:14
445
原创 js 随机生成32位uuid 函数
var createUUID = (function (uuidRegEx, uuidReplacer) { return function () { return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(uuidRegEx, uuidReplacer).toUpperCase(); ...
2019-12-09 13:15:03
1127
原创 vue 全家桶 安装 搭建项目
安装脚手架vue-cli1、cd node.js 文件夹2、安装淘宝镜像服务器 :npm install -g cnpm --registry=https://registry.npm.taobao.org3、安装vue-clicnpm install -g vue-cli4、安装webpack模板 :vue init webpack myProject5、创建项目，并输...
2019-11-28 13:34:08
417
转载 git bash 支持中文
Git bash 中支持中文1.GitBash中ls命令显示中文在C:\Program Files(x86)\Git\etc\git-completion.bash文件的末尾添加aliasls='ls--show-control-chars--color=auto'说明：使得在GitBash中输入ls命令，可以正常显示中文文件名。2....
2019-11-28 09:32:15
953
原创 webpack 入门笔记
Windows下建项目文件夹（首先得在电脑上安装node 这个自己搞吧 是为了方便用npm下载依赖包 ，全局安装webpacknpm install -g webpack）1、创建项目文件 终端输入mkdir inner 或者你自己直接新建文件夹也可以2、进入新建的文件夹环境下cd./inner3、在你的项目里安装webpack 终端输入 npm i --sav...
2019-11-27 17:52:18
199
原创 js 前端导入excel.xlsx文件，并读取解析
表格长上面这个样子用到了这个https://cdn.staticfile.org/xlsx/0.15.1/xlsx.core.min.js插件和jquery 还是蛮好用的。打出来的数据长这个样子：代码：<!DOCTYPE html><html> <head> <title>echarts 力导向图</...
2019-10-22 15:03:01
3112
1
原创 页面滚动时，某个盒子在固定一个位置随着页面而滚动（jquery）
$(window).scroll(function(){ var before = $(window).scrollTop(); $(window).scroll(function() { var after = $(window).scrollTop(); $('.left,.right').css('trans...
2019-09-16 10:24:15
1955
原创 父页面在新打开页面window.open(‘target’,‘_blank‘)时，向子页面传参数（传的是父亲的参数）
1、小数据不包含中文啥的，可以放在url参数中传输的父页面js: var cc=4； window.open(‘target？con=’+cc,'_blank')子页面target.html window.location.search得到(?con=4)这个字符串，如何获取4，你自己随便吧。split，substring都可以2、大数据包含...
2019-09-02 16:48:23
1987
原创 点击拖拽盒子 jquery
$('#relatedNodeWindowContent .panel-heading').mousedown(function () { $(document).mousemove(function (ev) { var event=window.event||ev; $('#r...
2019-08-29 16:14:28
226
原创 代理绑定事件的解绑 语法
$('#medicialRecordModal').on('click','.panel-default',function () { $(this).addClass('active'); $(this).attr('data-on','on');}); $('#medicialRecordModal').off('click','.panel-default');...
2019-07-04 16:03:45
209
原创 使html文本变成可编辑的
可以实现, 通过contentEditable属性而且勿需JS,如:<DIV contentEditable=true>我的主页</DIV><font contentEditable=true>我的主页</font><span contentEditable=true>我的主页</span><p content...
2019-06-25 17:27:00
1920
原创 代理绑定事件下的阻止冒泡事件 注意事项
//自定义节点删除 点击事件 start $('#medicialRecordModal').on('click','.js-del',function (event) { $('#delModal').modal('show'); $(this).attr('data-active','actived'); ...
2019-06-13 17:20:15
291
原创 ztree当父节点是选中状态下实现点击父节点时只取消自己的选中状态，再次点击时再取消自己以及自己所有儿子的选中状态
<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - checkbox</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet...
2019-04-17 16:14:25
719
原创 箭头函数和普通函数的区别
1、箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种只包含一个表达式，连{ ... }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ ... }和return。2、箭头函数是匿名函数，不能作为构造函数，不能使用newlet FunConstructor = () => { console.log('lll');} let f...
2019-03-28 16:27:08
354
原创 函数不定参 arg(a,b,c,d,.....)
function arg(...rest) { var a=0; rest.map(function (item) { a=a+item; }); return a } console.log(arg(1,2,3,4))利用解构实现不定参的传输。 function f() { ...
2019-03-26 12:00:19
411
原创 localStorage、sessionStorage、Cookie的区别及用法
localStorage、sessionStorage、Cookie共同点：都是保存在浏览器端，且同源的。webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage。localStoragelocalStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为...
2019-02-15 15:18:35
175
原创 代理绑定和直接点击事件的区别
如果有大量动态生成的元素，普通的绑定方式会有很多不便，委托的方式有更好的性能和灵活性。因为可能你绑定的时候那个dom元素还没有生成，所以整个页面渲染完了之后，点击目标可能出不来识别不到点击事件( 以下代码用的是jquery写法）<div class="button">nihao</div><span></span>1、普通点击事件 ...
2018-11-29 17:47:09
512
原创 js 正则提数字
var str= '>=3435asdas874747474asdf'; console.log(str.replace(/[^0-9]+/g, ''));
2018-11-29 17:46:20
737
原创 matlab 画图plot 各种设置
x=[1,2,3,4,5] y1=[3,4,6,7,8] y2=[4,3,2,5,7] figure('color',[1 1 1]) //控制图片背景颜色为白色（这个要写在plot之前） plot(x,y1,'-o',x,y2,'-*') //画图啊，o和*是线型，公用x轴，两个y值，就是两条线 xlabel('x轴') //控制x轴标题...
2018-11-28 10:17:53
1654
原创 Jquery 实现动态监听select标签，并修改属性和 实时监听input的值 input propertychange
<select id="select_id" name="condition"> <option id="order_id" value="order_id">订单号</option> <option id="order_time" value="order_time">下单时间</option></select...
2018-11-28 10:01:30
6144
原创 如何检测执行完两个（多个）ajax之后 得到一个总的数据再执行别的操作（拼接表单）
1、jquery方法（个人最喜欢的方法） $.when( $.ajax(),$.ajax()).done( function(){} ).then(); $.when() 函数提供一种方法来执行一个或多个对象的回调函数。2、es6 promise方法 和generator方法都行 自己去翻书吧，这里不再赘述。promise.all()3、现在看以前的...
2018-11-21 17:12:40
604
原创 搜索文章和表单功能
1、表单 <style type="text/css"> *{ padding: 0;margin: 0; } #content{ margin: 100px 300px;display: block; } input{ heig...
2018-09-04 14:21:35
423
原创 js 继承的6种方法和利弊
首先有个共同的父亲function Animal(name) { this.name=name || 'Animal'; this.sleep=function () { console.log(this.name+'正在睡觉'); } }Animal.prototype.eat=function (food)...
2018-08-31 10:13:31
357
原创 面试题
1、css3有哪些伪类？2、用css写个三角形？答： .a{ height: 0px; width: 0px; border-bottom: 30px solid black; border-left: 30px solid #fff; border-right: 30px solid #fff; }3、h5有哪些语义化标签？有什么优点？4、css3新增了什么？5...
2018-08-22 10:02:13
397
原创 flex 嵌套 之 高度自适应
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>flex 嵌套 之 高度自适应</title> <style media="screen"> body, htm
2018-08-21 17:08:04
1458
dragsort.js
2019-07-04
zTree-jquery
2019-04-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人