自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

FREE-FLY的博客

技术展示

  • 博客(50)
  • 收藏
  • 关注

原创 使用go.js实现企业部门拓扑图

主要使用go.js/vue.js/jquery.js 实现企业部门结构拓扑图。展示页面:https://eight1302.github.io/CRM_xbb/view/structure/structure.html页面效果:   页面代码: <section class="col-md-12"> <el-col id="myDiagram...

2018-12-20 17:56:27 1617 1

原创 vue 使用element-ui实现table表单列展示与隐藏

详细代码:github上查看方式查看窗口在公司做vue 动态设置element中table表单列的展示方式,点击复选框选中时,表单对应的显示,补选中时,隐藏,因为在网上找相关案例,没有一个比较合适的解决方法,所以自己按照自己的方法去实现此相关功能,希望对大家有帮助。页面table表单对应的展示与隐藏首次默认把需要展示的数据保存到浏览器的localstroang中...

2018-09-30 17:23:44 82313 12

原创 bootstrap table 编辑列的根据条件 添加背景色

{ field:'gmt_create', title:'创建日期', formatter:function(value,row,index){ return row.gmt_create?row.gmt_create.substring(0,19):'-';...

2018-06-05 15:02:14 13344 3

原创 官网首页

此前端demo是一个前端面试题,是一个动态的前端demohttps://eight1302.github.io/lanhu/view/ms.html。连接路径

2018-04-13 17:52:24 724

原创 jquery前端评论插件模板

查看路径:https://eight1302.github.io/comments/view/index.html源代码:https://github.com/eight1302/commentsjs代码:$(".btn_send").on('click',function(){ var now = time() //获取评论信息 var text_send = $("#text_send").v...

2018-03-07 18:00:08 7485

原创 前端知识分享

1、判断变量的类型:typeof(data) === "类型"? true : false;2、2-1、去除字符串空格: 去除所有空格:str = str.replace(/\s*/g,""); 去除两头空格: str = str.replace(/^\s*|\s*$/g,""); 去除左空格:str = str.replace(/^\s*/,""); 去除右空格:str str.replace(...

2018-03-06 15:41:23 2389

原创 使用angular实现购物车列表

查看路径https://eight1302.github.io/angular/index.html<body ng-app> <div style="margin-left:auto; margin-right:auto; width:600px; padding-top:30px">    <input  type="text" name="" value="&q

2018-03-05 17:53:29 451

原创 使用VUE实现后台管理的前端操作页面

查看路径:https://eight1302.github.io/VUE-UI/view/home/index.html代码下载https://github.com/eight1302/VUE-UI此为页面展示,希望对大家有帮助,仅供参考!此模板适应移动端的屏幕,手机屏、ipad等,希望对大家有帮助。...

2018-03-02 18:54:54 13132 3

原创 前端插件

主要是做分页做了一些小的功能,添加了批量删除、全选、反选以及消息提示。是对分页进行修改查看方式具体代码可以再我的github上看。GITHUB连接路径

2018-01-31 09:39:18 266

原创 jquery实现前端分页、select筛选框、查询条件展示效果

jquery实现前端分页、select筛选框、查询条件展示效果:以前做的筛选条件是用很笨的方法实现的,如果筛选条件(select)的value值超多的话,我使用的是switch循环的方法,导致代码冗余,最多需要几百行代码或上千行代码实现功能需求,代码质量很低。现在使用的是自己写的函数封装的方法,只是js代码最多也就150多行,实现分页、select筛选框、查询条件,希望对前端初级开发人员和前端小白

2018-01-29 16:53:07 12257

原创 jquery+ajax+json的分页效果

js部分//分页展示数据var page = 10;//页面title(标题展示)var title = '序号'+'名字'+'年龄'+'毕业院校'+'学习专业'+'操作';$(".title").append(title);$.getJSON({      type: "GET",    url:"../js/date.json",  

2018-01-24 12:19:46 1514

转载 音乐播放器

点击打开链接

2018-01-23 15:44:31 225

原创 FREE-FLY 博客后台(vue2.0)

实现在后端添加信息,博客前端展示信息(游客可看到的信息)具体路径:https://eight1302.github.io/blog_back/myblog/login.html用户名:admin;密码123456

2018-01-23 13:16:09 703

原创 个人博客前端框架

使用vue实现我的个人博客,连接路径:https://eight1302.github.io/blog/blog/view/home/index.html

2018-01-20 18:48:19 8846 1

原创 使用VUE做的个人简历

简单使用vue实现的单页面demo,希望对大家有帮助!连接查看地址:https://eight1302.github.io/my_resume/my_resume/view/resume.htmlhtml部分<!DOCTYPE html><html>    <head>        <meta charset="utf-8"> ...

2018-01-14 17:15:44 30985 1

原创 微信电商小程序

相关的代码在github上 https://github.com/eight1302/wxdemo相关视频:https://eight1302.github.io/wx/wxkf/20190212-140608.mp4

2019-02-12 14:36:18 932

原创 使用webSQL处理的前后端项目

请求路径:https://eight1302.github.io/personJOB/myprojetct/view/login.html账号,密码,没有,则在登录时,相关数据就注册到数据库中。项目功能模块在逐渐开发。...

2019-01-14 17:00:51 652

原创 echarts 图表添加点击事件

var mychartsale= echarts.init(document.getElementById('main')); option = { title: { text: '' }, tooltip: { trigger: 'axis',...

2019-01-04 16:41:28 32841 1

原创 多级类目展示

相关代码:https://github.com/eight1302/hydp1、三级类目处理: /*定义三级分类数据*/ //一级分类 function lmshow(data){ for(var i=0;i<data.length;i++){ if(data[i].level == 1){ ...

2018-12-28 17:46:16 1339

原创 echarts 折线图 时间段展示,日期缺失,前端进行数据填充以及去重操作

//数据处理 //数据处理 function showData(datashow,timeData){ var data1 = new Array(), //交易指数 data2 = new Array(), //交易增长指数 data3 = new Array(), //支付转化指数 ...

2018-12-28 17:41:22 15327 3

原创 js获取url的参数问题

//截取url参数getQueryString : function(name){//获取url参数var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');var r = window.location.search.substr(1).match(reg);if (r != null) ...

2018-12-19 15:00:34 156

原创 前端处理在htm、css、js添加版本号

第一步:需要安装node.js第二步:下载gulp第三步:修改gulpfile文件:第四部:文件详情:gulp-autoprefixer//npm install --save-dev jshint gulp-jshintvar gulp = require('gulp'), // 必须先引入gulp插件 del = require('del'), // 文件删除...

2018-11-21 14:40:32 1349

原创 如何将字符串展示到table某列中展示

请求到的数据是展示到页面的呈现效果: 处理思路:处理思路:1、把请求的数据进行对应的特殊字符串进行处理,处理成数组2、把此数组在赋值到当前请求的对象的对应的值,变相修改数据结构3、页面展示,我的页面查询的方式是使用vue 绑定展示的效果 //表单数据处理主要是对sku处理 showTable : function(data){ var spu...

2018-11-20 17:59:30 937

原创 jquery 父子页面传参的解决方案

父页面相关:按钮:<button class="btn tab btn-default" value="1" id="tz" style="height: 35px;width: 135px;">跳转</button>js逻辑:$('#tz').on('click',function(){ window.open('xxxx?data=1

2018-11-01 16:52:09 1427

原创 vue 使用echarts

需要echarts 相关插件 :<script src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>html相关代码:<!--仪表板展示--><section class="col-md-12" style="margin-top: 60...

2018-10-25 13:45:43 607

原创 jquery 多维度条件筛选以及页面刷新展示

同一个维度单选请求地址:https://eight1302.github.io/jquery-CX/aidecision/bagData.html同一个维度多选,请求地址:https://eight1302.github.io/jquery-CX/aidecision2.0/bagData.html实现代码核心代码:把数据遍历成合适的json对象 function hqwdDat...

2018-10-18 10:07:34 1012

转载 用localStorage来存储数据的一些经验

用localStorage来存储数据的一些经验 localStorage:是一种你不主动清除它,它会一直将存储数据存储在客户端的存储方式,即使你关闭了客户端(浏览器),属于本地持久层储存sessionStorage:用于本地存储一个会话(session)中的数据,一旦会话关闭,那么数据会消失,比如刷新。 localStorage与sessionStorage具有相同的A...

2018-10-10 11:47:31 711

原创 设置任务的功能页面

页面展示查看效果js,判断展示效果$("#repeat_mode").change(function(){                var static = $("#repeat_mode").val();                switch (static){                    case "从不重复" :                     ...

2018-08-01 15:56:49 1167

原创 筛选条件以及请求数据打包

需要私有jquery以及bootstraphtml页面部分  <div class="screen"><div class="col-md-12" style="height: 40px;line-height: 40px;"><span style=" font-size: 18px;">筛选条件</span&am

2018-08-01 15:04:52 232

原创 ifrem框架,动态刷新页面的操作

菜单相关js动态展示页面:(function(){  var nav = [{    "name":"职员","list":[{      "name":"首页",      "src" : "index_mr.html",      "fa" : "fa fa-dashboard"    },{ 

2018-08-01 14:51:59 1355

原创 前端分页

/** * creat 2018/7/10 by xiaominzhang * 项目列表展示 */var wrapObj = {  changeTable:function(){}};var task = "http://test.runhemei.com/task/";var $projectTable = $('#projectTable'),$projectClass = $...

2018-07-26 10:24:14 475

原创 前端拖拽原型

<!DOCTYPE HTML><html><head><style type="text/css">#div1{float:left; width:198px; height:66px; margin:10px;padding:10px;border:1px solid #aaaaaa;} .one{ width: 100%;     height...

2018-06-28 11:30:44 1152

转载 前端js相关资料

编写自己的代码库(javascript常用实例的实现与封装)https://segmentfault.com/a/1190000010225928

2018-06-20 15:38:58 172

转载 vue 相关前端框架

https://www.iviewui.com/docs/guide/install点击此链接,学习前端框架。

2018-06-20 14:22:54 243

原创 web前端下载excel文件

需要的插件 jquerybootstrap table/ tableExport.jquery.plugin.js 插件 //html代码<div class="col-md-12" style="height: 0;overflow: hidden;">    <table id="rateTrackExcel" class="table table-striped tabl...

2018-06-14 12:46:49 3670

原创 table表单判断点击数据

var day_news,day_one,day_two,day_three,day_four,day_five,day_six,day_seven; var arr = [],arr1 = [],arr2 = [],arr3 = [],arr4 = [],arr5 = [],arr6 = [],arr7 = []; arr.splice(0,arr)...

2018-05-24 17:16:55 506

原创 根据日期变化,展示到bootstrap table 表头字段动态变化,展示前七天 后七天按钮

访问路径      //前七天    $time_left.on('click',function(){        new_days=getDate(-7);        $mcStartDate1.val(new_days);        va_day1=getBeforeDate(new_days,0);        va_day2=getBeforeDate(new_days,1)...

2018-05-12 12:29:07 2081 6

原创 浏览器完整请求流程

1、域名解析。2、发起TCP的3次握手。3、建立TCP连接后,http请求。4、服务器响应http请求,浏览器得到html代码。5、浏览器解析html代码,并请求html代码中的资源。6、浏览器对页面进行渲染且呈现给用户。...

2018-03-06 15:38:59 253

转载 Web前端面试题

JavaScript部分JQurey部分HTML/CSS部分正则表达式开发及性能优化部分本篇收录了一些面试中经常会遇到的经典面试题以及自己面试过程中遇到的一些问题,并且都给出了我在网上收集的答案。马上就要过春节了,开年就是崭新的一年,相信很多的前端开发者会有一些跳槽的悸动,通过对本篇知识的整理以及经验的总结,希望能帮到更多的前端面试者。(如有错误或更好的答案,欢迎指正,水平有限,望各位不吝指教。:...

2018-02-26 14:18:08 844

原创 点击按钮,动态添加信息Jquery

html代码:<div class="add_new"><span class="fa fa-child add_child" style="font-size: 20px;"></span><span>添加子项</span></div>js代码:$(".add_new&q

2018-02-26 14:12:51 403

空空如也

空空如也

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

TA关注的人

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