JS
关注
分享
扫一扫
javaScript Jquery vue.js ...
小张帅三代
微信搜一搜公众号码：【张家的小伙子】
新手上路，请多关照，个人写的文章仅仅是学习过程中的笔记，方便以后查看。
感谢祖国，
感谢党，
感谢世界，
感谢大家,
感谢<b>广西机电职业技术学院</b>，
感谢<b>桂林电子科技大学</b>，(在母校前后装个b)
感谢everyone.
hey~ bro~you are fucking so lovely ^.^
展开
-
javaScript 工具类
在html中，窗口滚动，页面元素进入窗口可见区域时，指定元素从下网上逐渐显示。传入指定进入视口逐渐显示的元素选择器。原创 2024-07-18 12:04:13 · 230 阅读 · 0 评论 -
bootstrap 辅助框
1.注意：一定要引入bootstrap文件，这个在新的bootstrap中已经下架。<fieldset style="padding:.35em .625em .75em;margin:0 2px;border:1px solid silver"> <legend style="padding:.5em;border:0;width:auto">辅助框标题&l...原创 2018-07-19 17:59:21 · 291 阅读 · 0 评论 -
jq bootstrap模态框弹出同时模态框中输入框获取焦点方法
1.点击的按钮：<button class="btn btn-primary" id="connectionBtn"> 书/码关联</button>2.模态框： <div aria-labelledby="myModalLabel" class="modal fade bs-example-modal-lg" id="connect原创 2018-07-18 16:41:40 · 2365 阅读 · 0 评论 -
layui ajax select 动态添加数据方法
html:<form class="layui-form" action="" method="post"> <div class="layui-form-item"> <label class="layui-form-label">选择类型</label> <div class="layu...原创 2019-01-07 02:01:10 · 4707 阅读 · 1 评论 -
jq ajax动态生成的链接按钮的点击事件
当用ajax请求数据回到页面的时候拼接成一个动态的列表，如下图：但是ajax生成的按钮是没办法通过正常的获取元素的点击事件进行操作的。解决办法：1.先在ajax拼接的元素进行事件的绑定，在事件的参数中传入数据的对应ID，如下：2.因为ajax是异步加载，所以页面加载完成前，数据已经加载了，普通的事件点击的时候因为ajax数据的先后顺序影响原因无法绑定事件。所以直接在js代码...原创 2019-01-11 14:58:33 · 1935 阅读 · 3 评论 -
layui 父页面打子窗口后,子窗口ajax查询数据成功后自动关闭，并将数据返回给父页面
场景：父级页面是列表页，当父级页面点击搜索新闻时，弹出子窗口（type:2）,并在子窗口中进行关键字的输入，由ajax提交到后台模糊搜索匹配到对应的字段，ajax请求成功后并关闭当前打开的子窗口，关闭子窗口的同时将查询到的数据传递回去给父页面。思路：（在父页面中定义方法，子页面中拿到父页面的方法，用方法的参数进行传值）1.实现打开子窗口，子窗口的type:2,在页面中进行表单数据的获取...原创 2019-01-20 01:52:52 · 3900 阅读 · 0 评论 -
layui数据表格分页导出全部页面的数据到Excel表格中
在使用layui数据表格进行分页显示时，可能需要导出数据到Excel表，可是直接使用table.exportFile却会导出的是已经渲染到表中的数据，这时就会发现问题，导出的数据只是分页表格数据中的一页中的数据而已，而我们需要的是导出全部页面中的所有记录。我猜想layui渲染数据到表格并分页的方式如下（这只是我的猜想，事实上我也不太确定 =。= ）：1.layui数据表格的url属...原创 2019-03-31 01:48:59 · 13295 阅读 · 10 评论 -
vue -element ui 表单自定义校验
element ui 中自定义表单检验规则校验要求：密码校验：必须包含字母数字和特殊字符，长度为6-16位loginRules: { password: [ { required: true, message: "请输入密码", trigger: "blur" }, { min: 6, message: "密码长度最少为6位", trigger: "blur" }, {validator: function(rule, value, callback){原创 2021-06-11 17:11:47 · 895 阅读 · 0 评论 -
jq网页预加载、懒加载技术
文章已移至：原创 2019-10-14 13:32:04 · 335 阅读 · 0 评论 -
layui 父页面获取弹窗传递的值 和 父页面传值给子弹窗的方法
文章已移至：原创 2020-06-08 10:30:46 · 11876 阅读 · 3 评论 -
jq屏蔽父级元素的响应事件
实现：id为box的div初始状态默认是隐藏。1. 点击id为box 的 div 显示 id为show的div2. 点击id为show的div中的id为close 的 span隐藏 id为show的div。以下代码中，父级div 中包含一个 span 标签。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-U原创 2020-11-23 09:49:23 · 621 阅读 · 0 评论 -
layui 多图上传点击图片删除的实现与注意事项
layui的多图上传功能相当的方便。html:部分<div class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label">活动图片：</label> <div class="layui-inpu...原创 2019-08-26 21:38:53 · 1907 阅读 · 0 评论 -
layui 表格中时间戳转成时间格式
使用layui的数据表格时，在开发中后台可能传回的时间是一个时间戳，此时显示时间戳在页面上并不能看出年月日。这时需要对时间戳进行格式的转换：将发布时间的时间戳转成对应的时间格式如下：（传递到数据表格的时间戳是十位的，所以乘以1000）table.render({ elem:"#ArticleListTable", url:"", ...原创 2020-04-26 18:14:13 · 1879 阅读 · 0 评论 -
【three.js第四课】自定义材料、贴图。
1.先去下载6张不同的图片素材放到项目中。2.在【three.js第三课】的代码基础上添加自定义的材料//自定义材料 cubeMaterial 数组 //map:用于加载图片，THREE.TextureLoader().load('图片的地址')方法引入要放的图片，也可以用16进制的颜色替换：color:0xFFFFFF //side:用于设置显示面。属性...原创 2019-05-30 14:55:58 · 1212 阅读 · 1 评论 -
【three.js学习环境的配置】学习three.js前的环境配置
工具：1.【three.js源码】：下载地址：https://threejs.org/2.【phpStudy】：用于存放three.js源码，作为本地的开发服务器。（也可用:wamp，xampp等）3.【sublimeText 3】:用于编写代码。（也可用DW，visual studio Code ，webstorm等）步骤：1.phpStudy下载后解压安装。安装完成后启动服...原创 2019-05-30 14:15:26 · 4741 阅读 · 0 评论 -
wind7 安装 node.js 方法
wind7安装node.js1.进入网址：http://nodejs.cn/download/点击下图中的链接进入下图界面后点击返回上一层目录：返回上一层目录后选择对应的版本下载，我当前安装的版本是12.16.1，如下图：下载后解压，创建node_cache 和node_global文件夹目录大概如下：用此目录路径配置环境变量进入cmd界面输入命令设置配置：npm config set registry https:/...原创 2020-08-14 23:06:15 · 582 阅读 · 0 评论 -
【three.js 第一课】创建场景，显示几何体
1. three.js中文手册网址：https://www.techbrood.com/threejs/docs/注意事项：代码中出现的 newTHREE 中的THREE必须为大写。<!DOCTYPE html><html><head> <title>demo1</title></head&g...原创 2019-05-29 23:29:26 · 560 阅读 · 0 评论 -
【three.js第三课】鼠标事件，移动、旋转物体
1.下载three.js的源码包后，文件夹结构如下：2.在【three.js第一课】的代码基础上，引入OrbitControls.js文件，此文件主要用于 对鼠标的操作。该文件位置：在文件结构中找到【examples】文件夹，进入；找到其中的【js】文件夹，进入；找到其中的【controls】文件夹，进入后即可找到【OrbitControls.js】文件；我的引入...原创 2019-05-30 13:49:22 · 5673 阅读 · 0 评论 -
【three.js第五课】光线的添加和感光材料
材料分类：MeshBasicMaterial：基础网孔材料，一个以简单着色（平面或线框）方式来绘制几何形状的材料。MeshLambertMaterial：兰伯特网孔材料，一种非发光材料（兰伯特）的表面MeshPhongMaterial：网孔材料，用于表面有光泽的材料，计算每个像素。光线分类 注意：材料收到光线影响，即不同的材料对不同的光线表现出不同的特点，试着该表材料和...原创 2019-05-30 15:47:02 · 957 阅读 · 0 评论 -
【three.js第七课】鼠标点击事件和键盘按键事件的使用
当我们使用鼠标操作three.js渲染出的对象时，不仅仅只是仅限用鼠标对场景的放大、缩小、旋转而已，还有鼠标左键、右键的点击以及键盘各种按键等等的事件。我们需要捕获这些事件，并在这些事件的方法里进行相关的操作。接下来是干货在【three.js第六课】的基础上，对代码进行整理后。得到本次试验的源码。下面的代码是在原来的第六课的基础上将对应的代码写成方法再进行调用的。<!DOCTY...原创 2019-06-06 13:28:23 · 8664 阅读 · 0 评论 -
【three.js第六课】物体3D化
1.在【three.js第五课】的基础上引入AnaglyphEffect.js文件。文件路径：three源码包中进入【examples】文件夹；进入【js】文件夹；进入【effects】文件夹中即可看到AnaglyphEffect.js文件我的引入如下： <script src="../examples/js/effects/AnaglyphEffect.js"&g...原创 2019-05-30 23:04:31 · 500 阅读 · 0 评论 -
【three.js第二课】页面自适应
1.在【three.js第一课】的基础上加入以下代码，改变窗口大小时，页面内容会自适应//加入事件监听器,窗口自适应 window.addEventListener('resize', function(){ var width = window.innerWidth; var height = window.innerHeig...原创 2019-05-30 12:57:07 · 1033 阅读 · 0 评论