github_37373329的博客

原创 前端js IOS设备机型的识别

(function () { var canvas, gl, glRenderer, models, devices = { "Apple A7 GPU": { 1136: ["iPhone 5", "iPhone 5s"], 2048: ["iPad Air", "iPad Mini...

原创 Vue自定义全局加载层

原创 axios跨域请求后台验证码时出现后台session为空的解决办法

我们知道“axois”是ajax的替代品，他支持promise链式调用，同时他也遵循ajax的同源策略。 最近用vue做一个前后台分离的系统时，在开发环境下就出现了跨域的问题，于是在Java的代码中需要加这个： Httpservletkesponse response = (Httpservletkesponse) ; //添加跨域CORS response.setHeader("...

原创 用vue实现两级联动select

最近客户有一个需求：讲“常用短信”按照按照分组进行管理，选择一级分组的名称，显示这个父级分组的底下的所有常用短信内容，再选择子分组，精确显示这个子分组底下的常用短信。 先贴代码吧：<template> <div> <headertop :leftFont="$router.name" ></headertop&gt...

原创 router-link样式问题，在列表中保留一个router-link-active类

最近在使用vue时发现router-link会出现两个激活类的问题如图：我的路由配置如下：export default new Router({ routes: [ { path: '/', name: 'Home', component: Home }, { path: '*', name: ...

原创 webpack打包基础

对于webpack打包的理解：webpack是实现模块化开发的工具，他能自动处理js之间的依赖关系，将多个js模块打包成一个小的js文件，通过引入这个打包后js脚本来实现你所需要的功能。它依赖于node环境以及它的包管理器。他的语法规范基于CommonJS。下面总结一下思路步骤以作记录：新建一个项目文件夹（这里我叫做webpackBundle）进入到刚刚新建的文件夹（webpackBu...

原创 ajax上传文件以及实现上传进度条

做微信企业号的时候，在‘我的日志'功能模块里边需要添加一个上传文件的功能，并且要显示上传过程中的进度条和提交后的文件名列表，于是做了基于ajax的文件上传，UI用的是MUI框架，后台是TP框架前端代码如下： 选择文件 div id="file-list"> 确认   取消 $(function(){ /

原创 纯js读取txt,xlsx，csv，xls文件

为了减少服务器的压力，需要前端读取文件数据，然后自己拼接分批提交给后台，这里将读文件记录下来 读取文件 String.prototype.trim=function(){ //给字符串添加一个去前后空格的方法 return this.replace(/s|xA0/g,""); } window.onload=function(){ var file=

原创 vue中props传值

props是实现父组件传递消息给子组件的，子组件不能通过这个传值给父组件用法如下:parent.vue（这是父组件d） export default { name: 'app', data () { return { msg: '书屋', search:false, messag

原创 papaparse.js读取csv文件在火狐上乱码问题

最新有一个需求是读取远程服务器上的csv文件并提供下载的功能！后来我在网上找到了papaparse.js这个插件！他的却很强大，既能读远程文件还能读本地文件！但是我发现他在火狐浏览器上运行的一个bug！只要在火狐上读取，中文就会乱码！ 后来我看了看他的源码发现，他是在新建xmlhttpRequest对象之后，发送一个ajax请求的返回值那里就出现了乱码？观摩了这篇文章[关于xmlhttpReq

原创 下拉加载

对于新加的列表监听的事件，应该紧接在追加了节点之后监听，不然非得滚动一下才有监听的事件

原创 关于对瀑布流布局的思考

对于参差不齐的瀑布流布局，大致有布局实现的方法：1，利用js 2，利用css3的column 不过考虑到用户的体验，还是用js插件！js插件： 先导入jquery.masonry.min.js文件，DOM结构也就是一个列表加容器见上边贴的代码 比如要两列布局的话，li的宽度应该是百分之40多，也就是这么点样式了，masonry插件会将列表自动定位成瀑布流，然后追加数据的时候再重新调用那个算法，css：就是用column的新属性，实现两列布局，不过css这种方法是从左往右排版的，不太适合用户的体验