随笔分类 -  javascript

vue2升级vue3指南（一）—— 环境准备和构建篇
摘要：1、nodejs和npm 注意二者的版本，版本过低需要升级，本人升级后的版本如下： $ node -v v16.15.1 $ npm -v 8.11.0 2、package.json 和依赖升级 由于我的项目采用的原架构是vue2+vant2+sass+axios+webpack，且项目是通过vue 阅读全文
posted @ 2022-07-11 11:29 silencetea 阅读(7134) 评论(0) 推荐(2)
一些好用的javascript/typescript方法封装分享
摘要：1、数字格式化 JS版-直接写到原型链上 /** * @author: silencetea * @name: * @description: 数字格式化，默认每三位用英文逗号分隔 * @param {number} number 要格式化的数字 * @param {number} decimals 阅读全文
posted @ 2022-06-16 15:40 silencetea 阅读(530) 评论(0) 推荐(1)
关于日常开发中遇到的问题的不定期更新
摘要：W3C & vue+element 1、给输入框绑定回车事件，第一次回车总是刷新当前页，没有跳转至目标页，第二次之后跳转正常 问题原因： W3C规定，当一个form表单里只有一个输入框时，在该输入框中按下回车应提交表单。 表现在vue+element中就是，我第一次回车的时候，url被替换并刷新了， 阅读全文
posted @ 2020-08-07 10:20 silencetea 阅读(1102) 评论(0) 推荐(0)
vue页面性能优化方案
摘要：个人在项目中用到的页面性能优化的方式总结。 一、均衡页面加载文件的大小和数量 1、项目中小图片图片转base64，通过工具如webpack进行图片压缩，文件进行压缩混淆等 2、vue router 懒加载，异步路由 3、第三方依赖按需加载，比如使用element ui框架，但是里面的组件只用到了其中 阅读全文
posted @ 2019-05-24 11:18 silencetea 阅读(11970) 评论(0) 推荐(0)
自定义xhr请求
摘要：接上一篇博客，上一篇是之前的jsonp请求方法的封装，这一篇是xhr请求的简单封装。 原理： 1：new一个xhr对象，命名为ajaxRequest，由于浏览器兼容性的问题，所以将获取xhr对象的方式封装为一个方法，命名为CreateRequestObject； 2：声明一个用来发送xhr请求的方法 阅读全文
posted @ 2019-05-07 16:30 silencetea 阅读(2260) 评论(0) 推荐(0)
自定义jsonp请求数据
摘要：整理代码的时候发现一个以前写的实现jsonp请求方法，放在这里分享一下~ 原理：通过js新建script dom对象，利用src携带参数和callback方法，将数据发送至后端，需要后端配合将数据放在callback中返回 功能：可以同时进行多个jsonp请求，且可以设置超时时间 注意：为了保证可以 阅读全文
posted @ 2019-04-30 11:27 silencetea 阅读(1002) 评论(0) 推荐(0)
关于scrollLeft的获取在不同浏览器或相同浏览器的不同版本下的获取
摘要：chrome61向w3c规则靠拢，document.body.scrollLeft获取的值一直为0，需要使用document.documentElement.scrollLeft（或document.scrollingElement.scrollLeft）获取; 但是旧版谷歌（60版本以及以下）中， 阅读全文
posted @ 2018-01-05 14:00 silencetea 阅读(745) 评论(0) 推荐(0)
Vue-cli创建项目从单页面到多页面2-history模式
摘要：之前讲过怎样将vue cli创建的项目改造成多页面（vue cli创建项目从单页面到多页面），今天说一下怎样在多页面的前提下使用history模式。 如何使用history模式 因为vue默认的hash模式的url有些丑，所以我们可以在路由的配置中添加如下配置： 但是如果只是这样使用的话，在本地开发 阅读全文
posted @ 2017-11-27 20:16 silencetea 阅读(7532) 评论(0) 推荐(0)
Vue-cli创建项目从单页面到多页面
摘要：vue cli创建项目从单页面到多页面 对于某些项目来说，单页面不能很好的满足需求，所以需要将vue cli创建的单页面项目改为多页面项目。 需要修改以下几个文件： 1、下载依赖glob 2、修改build下的文件 （1）修改webpack.base.conf.js 添加以下代码： 将module. 阅读全文
posted @ 2017-09-19 20:25 silencetea 阅读(7837) 评论(2) 推荐(0)
json与jsonp小结
摘要：json 1. json 的值可以是下面这些类型： ① 数字（整数或浮点数），比如123，1.23 ② 字符串（在双引号中） ③ 逻辑值（true 或 false） ④ 数组（在方括号中） ⑤ 对象（在花括号中） ⑥ null 2. json解析方法 ① eval('(' + jsondata + 阅读全文
posted @ 2016-08-15 22:29 silencetea 阅读(420) 评论(0) 推荐(0)
ajax小结
摘要：1. http是一种无状态协议 2. http请求：四部分组成 ① http 请求的方法或动作，如：GET / POST ② 正在请求的URL，总得知道请求的地址是什么 ③ 请求头，包含一些客户端环境信息，身份验证信息等 ④ 请求体，也就是请求正文，可以包含客户提交的查询字符串信息、表单信息等注意： 阅读全文
posted @ 2016-07-19 19:54 silencetea 阅读(343) 评论(2) 推荐(0)