
前端
文章平均质量分 50
业余前端
cheniie
这个作者很懒,什么都没留下…
展开
-
巧用字体图标实现加载效果
在前端开发中,如果想要实现简单的爱的魔力转圈圈似的加载效果,可以试试一款叫做奥森图标的字体来实现。官网:https://www.thinkcmf.com/font_awesome.htmlfa-spin类可以加旋转特效。fa-nx类可以加放大特效,其中n可以是2,3,4,5.fa-pulse类可以实现8步旋转,效果上就是不那么丝滑了。加载中示例:<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i>卡卡的旋转:<i原创 2022-05-24 21:00:02 · 363 阅读 · 0 评论 -
bootstrap-fileinput分片上传
bootstrap-fileinput是基于bootstrap的文件上传插件,在5.0版本中新增了分片上传功能,注意,一定要大于等于5.0的版本才有分片上传的功能!对于需要上传大文件,但是NG网关又无法放开包大小限制的情况,就可以使用分片上传。开启分片上传使用分片上传功能需要在bootstrap-fileinput的初始化中加入以下配置:enableResumableUpload: true,resumableUploadOptions: { testUrl: "/site/test-file-c原创 2022-04-10 16:58:46 · 1564 阅读 · 5 评论 -
DataTables使用技巧小记
reload回调var table = $('#example').DataTable({ //表格初始化});table.ajax.reload(function (json) { //json是服务端返回的数据});使用场景:重新加载表格的同时需要显示一些额外的信息,比如分类统计信息。初始化回调var table = $('#example').DataTable({ //表格初始化 initComplete: function() { //表格初始化完成后执行,re原创 2022-03-09 12:08:36 · 618 阅读 · 0 评论 -
时间日期选择器(bootstrap-datepicker)
推荐一个bootstrap的时间日期选择插件bootstrap-datepicker。引入插件下载好插件后解压,把dist目录拷贝到你项目目录下。接下来需要引入css和js。<!--datepicker--><link rel="stylesheet" href="${ctx}/datepicker/css/bootstrap-datepicker.css"><link rel="stylesheet" href="${ctx}/datepicker/css/boo原创 2021-12-23 12:30:04 · 3058 阅读 · 1 评论 -
Electron从入门到放弃
真就入门直接劝退。一个非专业前端的初步尝试。????官网????首先你需要有node何npm环境。然后创建一个文件夹,执行下面的命令初始化项目。npm init -ynpm i --save-dev electron第一条命令会创建package.json文件,第二个命令则会创建node_modules目录,并下载Electron依赖,但是这个命令会报错。这是第一次劝退,还没入门就开始劝退。没啥好办法,换镜像源,或者用cnpm多试它几次,哎,居然就好了。接下来是创建main.js和ind原创 2021-03-28 17:19:34 · 803 阅读 · 1 评论 -
HTML上传文件
文件上传表单:<form action="/" method="post" enctype="multipart/form-data"> <div><input type="file" multiple="multiple" accept="image/*" name="image"></div> <div><input type="submit" value="上传"></div></form&g原创 2021-02-15 01:28:54 · 17640 阅读 · 0 评论