
前端JS
hardly555
兴趣---->动力---->压力---->能力
展开
-
对JavaScript的dom元素的classList方法认识
1.target.classList.add("className")/remove("className")可以对目标元素增加一个类或者删除一个类2.target.classList.toggle.("className")可以相当于跟classList增加一个目标类的开关一样,原本有目标类的经过这个方法或删除,原本没有的经过这个方法的会增加目标类沙盒...原创 2020-10-30 19:26:54 · 1078 阅读 · 0 评论 -
Vue笔记与注意事项
1.在computed属性方法里面,娶不到this.$refs['pwd'] 即ref里面的东西原创 2019-05-16 16:14:54 · 169 阅读 · 0 评论 -
VUE keep-alive与非keep-alive 手动刷新页面
由于需求需要有时候需要刷新vue的某个页面,即手动再触发vue组件的钩子方法(created,mounted等),但是会有问题1.vue是根据组件名来加载页面的,如下组件没改变,人工再调用 this.$router.push(),也不会触发刷新。2.this.$router.go(0)可行,但是页面会变白,而且不支持动态路由,即原本在某个入口添加进来的路由由于并没有再次执行该添加路由的方法...原创 2019-04-26 11:50:27 · 7727 阅读 · 0 评论 -
JS的文件操作(文件选取或图片转Base64)
在网页浏览器,用js处理文件有两种方式,一种是input标签取得文件,另一种是直接拖拽文件到网页中即读取。1.在input组件中取得文件我的博客这里写了一个在vue中上传二进制文件的博客可参阅<input type=“file” name=“file” accept=".jpg, .jpeg, .png" @change=“uploadAvatar”>//操作文件的方法up...原创 2019-03-13 11:47:06 · 1007 阅读 · 0 评论 -
chrome F12调试中选定元素激活鼠标事件
在谷歌调试f12中,有时需要选定dom内元素并查看其在某一状态的样式如鼠标悬停时候的样式,这里做记录F12》》选中元素》》在元素标签头右键此时在查看style即可查看hover时的样式。另一种方法先选择下面再选择dom元素即可。参看Stack Overflowhttps://blog.youkuaiyun.com/llxjw2011/article/details/18762615...原创 2019-02-12 10:44:54 · 3998 阅读 · 1 评论 -
express(后台)+vue(前端)使用express-session插件使每次请求带cookie
一个需求:用户登录,登陆之后保存cookie,使得用户的状态在前端与后台都能保存(即每次请求都能区分是对应用户). 前提: 1.express使用中间件。app.use(cookieParser());//express-session插件需要到cookie-parser// session 中间件app.use(session({ name: config.session...原创 2018-08-13 15:31:03 · 2521 阅读 · 0 评论 -
vue+axios(前端)node+express(后台)使用formdata上传图片
需求前因:平常普通的HTML中我们上传文件大多在标签内使用直接submit整个表单,现如今我们不能使用标签,如何只是用实现上传文件呢? 实现需求需要解决的问题: 1.如何在js逻辑中取得文件? 2.以什么形式上传? 3.后台如何接收?前台代码:(如何取得文件实体,以FormData形式用axios上传)<template> <div> ...原创 2018-08-06 09:31:59 · 4577 阅读 · 18 评论 -
win环境下MongoDB安装与配置成auth验证服务
今天重新安装了MongoDB(Windows),并且想要把它配置成需要验证用户密码的服务。 1.官网上获取msi文件并安装 MongoDB社区版 下载完成后直接运行msi文件 注意要选择custom 之后就一直next即可(记得不要勾选install compass【图形化工具】,勾选的话安装很慢)本人是安装到D:/MongoDB文件夹 测试验证: win...原创 2018-07-24 18:05:20 · 3552 阅读 · 0 评论 -
cordova使用fileOpener2打开刚下载好的APK时报there was a problem pasring the package
结果: 导致结果的原因: 当使用cordova-plugin-file-transfer下载apk时 使用的存储的路劲有问题 错误代码如下 window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fs) { fs.root.getFile(fileName, { creat...原创 2018-06-02 10:28:11 · 2279 阅读 · 3 评论 -
js方法格式化数字,加入千分符,并可以指定小数点位数,支持负数
//js方法格式化数字,加入千分符,并可以指定小数点位数function number(s, n) { n = n >= 0 && n <= 20 ? n : 2; s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + ""; var l = s .split(".")[0]原创 2018-05-02 09:36:24 · 1429 阅读 · 0 评论