因为自己需要做产品，所以一个好的UI界面也是很重要的，发现这种散射的原子颗粒特效还不错，就弄了一个 官方github：https://github.com/VincentGarreau/particles.js/ demo制作器，注意可能需要FQ https://codepen.io/VincentGarreau/pen/pnlso 这个可以把你制作的demo导出 http://vincentgarreau.com/particles.js/这个可以用来尝试配置不同效果 使用方法 加载particle.js并配置粒子： index.html <div id="particles-js"></div>...
webpack，我想大家应该都知道或者听过，Webpack是前端一个工具,可以让各个模块进行加载,预处理,再进行打包。现代的前端开发很多环境都依赖webpack构建，比如vue官方就推荐使用webpack.废话不多说，我们赶紧开始吧. 第一步、安装webpack 新建文件夹webpack->再在webpack下面新建demo->命令行切换到demo目录，使用npm init --yes 初始化项目的package.json文件，然后执行npm install webpack --save-dev第二步、全局安装webpack(3.5....
背景 笔者之前一直使用 bootstrap table ，因为当前项目中主要使用 Layui 框架，于是也就随了 Layui table ，只是在使用的时候出现了一些问题，当然也是怪自己不熟悉的锅吧！ 出现的问题： 1、使用 Layui 官方提供的 【转换静态表格】 方式初始化加载时报 id 找不到的错误（自己的锅） 2、传递参数问题（姑且算是 Layui 官方的锅） 笔者使用的 table 加载刷新方案 有一个页面，左侧是一个 tree，右侧是一个 table，默认 table 加载...
vue中，我们构建单页面应用时候，一定必不可少用到vue-router vue-router 就是我们的路由，这个由vue官方提供的插件 首先在我们项目中安装vue-router路由依赖 第一种，我们提供命令行来安装 npm install vue-router --save 第二种，我们直接去官方github下载 https://github.com/vuejs/vue-router 路由参数设置 1，实例化一个路由，然后路由映射表中的地址带参数,这个参数就是路由的参数 接着给映射表中的路由设置一个name值 语法 ...
1、父组件向子组件传递参数 class Child extends Component {componentDidMount(){let name = this.props.default;console,log(name);}render(){const { default} = this.props;return (<Input />)} } import React, { Component } from react; import Child from ./Child;class Parent extends Component {state = {name: Bob}render() {return (<div><Child default={this.state.name} /></div>)} }2、子组件向父组件传递参数 cl...
利用参数的个数实现重载，马上想到的方法就是 function overload(){ switch(arguments.length){ case 0: console.log("一个朋友都没有"); break; case 1: console.log("有一个朋友"); break; case 2: console.log("有两个朋友"); break; case 3: console.log("有三个朋友"); break; case 4: console.log("有四个朋友"); break; //等等 } } 这种方式能实现重载，但是这样的代码比较长，实际开发中情况有时候会很多。所以我们可以用下...
场景最近在工作中遇到一个需求，有个页面 a.vm，对 ajax 请求的结果进行判断后，获取结果里面的数据传递给一个 URL（b.htm），跳转到新的页面 b.htm。 遇到的问题因为一开始是 GET 请求，所以当传递的数据过大的时候，会报错 nginx 414 request-uri too long客户端请求头缓冲区大小，如果请求头总长度大于小于128k，则使用此缓冲区client_header_buffer_size 128k;请求头总长度大于128k时使用 large_client_header_buffers 设置的缓...
前言 众所周知vue中使用路由的方式设置url参数，但是这种方式必须要在路径中附带参数，而且这个参数是需要在vue的路由中提前设置好的。相对来说，在某些情况下直接在url后面拼接？mid=100的方式传递参数更灵活，你不需要设置路由，只需要在url后拼接参数即可，但是这种方式就需要通过javascript获取并提取url中的参数，通过传统的方式直接在页面中获取是行不通的了，因为vue中是无法通过location.search()来获取url问号之后的内容的...
显示具体时间时分秒： timePicker设置为true，//有些资料写的pickerTime不太对 重点大坑：修改时间默认展示格式,把fomat写在locale中，网上很多资料说直接写在daterangepicker属性中，这样是不生效的。 起止时间可以设置为具体年月日也可以生成当前日期（new Date() 或者 moment（）【moment（）方法为moment.js获取当前时间的函数】） $(“#dateid”).daterangepicker({startDate: moment(),// 2013-01-01,maxDate:new Date(),en...
废话不多说了，直接给大家贴代码了，具体代码如下所述： var path = www.u.com/home?id=2&type=0&dtype=-1; function parseUrl(url){var result = [];var query = url.split("?")[1];var queryArr = query.split("&");queryArr.forEach(function(item){var obj = {};var value = item.split("=")[0];var key = item.split("=")[1];obj[key] = value;result.push(obj);});return result; } console.log(parseUrl(path)); //[{id: 2...
废话不多说，直接上代码 //1.定义全局变量 var iStart = 0, searchParams={};//2.配置datatable的ajax配置项 "ajax": {"url": "/user/query","type": "POST",//动态请求参数设置，会应用到每次请求"data": function (d) {//删除多余请求参数for(var key in d){if(key.indexOf("columns")==0||key.indexOf("order")==0||key.indexOf("search")==0){ //以columns开头的参数删除delete d[key];}}//附加查询参数if(searchParams){$.ext...
今天在给元素注册事件的时候，使用addEventListener遇到了一个问题，这个好像之前也遇到过，觉得有必要总结一下，就是js函数作为参数引发的问题。首先看以下代码，觉得下面代码有问题吗？是否能达到点击id3对应的元素后，弹出id3呢？例1 var obj3=document.getElementById(id3); obj3.addEventListener(click,curClick(id1),true); function curClick(id){ alert(id); } 答案是否定，不能达到我想要的效果，因为这行代码在页面加...
项目中经常遇到获取上个页面跳转过来获取当前的参数 //获取地址栏参数，name:参数名称function getUrlParms(name){var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");var r = window.location.search.substr(1).match(reg);if(r!=null)return unescape(r[2]);return null;} var id = getUrlParms("id");上述方法可以获取地址栏传过来的id，还可以这样写 function getRequest() {var url = window.location.search; //获取url中...
一、概述 前面的章节我们讲解了webpack的安装、webpack.config.js的 基本配置、webpack执行命名以及require方法的使用，不 知道大家有没有发现，当我们每次修改或者新增一个js文件的时候，就会重新执行一下webpack 命令进行编译，这种方式非常的麻烦，这样整个项目下来岂不是要执行百万次。接下来我们会讲解webpack相关的参数，避免这个情况。 二、参数详解 在webpack执行命令之后可以添加一些参数，这些参数都有自己的作用，下面是...
场景：vue-router实现的单页应用，登录页调用登录接口后，服务器返回用户信息，然后通过router.push({name: index, params: res.data})传给主页组件，并在主页显示数据。但是刷新页面后，数据就消失了。 解决方案： 1、session&服务器渲染 传统的方案是，登录页和主页是单独的两个页面，登录成功后服务器生成用户信息对应的session，然后渲染主页数据，并通过响应头将sessionid传给浏览器并生成相应的cookie文件。这样下次请求页面...