自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 jsoo封装灯箱

这两天回顾jsoo,看到一些有意思的东西,比如封装,并写了一些封装的东西。比如封装灯箱啊,封装轮播图啊等等,话不多说上代码。

2023-05-24 20:35:20 134

原创 vue+element -ui 写的一个物流后台管理系统

TMS物流管理系统是一款集运输订单管运单管理、车辆调度、运输现场管理、统计报表等个功能一体的物流管理软件,主要用于管理物流企业的运输业务流程和信息化管理,它可以帮助物业提高运输效率和服务质量,优化运输计划,降低物流成本,提高企业竞争力。这次写了一个vue加element-ui写的物流后台管理系统其实物流后台管理系统不是那么好写,但是有后端的接口,也就是我前端只需要做页面的静态编写,和获取数据传数据,我先给大家介绍一下物流管理系统的业务流程吧。以下是对TMS物流管理系统的描述和每个模块的功能。

2023-04-22 18:07:46 1350 3

原创 vue 项目需要使用到的技术点

常用到此文件夹下 config.js 配置开发环境的 端口号、是否开启热加载 或者 设置生产环境的静态资源相对路径、是否开启gzip压缩、npm run build 命令打包生成静态资源的名称和路径等。devDependencies:开发环境依赖包的名称和版本号,即这些 依赖包 只用于 代码开发 的时候,不会打包进 生产环境js文件 里面。2、启动vue-cli开发环境的npm命令:npm run dev(有时候不是这个,具体看packge.json当中的配置)

2023-04-13 20:36:08 464

原创 node.js是什么?

CPU密集型应用给Node带来的挑战主要是:由于JavaScript单线程的原因,如果有长时间运行的计算(比如大循环),将会导致CPU时间片不能释放,使得后续I/O无法发起;解决方案:分解大型运算任务为多个小任务,使得运算能够适时释放,不阻塞I/O调用的发起;npm install 模块名称 //最新模块,安装是当前路径 , 默认是生产环境。npm install 模块名称 -g // 全局安装, 安装电脑 C 盘/xx。解决方案:(1)Nnigx反向代理,负载均衡,开多个进程,绑定多个端口;

2023-03-16 23:29:43 105

原创 Ajax连接MySQL增删改查前端

上篇文章说到了不用mysql连接的增删改查现在发一篇连接数据库的增删改查,这次是一个学习的这种连接的思路和增删改查的思路以及一个分层的思路当然还是先看页面,但是由于是功能的实现就没有写多好看增删改查一应俱全,调用的数据库由于下面的文件在不同文件夹里面,所以给一张文件夹的图,自己研究研究就好了欢迎留言哦。

2023-03-12 14:56:25 899

原创 后台管理系统增删改查

下面就我的这个后台管理系统发一些片段,希望对学习中的小伙伴提供到参考的价值由于文章有限就只展现一个页面的增删改查代码。整理了一篇关于小白学习的增删改查,但是只是前面阶段的,关于数据库连接在以后的文章才会发出来。这是我一个页面的全部代码,如果有需要可以copy。先给大家看这个增删改查的一个页面, 嘿嘿嘿。使用的是一个js文件存数组。

2023-03-12 14:17:21 1301 1

原创 JS预解析(变量提升),它导致了什么问题?

解析的时候会先创建一个全局执行上下文环境,先把代码中即将执行的变量、函数声明都拿出来, 变量先赋值为undefined,函数先声明好可使用。在一个函数执行之前,也会创建一个函数执行上下文环境,跟全局执行上下文类似, 不过函数执行上下文会多出this、arguments和函数的参数。而作用域链的首端指向的是当前执行上下文的变量对象,这个变量对象是执行上下文的一个属性,它包含了函数的形参、所有的函数和变量声明,这个对象的是在代码解析的时候创建的。当访问一个变量时,会到当前执行上下文中的作用域链中去查找,

2023-02-02 21:33:10 252

原创 筋斗云案例

var start = parseInt(this.getStyle(ele, attr)) // getStyle(ele,attr)获取ele元素的位置。// 如果运动是负方向,distance小于0,speed也小于0,剩下最后几步负零点几的时候如果向上取整直接就得到0了,就不能运动到终点了。// 让cloud回到上一次点击的位置,按照click里面记录的下标来移动。// 这里没有云的移动,这里只是负责记录点击的位置也就是下标。// 计算当前这一步的速度,是剩下距离的十分之一。

2023-02-02 20:52:16 141

原创 js动画函数封装

mouse over鼠标经过盒子会触发,经过盒子还会触发,mouse enter只会经过自身盒子才会触发。5.注意元素需要添加单位才能使用element.style.left。mouse enter 和mouse over的区别。注意函数需要传递两个参数:动画对象和移动到的距离。2.让盒子在当前位置上加上一个移动距离。类似,mouse over 他们两者的区别是。核心原理就是通过定时器不断移动盒子的位置。3.利用定时器不断的重复这个操作。1. 获得当前盒子的位置。十分简单的js动画封装函数。

2023-02-02 14:44:52 158

原创 元素三大系列

element.cilentHeight 包括自身包括padding,内容区的高度,不含边框,返回数值不带单位。element.offsetHeight 返回自身包括padding,边框,内容区高度,返回数值不带单位。element.offsetWidth 返回自身包括padding,边框,内容区高度,返回数值不带单位。scroll翻译过来就是滚动的,我们使用sroll系列的相关属性可以得到动态的得到该元素的大小,滚动距离等。

2023-01-31 16:41:48 82

原创 BOM剩余知识总结

navigator对象包含有关浏览器的信息,它有很多属性,我们最常用的是userAgent,该属性可以返回客户机发送服务器的user-agent头部的值。3.一旦执行栈里面的所有同步任务执行完毕,系统就会按次序读取任务队列里面的异步任务,于是被读取的异步任务结束等待状态。前一个任务结束再执行后一个任务,程序的执行顺序与任务的排列顺序是一致的,同步的,比如做饭的同步做法。你在做一件事时吗,因为这件事会花费很长时间,你还可以去处理其他事情,比如 做饭的异步做法,我们在烧水的十分钟里面去切菜,炒菜。

2023-01-24 10:10:39 71

原创 BOM 窗口事件 至定时器的说明

2.它是一个全局对象 定义在全局作用域中的变量 函数都会变成window的属性和方法在调用的时候可以省略window,前面学习的对话框都是window对象方法 如alert prompt等。注意:有了window.onload就可以把JS代码写到页面元素上方,因为onload是页面全部内容加载完毕再去执行函数。2,这个函数可以直接写函数,或者写函数名 或者采取字符串 ‘函数名()’三种方法 第三种不推荐使用。只有函数执行时候才能确定this到底指向谁,一般情况下this的最终指向的是调用它的对象。

2023-01-19 21:40:37 82

原创 JAVAscript 事件高级

addEventListenter(type,listener【,usecapure】)第三个参数如果是true表示在事件捕获阶段调用事件处理程序:如果false不写默认就是false,表示在事件冒泡阶段调用事件处理程序。e.prevenDefault() 该方法阻止默认事件 标准 比如不让链接跳转。事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程就是dom事件流。e.sreElement 返回触发事件的对象 非标准ie678使用。//相对于element.onclck=fn;

2023-01-17 21:00:34 159 2

原创 节点操作之1复制节点

/node.cloneNode(true)括号里面是true是深拷贝,只复制标签并且复制里面的类容。//node.cloneNode()是浅拷贝,只复制标签不复制里面的类容。如果括号里面是false,则是浅拷贝,克隆复制节点本身,不克隆里面的子节点。如果括号参数是true,则是深拷贝,会复制节点本身及里面的所有子节点。创建多个元素效率更高(不要拼接字符串,采取数组形式拼接),结构稍微复杂。直接创建元素 如果页面文档流加载完毕,再调用 这句话就会页面重绘。创建多个元素效率稍微低一点,但是结构更清晰。

2023-01-14 17:45:51 491

原创 DOM重点核心总结

H5提供的新方法:querySelsctor,querySelectorAll。对于dom操作,主要的是创建增删改查 属性操作 事件操作。主要修改dom的元素属性 dom元素的内容,属性,表单的值等。2.修改普通元素内容:innerHTML。修改表单元素:value type disabled等。1.修改元素属性:src href title等。3.利用节点操作获取元素:父级(parentNode)1.setAttribute:设置dom属性值。主要获取查询dom的元素。

2023-01-14 17:38:52 77

原创 关于JS操作元素和节点操作

parentNode.children是一个只读属性,返回所以的子元素节点,它只返回子元素节点,其余节点不返回(这个是重点掌握的)一般节点至少拥有nodeType(节点类型),nodeName(节点名称)和nodeValue (节点值)这三个基本属性。主要针对于自定义属性。返回当前元素的上一个兄弟节点,找不到则返回null,同样,也是包含所有的节点。返回当前元素的下一个兄弟节点,抄不到则返回null,同样,也是包含所有的节点。注意:返回值里面包含了所以子节点,包括元素节点,文本节点等。

2023-01-13 20:57:01 266

原创 JS的样式方面,一点微妙的认识

if (this.value === '手机') {操作元素 获得焦点 onfocus 失去焦点onblur。this.value = '手机';element.style 适合修改元素较少的。我们修改比较多的样式适合用classname。哈哈哈哈这是一个关闭广告或者二维码的案例。这个是一个仿照淘宝输入框写的一个显示隐藏。JS 修改样式权重比css样式高,因为JS修改的是行内样式。

2023-01-11 19:57:29 125

原创 JS的数据转换三年前的笔记,整理一下

原始number、字符串,对/错(boolean布尔):true/false null undefined。非数值:字符串,对/错(boolean布尔):true/false null undefined。1.parselnt()转换成整数,不支持小数点,原理从左到右一个一个转,有一个条件不合理就停止。如果一个操作数是字符串,另一个操作数是数值将字符串转成数值。变量是可以变化的量本质是存储值的容器。4, 可以操作dom (添加修改删除),操作网页的元素。

2023-01-07 11:24:24 80 1

原创 使用数组重写饮料机

2.自动饮料机运行的过程中,当输入1-5时候给出对应的饮料(1.可口可乐 2.雪碧 3.鲜橙多 4.冰红茶 5.矿泉水)3.输入其他值的时候给出非法操作提示,并提示重新输入。1.当输入0时,模拟自动饮料机停止运行。

2023-01-07 10:12:00 137

原创 把下面数组的首尾两个元素互换

'隔壁小王', '同桌小李', '儿时小吴', '初恋小周', '红颜小赵']

2023-01-07 10:00:29 180

原创 前端其实一点也不难

初学小白

2022-11-08 11:42:58 245

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除