随笔分类 -  js

[PHP] layui实现多图上传,图片自由排序,自由删除
摘要:实现效果如下图所示: 实现代码: css代码 <style> .layui-upload-img { width: 90px; height: 90px; margin: 0; } .pic-more { width:100%; left; margin: 10px 0px 0px 0px;} .p 阅读全文
posted @ 2020-02-09 19:02 潇潇六月雨 阅读(767) 评论(0) 推荐(0)
jQuery Migrate
摘要:应用迁移辅助插件jQuery 版本之间有区别。比如1.9版本对于 live(),die(),toggle(),sub(),$.browser 等等都已经不支持了。 在不改变你网站代码的同时,要使用 1.9 之后的版本,你需要使用 jQuery migrate(转移、过度),详见 http://blo 阅读全文
posted @ 2019-12-25 10:00 潇潇六月雨 阅读(1017) 评论(0) 推荐(0)
layui 数据表格自适应高度
摘要:添加css .layui-table-cell { height: inherit; } .layui-table-cell { height: inherit;} 阅读全文
posted @ 2019-12-20 19:34 潇潇六月雨 阅读(6088) 评论(0) 推荐(1)
vue+elementui搭建后台管理界面
摘要:1 会话存储 使用html5的 sessionStorage 对象临时保存会话 // 保存会话 sessionStorage.setItem('user', username) // 删除会话 sessionStorage.removeItem('user', username) 2 将所有未登录会 阅读全文
posted @ 2019-12-07 19:53 潇潇六月雨 阅读(1890) 评论(0) 推荐(0)
vue中 localStorage的使用方法(详解)
摘要:vue中实现本地储存的方法:localStorage,在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在 阅读全文
posted @ 2019-12-06 18:32 潇潇六月雨 阅读(11838) 评论(0) 推荐(0)
blucesun 解决npm报错:Module build failed: TypeError: this.getResolve is not a function
摘要:1、sass-loader的版本过高导致的编译错误,当前最高版本是8.x,需要退回到7.3.1 运行: npm uninstall sass-loader(卸载当前版本) npm install sass-loader@7.3.1 --save-dev 2、如果上面的方法不行,或者又产生其他相关的错 阅读全文
posted @ 2019-12-06 18:26 潇潇六月雨 阅读(334) 评论(0) 推荐(0)
Vue如何在webpack设置代理解决跨域问题
摘要:在开发过程中我们请求数据有时候调用的是第三方接口,此时便会遇到一个问题:跨域限制。对于跨域问题的解释就不详细叙述了,要了解的请自行百度。一般跨域问题控制台会报这个错: 很多情况下后台会给我们做请求代理,当后台没有帮你的时候只能自己解决了,Vue-cli这里我用的是webpack,那么我们需要在web 阅读全文
posted @ 2019-12-06 15:22 潇潇六月雨 阅读(757) 评论(0) 推荐(0)
gyp ERR! stack Error: EACCES: permission denied, mkdir问题解决方案
摘要:sudo npm i --unsafe-perm 原因还是权限问题 就是说 npm 出于安全考虑不支持以 root 用户运行,即使你用 root 用户身份运行了,npm 会自动转成一个叫 nobody 的用户来运行,而这个用户几乎没有任何权限。这样的话如果你脚本里有一些需要权限的操作,比如写文件(尤 阅读全文
posted @ 2019-12-05 20:26 潇潇六月雨 阅读(1763) 评论(2) 推荐(1)
npm ERR! missing script: build
摘要:webpack-bundle-analyzer webpack可视化插件,用来查看一共打了多少个包,每个包的体积和包里面的情况。启动查看 1 npm run build --report 结果报错npm ERR! missing script: build,后来发现package.json中scri 阅读全文
posted @ 2019-12-05 14:19 潇潇六月雨 阅读(1817) 评论(0) 推荐(0)
npm install 报错,提示`gyp ERR! stack Error: EACCES: permission denied` 解决方法
摘要:m install 报错,提示gyp ERR! stack Error: EACCES: permission denied 猜测可能是因为没有权限读写,ls -la看下文件权限设置情况 [root@root vendors]# ls -la drwxr-xr-x 307 root root 122 阅读全文
posted @ 2019-12-05 09:56 潇潇六月雨 阅读(2100) 评论(0) 推荐(0)
vue-cli 4 安装与 新建项目 路由
摘要:环境: windows: 10 vue-cli: 4 编辑器: vsCode npm: 6.11.3 #去nodejs网安装https://npm.taobao.org/mirrors/node/v12.12.0/node-v12.12.0-x64.msi 1.安装 : >npm install - 阅读全文
posted @ 2019-12-05 08:12 潇潇六月雨 阅读(5171) 评论(0) 推荐(0)
引用(ajaxfileupload.js) ajaxfileupload.js报这错jQuery.handleError is not a function
摘要:jQuery.handleError is not a function 原因是,经测试handlerError只在jquery-1.4.2之前的版本中存在,jquery-1.6 和1.7中都没有这个函数了,因此在1.4.2中将这个函数复制到了ajaxFileUpload.js中,问题解决 hand 阅读全文
posted @ 2019-11-07 17:47 潇潇六月雨 阅读(281) 评论(0) 推荐(0)
input file里的JQ change() 事件的只生效一次
摘要:文件选择框的onchange事件只在第一次改变时生效,以后再选择文件不会触发onchange事件。 解决方法1:用jQuery的live代替直接使用change。 错误代码: $("#UploadFile").change(function(){ //do someing }); 正确代码: $(" 阅读全文
posted @ 2019-11-07 17:41 潇潇六月雨 阅读(704) 评论(0) 推荐(0)
jQuery+Ajax实现图片的预览和上传
摘要:jQuery+Ajax实现图片的预览和上传 1、配置Spring-web.xml <!-- springmvc上传图片 --> <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsM 阅读全文
posted @ 2019-11-07 16:04 潇潇六月雨 阅读(945) 评论(0) 推荐(0)
ajaxupload.js调用始终进入error回调
摘要:现象:脚本调用成功,文件上传也成功,但是始终进入error的回调函数。 1. ajaxfileupload.js jQuery.extend({ handleError: function( s, xhr, status, e ){ // If a local callback was specif 阅读全文
posted @ 2019-09-15 17:50 潇潇六月雨 阅读(339) 评论(0) 推荐(0)
Array.prototype
摘要:Array.prototype 属性表示 Array 构造函数的原型,并允许您向所有Array对象添加新的属性和方法。 描述节 Array实例继承自 Array.prototype 。与所有构造函数一样,您可以更改构造函数的原型对象,以对所有 Array 实例进行更改。例如,可以添加新方法和属性以扩 阅读全文
posted @ 2019-08-04 15:21 潇潇六月雨 阅读(527) 评论(0) 推荐(0)
Airbnb JavaScript 编码风格指南(2018年最新版)
摘要:原网址 : https://segmentfault.com/a/1190000013040555 类型 基本类型:直接存取 string number boolean null undefined symbol symbol 类型不能完全polyfilled,所以请谨慎使用 复杂类型: 通过引用的 阅读全文
posted @ 2019-07-14 17:12 潇潇六月雨 阅读(296) 评论(0) 推荐(0)
Webpack3.X版 学习全文
摘要:如果你webpack用的是4.x版本,此文章部分知识有所改动,所以学习时尽量使用3.x的版本。 本文讲解的是Webpack3.0+的知识,努力做到全网最好的webpack3.0教程。文章通过一个半月的时间创作完成,共二十四小节,将近四万字,并根据文字教程录制了对应的视频教程(48元24节,350分钟 阅读全文
posted @ 2019-07-10 16:54 潇潇六月雨 阅读(224) 评论(0) 推荐(0)
webpack webpack.config.js配置
摘要:安装指定版本的webpack npm install webpack@3.6 -g 安装live-server 运行项目插件 输入live-server 运行后自动打开网页 npm install -g live-server webpack.config.js const path = requi 阅读全文
posted @ 2019-07-10 14:33 潇潇六月雨 阅读(773) 评论(0) 推荐(0)
webpack 学习
摘要:初始化项目 npn init 安装项目 npm install --save-dev webpack 先安装node.js 可以安装淘宝镜像 cnpm 下载包的速度更快一些。 地址:http://npm.taobao.org/安装cnpm: npm install -g cnpm --registr 阅读全文
posted @ 2019-07-09 16:38 潇潇六月雨 阅读(143) 评论(0) 推荐(0)