- 博客(109)
- 收藏
- 关注
RSS订阅原创 1.java环境搭建与eclipse安装和配置
JDK（JAVA开发工具包）：提供给java开发人员使用的，其中包含了java的开发工具，也包括了JRE所以安装了JDK,就不用单独安装JTE了，其中的开发工具：编译工具(javac.exe) 打包工具(jar.exe)等JRE(JAVA运行环境)：报错Java虚拟机和java程序所需的核心类库等，如果想要运行一个开发好的java程序，计算机只需要安装JRE即可(一) 相关软件下载和安装[1]. JDK、JRE安装1). 注意安装路径外，直接下一步，最后的jre也要安装，同样是注意安装路径.
2023-10-24 17:06:59
983
原创 js 发送网络请求失败后，自动重新发送请求
当发送的网络请求因为各种原因失败后，希望自动重新发送请求，直到请求成功。函数模拟一个 HTTP 请求，并在前4秒失败。
2023-04-06 10:38:48
942
1
原创 使用position:stickey固定表格左边列与表格标题
position:stickey 会与表格的 border collapse样式冲突，所以使用 box-shadow样式来做表格的边框样式。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conte
2022-05-26 09:04:24
661
原创 滚动、切换、添加、删除导航栏
实现导航栏的滚动、切换、添加、删除，并执行动画效果。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g
2022-01-27 15:04:51
1094
原创 表格左边固定并且每一行的高度随内容的变化而变化（纯css）
本例子需要引入bootstrap.css当页面滚动时，表格左边固定，并且有一个阴影效果，每一行的高度随内容的变化而变化。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width
2022-01-19 21:40:55
738
原创 JS 中使用 setMonth 和 setFullYear 方法获得的日期有误
js中的setMoth 和 setFullYear 方法得到得日期不是自己设置的日期
2021-12-31 11:26:38
1306
原创 RequireJS和Backbone
CommonJS和AMD/CMD可以参考：https://www.cnblogs.com/moxiaowohuwei/p/8692359.html(一) 使用 RequireJS 编写 AMD 模块1. define()定义模块define(model_id,[dependencies], module-factory-or-object);model_id：通常只有在非AMD格式工具使用时才定义(边界情况也可能有用到)。当该参数不提供时，我们称该模块为匿名模块（anonymous）。使用匿名模块
2021-11-23 21:23:45
1709
原创 Backbone基础
Backbone中文网：https://www.backbonejs.com.cn/Underscore.js中文网：https://underscorejs.net/下面的例子，依次默认引入jquery.js、underscore.js、backbone.js文件，不赘述。一、模型(1) 初始化创建一个新模型实例的时候，initialize()方法被调用。该方法可选。var Todo = Backbone.model.extend({ initialize: function(){ .
2021-11-16 16:17:37
1443
3
原创 Backbone写的todolist
使用到Backbone.View、Backbone.Model、Backbone.Collection、Backbone.history和Backbone.Router相关的知识点。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta
2021-11-12 17:29:00
142
原创 bootstrap-datepicker 时间选择控件属性和方法
官方文档：https://getdatepicker.com/4/moment.js地址：https://github.com/moment/moment/tree/master需要用到的js和css（按顺序引用）：bootstrap.min.cssbootstrap-datetimepicker.cssjquery.jsmoment-with-locales.js (moment.js地址中可以获取)zh-cn.js （属于moment-with-locales.js的一部分）boo
2021-08-04 18:02:44
12484
原创 selectpicker.js 下拉框多选控件的属性和方法
中文网：https://www.bootstrapselect.cn/index.htmgithub：https://github.com/snapappointments/bootstrap-select需要用到的js和css（按顺序引用）：bootstrap.min.cssbootstrap-select.cssjquery.min.jsbootstrap.min.jsbootstrap-select.jsdefaults-zh_CN.js 显示错误时所用的语言选项选项可以
2021-08-03 17:42:28
7417
原创 Event.preventDefault 、Event.stopPropagation 和 Event.stopImmediatePropagation
Event.preventDefault() 取消浏览器对当前事件的默认行为。Event.stopPropagation() 阻止事件冒泡。Event.stopImmediatePropagation() 阻止同一个事件的其他监听函数被调用，不管监听函数定义在当前节点还是其他节点。也能阻止事件的冒泡。Event.preventDefault该方法生效的前提是，事件对象的cancelable属性为true，如果为false，调用该方法没有任何效果。<a id="link" href="h.
2021-06-21 10:39:41
527
原创 Event.currentTarget、Event.target 和 MouseEvent.relatedTarget
currentTarget 和 targetcurrentTarget 和 target 属于事件对象(Event)的实例属性Event.currentTatget 是事件当前正在通过的节点。随着事件的传播，这个属性的值会变。e.currentTarget总是等同于监听函数内部的thisEvent.target 事件的原始触发节点。这个属性不会随着事件的传播而改变。 MouseEvent.relatedTargetMouseEvent.relatedTarget 属于鼠标事件对象(Mo..
2021-06-21 09:47:02
972
原创 添加、删除、上移、下移按钮的实现
对表格中的<tr></tr>整体进行添加、删除、上移、下移操作。并自动处理排序和按钮。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width
2021-03-14 23:12:55
1361
原创 formData处理表单
一、FormData 对象和方法FormData()构造函数的参数是一个 DOM 的表单元素，构造函数会自动处理表单的键值对。这个参数是可选的，如果省略该参数，就表示一个空的表单。//生成表单实例：var form = document.getElementById("myForm");var formData = new FormData(form);表单实例的方法：方法名描述get(key)获取指定键名对应的键值，参数为键名。如果有多个同名的键值对，则返回第一个键值对
2021-03-12 09:29:56
336
原创 jQuery Step 向导插件参考文档
文档来源：https://github.com/rstaib/jquery-steps/wiki一、设置/setting[1]. 外观设置(Appearance)设置名称描述值的类型默认值headerTag指定步骤按钮文本所在的标签Stringh1bodyTag指定步骤主体内容所在的标签StringdivcontentContainerTag包装所有步骤内容所用的标签，该标签上有content样式类StringdivactionContai
2021-03-01 15:32:24
2473
1
原创 jquery单选框redio设置checked属性无效的原因
jquery设置标签本身的属性使用prop()，设置自定义属性使用attr()。下面用例：点击选中复选框，默认选择单选框的“是”，取消复选框之后，取消单选框的选择。<div style="border:1px solid #ddd;padding-bottom: 20px;"> <h5>jquery控制，</h5> <small style="display: block;">当复选框选中时，默认选中auth中的‘是’，复选框不选中，单选框
2021-01-26 13:18:42
1033
原创 无法使用clearfix时，使子元素排列一行，避免结构混乱
前提：三个元素占据一整行当多个元素都浮动时，每行的三个元素的高度不一致，第四个元素就会紧跟着高度最高的元素后边，导致界面变乱。如下元素4跟在元素2的后边第一感觉是给前三个元素包裹一个div,使用bootstrap的clearfix类，隔离掉第四个元素。这是最简单的办法,但是原来写的css选择器就会失效。<div class="box clearfix container"> <div class="clearfix"> <!--添加一个父元素div-->
2021-01-22 16:19:30
155
原创 div中文字不换行(textarea中输入的文字，输出到div中文字不换自动换行的问题)
在文本域中输入文件，并点击回车开始下一行，点击按钮将信息输出到div中<textarea name="" id="content" cols="30" rows="10"></textarea><div id="info"></div><button id="btn">按钮</button><script src="./js/jquery.min.js"></script><script>
2021-01-09 10:55:16
4970
1
原创 V8引擎执行js的原理和垃圾回收
(一) v8执行一段js代码的过程预解析检查语法错误但不生成AST通过词法分析和语法分析生成AST（抽象语法树）将AST转换为字节码通过V8的解释器 / 基线编译器(Ignition)将AST转换成字节码字节码是AST和机器码中间的过度代码，如果直接将AST转为机器码，会引发严重的内存占用问题。由解释器逐行执行字节码，遇到热点代码启动编译器进行编译，生成对应的机器码, 以优化执行效率(二) 垃圾回收[1].如何判断是否可以回收引用计数给一个变量赋值引用类型，则该
2020-12-31 13:58:57
209
原创 javascript的类型转换规则和判断数据类型
(一). 类型转换[1].转字符串String()参数类型结果Undefined“undefined”Null“null”Booleantrue,返回“true”；false 返回“false”Number普通数字被转换为数字字符串；NaN被转为“NaN”；10n被转为“10”Symbol“Symbol()”[2]. 转布尔值Boolean()参数类型结果false、undefined、null、+0、-0、NaN、“
2020-12-31 13:48:06
126
原创 一、Chrome浏览器调试工具/文档
[1].开调试窗口mac: command+alt+iwindows: F12[2].暂停发生变化中的元素or属性再在添加Break on的元素上取消断点。[3].查看元素最终效果的样式只关心最后的效果是哪些样式控制的可以通过Computed查看[4]. 查看被压缩的css和js代码找到被压缩的css或者js代码点击format，就可以得到展开后的代码，并且可以进行编辑。[5]. 在Chrome中编辑样式并同步到本地文件中将本地文件所在的文件夹添加到Chrome中Chro
2020-12-22 16:20:47
7002
1
原创 validate.js 表单校验插件
菜鸟教程： https://www.runoob.com/jquery/jquery-plugin-validate.html(一) 使用步骤导入jquery.js，validate基于jquery导入validate.js页面加载成功后，对表单进行校验，$(“选择器”).validate();<form action="" id="login"> 必填： <input type="text" name="userName" id=""><br /
2020-12-09 12:57:56
3989
1
原创 前端JavaScript面试
一、JS基础知识(一) 变量类型和计算[1]. 知识点类型分类引用类型:array、function、object值类型：undefined,string,number,boolean,null强制类型转换字符串拼接var b = 100 +'10' //'10010'==运算符100 == '100' //truenull == undefined //trueif语句var a = 100if(a){ //...}逻辑运算console.l
2020-11-11 13:09:32
691
原创 系统面试
一、一面/二面(一) 页面布局假设高度已知，请写出三栏布局，其中左栏、右栏宽度各位300px,中间自适应。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Documen
2020-11-01 18:16:14
298
原创 selectize.js 单选下拉框控件的属性和方法
Selectize是一个可扩展的基于jQuery 的自定义下拉框的UI控件。它对展示标签、联系人列表、国家选择器等比较有用。它的大小在~ 7kb（gzip压缩）左右。提供一个可靠且体验良好的干净和强大的API。文档：https://github.com/selectize/selectize.js用例：https://github.com/selectize/selectize.js/tree/master/examples一、配置selectize属性会添加到原始的<select>
2020-10-23 10:26:18
3854
1
原创 git日常开发/多人开发常用命令
1.本地回滚到某一版本前提是git此时是等待状态查看提交日志在项目中右键选择查看日志点击需要回复的版本，查看sha-1值，复制3. 使用，进行回滚，完成$ git reset --hard 930439e81091e5423afab6c859aa3e849006e5e1.........
2020-10-22 18:59:40
887
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人