![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
技术分享
文章平均质量分 82
赤哲~
不以物喜不以己悲。
展开
-
随机生成不同颜色的元素
想必大家都玩过或者见过球球大作战的这类游戏吧,场上有无数的小球,通过“吃”小球让自己变大获得胜利。今天要分享的是怎么生成这些小球,实现的原理。其实每个小球都是一个元素,只不过它们大小不一。要实现创建多个元素,并且大小还不一样,这就需要用到一个方法:随机数。在JavaScript中有一个算数对象叫做Math。Math对象的作用就是用来执行一些常见的算数任务,它里面存放了现实生活中数学中的很多运算方法,这些方法都被封装成了函数(方法)。在某个项目中要进行某个运算时,只需要调用Math对象中对应的方法,传入参原创 2020-08-17 19:13:27 · 1132 阅读 · 0 评论 -
导出Excel数据
在一个项目中会记录着很多数据,这些数据呈现出的样子一般都是以表格形式显示的,采用的是我们平时使用的Excel样式,能更直观的查看某一个学生或者说是一件商品的具体信息,而这些数据确实能以Excel格式导出。比如说一个学校的系统,它里面记录着大量的学生数据,包括学生的信息等等,那我就将考生信息导出到一个Excel表格中。首先分析一下流程,要导入的是学生的这些信息,那么一开始肯定要查询出这些数据,然...原创 2019-05-16 20:32:05 · 1953 阅读 · 0 评论 -
水晶报表打印
在我们考试之后都会发下一个成绩排名单,上面记录着每个考生的姓名、成绩等数据,考试一般都是笔试考试,所以录入数据所用到的都是Excel,这是一般学校常用的。而现在网上考试兴起,所上传的考试成绩都是自动记录在学院系统内,而学院系统内也有一个打印的功能,那就是打印水晶报表。虽然这不是唯一的打印手段(还可以在系统内导出Excel数据,然后再用Excel打印出报表),但毕竟“韩信点兵–多多益善”嘛。要打...原创 2019-05-17 08:12:45 · 196 阅读 · 0 评论 -
jQuery的属性设置
在一个项目中,js代码起到重要作用,同时css代码也是一样。css代码是由很多标签组成,而标签本身并不是很多,但它们却可以组成很多你想象不到的布局,而改变它们的便是标签的特性。一个标签可以代表是一个元素,也就是说每个元素都含有多个元素特性,这些特性也就是属性,用途就是用来给对应元素附加信息,那属性究竟是什么?属性是标签中例如class、id、style、src等存在于标签自身内的这些字符。在这些...原创 2019-05-28 14:32:09 · 482 阅读 · 0 评论 -
jQuery的样式设置
现在对于网页的布局变得花样繁多,还有些炫酷的操作,而这些元素的改变就是通过动态更改实现出的效果,那么怎样实现动态的修改呢?比如说今天将的几个jQuery封装的方法。对于布局来说使用插件是一个再平凡不过的事了,使用插件可以极大的减少或者免去css代码的编写,因为这些插件都是一个css代码库,基本上已经将你所需要的样式都写出来了,而你只需要调用即可,调用方法就是将所对应样式的类名赋值给元素,就是将对...原创 2019-05-28 14:35:38 · 254 阅读 · 0 评论 -
jQuery中的hover事件
在我们之前学习前端的过程中了解到了很多代码的作用,特别是js中所使用的方法,我之前也介绍过很多实用的js方法,今天要给大家介绍的是jQuery中的一个比较特殊的一个方法:hover()。先前说过,我们在编程的时候最不想看到的结果是方法效果实现了,但是代码量却出乎意料的繁杂、量大,所以在写代码的时候通常会使用一些插件或者是特殊方法尽量简写代码,而jQuery就是用于书写方便,简写代码的插件。尽管使...原创 2019-06-10 09:16:38 · 6973 阅读 · 0 评论 -
网页跳转多窗口堆叠
在前端的学习中不管是搭建一个页面,还是js代码的编写都会用到插件,因为插件能够让我们编写代码更加方便简洁,而插件也是各式各样的。不过,不管有多少样式的插件,最终都是一个目的,简少代码书写量。之前介绍了jQuery的一些方法和使用,今天又有一个插件叫Layui,它也可以和jQuery一起使用。在Layui里有一个对于网页窗口处理的方法,通过窗口堆叠的形式将点击跳转的网页嵌套在内,使用非常便捷,那么...原创 2019-06-10 09:31:18 · 814 阅读 · 0 评论 -
一个简单的电子表
前端的学习并不是枯燥无味的,总会在代码中寻找到自己的快乐,如果说代码仅仅只是作为你手中执行命令的代码,那么你不会体验到真正的快乐。时间,在js中有对于设置时间的代码,有计时器,也有日期。对于一些人来说仅仅只是在写一个项目的功能中所要运用到的一个代码,但是你仔细想想:思想局限于一块并不是好事,这就像极了死记硬背。如果你以另一种形式去了解它,那么你一辈子也忘不了。今天为大家介绍的是关于时间的一个代...原创 2019-06-10 09:34:51 · 602 阅读 · 0 评论 -
滚动的input内容
网络技术一直在发展在进步,编写代码也是越来越便捷,人们做出了很多插件,都是便于编写代码的。很多人习惯了使用插件,可能会忘了原生js代码。今天我又发现了一个用原生js代码写出来的一个很有趣又很实用的一个特效。大家平时在商场或者在某些街道都会看到一些招牌,而有的商家还会弄出滚动的效果,这些滚动效果其实也是通过程序实现的,通过软件控制硬件。既然这样,那又是怎么通过代码实现一个滚动的效果呢?我做了一个...原创 2019-06-17 16:05:45 · 3769 阅读 · 0 评论 -
input框实现进度条效果
相信大家在平时浏览网页找东西的时候,点击的跳转链接或者是下载某些东西会有一个进度条,当进度条完成之后才会完成下载或是实现跳转等。看到这里就会觉得能有一个进度条的效果感觉好厉害,到底是怎么实现的呢?其实现在有很多插件可以实现一个进度条的效果,但一个简单的插件还好说,遇到难的,可能连参考手册都看不懂,所以今天我用普通的input框来实现一个进度条效果,加载完成实现跳转网页,方法很简单,看完绝对会。...原创 2019-06-17 20:41:37 · 3372 阅读 · 0 评论 -
第一次加载弹出公告
我们平时在进入游戏或者是管理平台的时候经常会看到一些公告,或者一些活动等等提示,方便玩家知道最近的一些动态和需要了解的一些常识,但是在每次登陆游戏的时候回弹出,而每次弹出后都不会再弹出,那么这一个效果是怎么实现的呢?我做了小的例子进行演示。首先我们需要在我们要引入两个插件。然后我们先创建一个页面层layerIndex,通过layer.open()打开一个页面,type为2为iframe层...原创 2019-07-08 09:32:15 · 1434 阅读 · 0 评论 -
树形菜单动态绑定(请认真看完)
树形菜单在很多项目中都很实用,我所了解的Tree插件只有两个,一个是layui自带的样式,不过比较简陋,新版本似乎是更新出来了,但使用还是不怎么方便,另一个则是jQuery的另一个zTree插件,我一般做树形菜单都喜欢用jQuery的zTree来做,因为操作比较简单(个人原因,可能有人觉得layui也行),更有些牛人使用原生js写出来的,当然不能轻易模仿。那今天我就拿我熟悉的jQuery树形菜单插...原创 2019-06-28 09:27:26 · 1034 阅读 · 0 评论 -
搜索框模糊查询
每个项目中都会存在有数据存放表格等东西,对这些数据的处理方法也有很多,也避免不了查询数据。而在查询数据的方法中会存在有一个搜索框,但在我们平时使用什么软件的时候使用的所搜功能都是可以搜一个关键字就可以查询到你想要的数据,这就是一个模糊查询,那这一个方法是怎么实现的呢?这就要用到查询代码中的条件筛选,模糊查询了。模糊查询是位于条件筛选查询之上的一种查询方式,原理和基本筛选差不多,一个是通过某一个值...原创 2019-06-28 11:24:10 · 7546 阅读 · 0 评论 -
文字加载样式
对前端这一块来说,很多人都喜欢把页面或者是一些操作做的美观,更多的还会做一些进度条或者是加载样式等等,这些对于程序员来说都是小事一桩,但在用户手中看着就很神奇,跳转加载中,文字能自动变换颜色,是怎么做到这样一个动画的加载效果呢?我做了一个简单的加载效果。文字加载效果变换颜色,那么肯定需要定义好显示的文字,其次就是变换的颜色,和变化的速度,那么我们先定义几个变量,分别表示显示的文字、变换的颜色...原创 2019-07-18 11:30:08 · 324 阅读 · 0 评论 -
自动回填流水编号
我们平时在网上购买商品后,会由快递员派件给你,特别是现在丰巢的推广更是方便,只要我们扫二维码或者是输入快递编号就可以取出快递,但是我们会发现每个快递的编号都是唯一的,这就是一个货物的流水号,在我们做一个管理系统时也会用到。那么怎么做一个流水号呢?我将通过一个例子进行演示。流水号一般是由一个标识性的字符串加上一个日期和一个几位数的数字组成的一串编码,那么我们首先要做的就是获取到当前的一个日期。...原创 2019-07-07 11:49:12 · 256 阅读 · 0 评论 -
Layui表格一个单元格显示多条数据
我们平时做一个项目的时候,数据表格是很重要的,它记录着实际应用的业务数据等,一般比较简单的表格都是一条数据中有多个信息,而每个信息所对应的要么是单一数据,要么是通过计算得出,而有时候我们也会遇上比较棘手的问题。在数据库中存放的一条数据的某一项信息有多个数据,但在页面数据表格中显示却是一条数据。就比如说商品的属性,商品属性可以是一个属性,也可以是多个,对于一个属性来说就按照平时查询思路就可以解决,...原创 2019-07-16 16:45:57 · 8748 阅读 · 0 评论 -
正则表达式基础
在我之前的技术分享中偶尔会看到一些关于正则表达式的使用,不过对于没有接触过这一块的人并不清楚正则表达式到底是什么是怎么写的,那今天我就给大家讲解一下正则表达式。首先什么是正则表达式,正则表达式又称为规则表达式,在处理某些字符串时通常被用来检索和替换那些符合某个规则的文本。简单来说就是用来匹配文本的一个工具。比如说之前分享中看到的匹配一个图片的路径,匹配出目录后替换掉目录等。正则表达式在学习MV...原创 2019-05-08 21:36:05 · 87 阅读 · 0 评论 -
实现登录的过程
做一个项目不仅仅要做好各个功能所实现的效果,同时也要保证用户的数据安全。登录,在一个项目中是非常重要的,在有些项目中,比如说学校的的一个管理系统,你以不同的身份进入,所看到的、所存储的数据都是不一样的。我们在登录时所做的操作看似简单,其实也是比较复杂的。或许你只是输入一个账号、密码等数据,然后就能跳转到另一个页面,殊不知它经过了多少处理,那么今天就给大家讲一下登录操作是怎样实现的。要了解登录,...原创 2019-05-08 17:23:18 · 3808 阅读 · 0 评论 -
z-index的技巧性运用
在前端的学习中,往往会遇到很多问题,特别是在最初学写Html的时候,布局总会有一些小问题,今天我就给大家讲一个我在做项目的时候运用到的一个小技巧。上面是一个小的演示,执行出的效果如下:按正常的理论应是鼠标移入收藏按钮就弹出一个收藏列表,可实际执行的时候并没有实现理论效果。最后是怎样解决的呢?就是运用了z-index这个属性。让一个元素加上{z-index:n(n=任何数字);}能让这个元素...原创 2019-01-17 21:17:49 · 253 阅读 · 0 评论 -
Css3动画的简单运用
代码在常人眼里是一项很枯燥的东西,只有你接触之后才会明白代码也是一项很有趣的东西,你可以用它来实现很多你想象不到的东西。下面是运用Css3动画做的一个简单的风车:上面是普通的Html5的页面布局页面。关于Css3动画的用法,通常使用transform和animation来进行制作transform元素是用于设置变形,它支持一个或多个变形的函数。而animation动画是比transform动画...原创 2019-01-17 09:35:40 · 316 阅读 · 0 评论 -
前端编程细节:背景颜色透明度的细化调节
在前端的编程中,最主要的页面设计尤为重要。现在做的软件对美观的方面还是比较注重的。做一款好的软件首先一定是实用,其次就是软件的精美程度,所以在调色方面也要有更细微的调节。今天我就给大家分享一个关于透明度的一个小细节:这是一般的背景透明度的设置,通过rgba调节透明度,opacity是直接调节透明度的元素,通过两种透明度的调节可以调节出更细微的色差,不过要根据具体需要来进行调节,我在这里用浮动重...原创 2019-02-17 22:32:07 · 644 阅读 · 0 评论 -
网页跳转的实现方法
相信大家都上过网,比如逛淘宝什么的,在看到一个喜欢的商品后一点击就进入了商品的信息界面。是不是觉得很神奇?只需点击一下就可以显示出所需要的东西,其实告诉大家名没有你们想象中那么难,那么我就给大家看一下这一简单的实现原理,我将用一个实例来进行说明:就拿这个来说,当你随便在菜单上点击一项,我点击了第五个:然后就会实现页面跳转的效果,跳到另一个页面中去:看上去是不是很神奇?其实一点都不难,普通的页...原创 2019-02-25 21:50:19 · 18665 阅读 · 2 评论 -
编写js代码的技巧
在当今这个时代,网络技术越来越发达,各种各样的东西方便了大家对生活、对工作等方面的“运行”。但是随着时代的变化,很多东西都是会被淘汰掉的。就好比代码,凡是一个程序员都知道,编写代码最重要的就是花最少的代码运行出同样的效果。上面是我们学习前端基础所编写的原生JavaScript,第一眼的感觉就是很多重复的代码,很不简洁。这样子的代码运行的效率也不会很高。下面是简化后的代码:将一些重复的代码封...原创 2019-02-20 21:43:24 · 486 阅读 · 0 评论 -
数据库文件恢复挂起
身为一个程序员,每天都在和各种代码打交道,也时常遇到bug,或者是其它的一些毛病,这些都很习以为常,我今天就遇到了一件我没见过的问题。什么问题呢?是关于数据库的一个问题,如下图:我刚打开数据库,点开一看,恢复挂起是什么gui。。。唉算了,管它呢,先打开数据库再说。一点击,然后就弹出了一个错误信息:遇到这种情况,很多人都会想,恢复挂起嘛,就好像是脱机类似嘛,重新联机一下不就好了嘛。然后我示范了一...原创 2019-03-27 22:47:38 · 2184 阅读 · 2 评论 -
DOM节点的内部插入
运用jQuery可以让代码写的更精简,那我今天就来介绍几个通过使用封装DOM节点来实现效果的方法,例如:内部插入的方法。内部插入方法我所知晓的有四种:append()、appendTo()、prepend()、prependTo()。我将通过上面这个例子来进行说明(注:代码借鉴于老师)。设置了四个button按钮,每个按钮写一个增加元素的方法(以方法名为按钮命名)。append()方法是向所...原创 2019-04-07 22:00:33 · 473 阅读 · 0 评论 -
DOM节点的外部插入
DOM节点的插入是一个比较实用的方法,实际的运用中可以在不跨越 “规矩”的情况下随意插入数据,今天我就为大家讲一下外部插入。我所了解到的外部插入的方法有四种:after(),insertAfter(),before(),insertBefore()。我将通过上面的例子来对这四种外部插入节点的方法进行讲解(注:代码借鉴于老师)。分别给四个方法设置一个button按钮(以方法名为按钮命名),其次...原创 2019-04-07 22:04:39 · 352 阅读 · 0 评论 -
DOM节点的删除
插入元素的方法多种多样,在实际应用中也很常见,但是不可能只用插入元素的方法,就好像你在点外卖的时候手滑选错了商品,下意识的会去叉掉,这一个操作就是利用了删除节点的方法。原生的JS代码比较复杂,所以在编写代码时会用到一些插件,jQuery也是其中一种比较好用的一款插件,它提供了几种删除节点的方法:empty()、remove()、detach()。我用一个例子来进行讲解(代码借鉴于老师)。emp...原创 2019-04-16 08:13:36 · 1521 阅读 · 0 评论 -
Excel数据导入到数据库
Excel是用来存储表格数据的一个办公软件,但它无法保证数据的安全性,所以我们会把重要的数据存储到能够保证数据安全性的数据库里。但是对于未接触过数据库的人来说,使用数据库会比较麻烦;而Excel就比较直观,易操作。为了能够操作简单的将数据存到数据库中,所以做出了能够简单的将Excel里的数据直接导入到数据库里的方法。下面是将Excel数据导入到数据库的一个过程:1.实例化一个自己封装的一...原创 2019-04-16 21:46:51 · 246 阅读 · 0 评论 -
MVC的查询、新增
在ASP.NET MVC的学习中,接触的js代码会比较多,通常会和控制器方法一起使用,就好比给一个表填充数据或者添加一条数据,不仅要用到js代码,还要使用控制器的查询和新增方法。一、查询查询看似简单,实际上在对数据的任何操时作都会涉及的查询的方法,所以还是比较复杂的, 但对查询本身来讲还是很简单的,例如一个单表查询。首先要知道所查询的数据都是通过数据库导入存放项目之后实例化得来的,我习惯性...原创 2019-04-28 08:03:32 · 217 阅读 · 0 评论 -
MVC的修改、删除
在ASP.NET MVC学习中做一个项目时,会用到很多对数据处理的方式。比如你将一条数据添加到数据库里之后发现数据填写有误,或者是发现有条数据是不需要的,就要将数据更改或者删除掉。这就涉及到了修改和删除方法。一、 修改想要修改某一条数据,首先要找到那一条数据,才能进行修改的操作。这时候又会涉及到查询的操作。修改数据后肯定要知道修改结果怎么样,所以也需要实例化工具类反馈一个状态给使用者。(控...原创 2019-04-28 08:07:21 · 964 阅读 · 0 评论 -
富文本框图片的处理
富文本框是一个可以兼容多种数据的文本框,比如文字,图片,表格等。它是通过数据的转换将所有的文本转换成可以显示的格式。那具体是怎么去处理数据的呢?例如图片,我先对流程进行简单分析:创建一个实体类,判断文件是否为空,为空则提示, 不为空继续执行。获取文件的类型和名称,判断文件路径是否存在,不存在则创建,存在则继续执行。创建物理路径,判断文件类型是否为空,为空则提示,否则继续执行。将文件转换大小写,判...原创 2019-04-28 08:12:40 · 4435 阅读 · 0 评论 -
Word文件的上传
现在网路发展迅速,网上考试代替了传统的笔试考试,但试题还是需要上传的。使用表单提交将数据进行添加或上传,便捷了上传的操作,在实际项目中可不止添加几条或十几条数据那么简单,如果使用提交方式一条一条添加就比较麻烦,这时候我们就要使用Word文件上传的形式批量新增考题。Word文件的上传其实就是将Word文件转换成可以以html样式显示到页面。对于考题而言,主要就是分为题目、题干、选项和答案四个模块。...原创 2019-04-28 16:07:18 · 2766 阅读 · 3 评论 -
保存Word文件
网络的迅速发展,让网上考试替代了传统笔试考试。而网上考试所用的考题都是需要我们写入的,可考题并不是一条几十条那么简单,所以我们需要批量的上传。上传考题比较特殊,因为它并不像表格数据那样精简,而且格式不一,所以需要用word文件进行上传。上传,通过一些特殊的处理将文件以html的样式显示到页面上再进行保存。上传过程复杂,而保存过程同样复杂,下面我将对保存的流程进行分析:试题保存的主要流程分为五个大...原创 2019-05-08 17:15:07 · 154 阅读 · 0 评论 -
JavaScript计时器延时执行
在js(Javascript)中有一个很关键的函数代码叫做计时器,定时器有两种: 1.setInterval() ,2.setTimeout()。setInterval():按照指定的周期(以毫秒计)来调用函数或计算表达式。方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。setTimeout():在指定的毫秒数后调用函数或计算表达式。计时器的用途很广,将一句...原创 2019-01-17 11:07:01 · 5163 阅读 · 0 评论