- 博客(16)
- 收藏
- 关注
RSS订阅原创 new Error()弹框无效，浏览器兼容性问题
return Promise.reject(new Error(res.response_message || ‘Error’))this.$message.error(err.stack)
2022-03-10 11:25:20
563
原创 jsx中的 v-html 、 v-text
v-html: 在模板代码中，我们用v-html指令来更新元素的innerHTML内容，而在JSX里面，如果要操纵组件的innerHTML,就需要用到domProps export default { data() { return { content: '<div>你好</div>' } }, render() { // v-html 指令在JSX的写法是 domPropsInnerHTML return <div domPropsI
2022-01-05 15:46:31
4438
原创 class箭头函数和普通函数的this
class Animal{ constructor() { this.name = 'cat' } speak() { console.log(this.name) } eat = () => { console.log(this.name) }}const n = new Animal()n.speak()n.eat() const a = n.speakconst b = n.eatb() a() n.speak() // catn
2021-12-15 17:37:47
1210
原创 Webpack 性能优化
在这一的章节中，我不会浪费篇幅给大家讲如何写配置文件。如果你想学习这方面的内容，那么完全可以去官网学习。在这部分的内容中，我们会聚焦于以下两个知识点，并且每一个知识点都属于高频考点：有哪些方式可以减少 Webpack 的打包时间有哪些方式可以让 Webpack 打出来的包更小减少 Webpack 打包时间优化 Loader对于 Loader 来说，影响打包效率首当其冲必属 Babel 了。因为 Babel 会将代码转为字符串生成 AST，然后对 AST 继续进行转变最后再生成新的代码，项目越大，转
2021-12-03 19:58:50
197
原创 a + b + c = 0 ？
给定一个包含 n 个整数的数组 nums，判断 nums 中是否存在三个元素 a，b，c ，使得 a + b + c = 0 ？找出所有满足条件且不重复的三元组。注意：答案中不可以包含重复的三元组。给定数组 nums = [-1, 0, 1, 2, -1, -4]，满足要求的三元组集合为：[[-1, 0, 1], [-1, -1, 2]] const nums = [-1, 0, 1, 2, -1, -4]; const n = nums.length const ary = {}; l
2021-11-30 16:47:59
1032
原创 字符串统计重复字符个数 dddaaawkkekda=＞3d3a1w2k1e1k1d1a
const repeat = str => { if (!str) return str if (str.length === 1) return `1${str}` let res = ""; let num = 1; let start = str[0] for (let i =1; i < str.length; i ++) { if (start === str[i]) { num ++ } else{ res.
2021-11-30 14:58:40
112
原创 promise.all一个失败不影响大局处理
Promise.all( [ Promise.reject({ code: 500, msg: "error" }), Promise.resolve({ code: 200, msg: "success" }), Promise.resolve({ code: 200, msg: "success" }) ].map(item => item.catch(e => e))) .then(res => { console.log("res=&
2021-11-25 19:08:42
954
原创 vue框架搭建
1.安装node环境Node.js是-一个基于Chrome V8引擎的JavaScript 运行环境。直接简单粗暴，下载对应版本的node包使用node版本管理工具nvm全名node.js version management，顾名思义是一个nodejs的版本管理工具。nvm install 11.13.0 // 安装node版本nvm list // 查看已安装的node版本nvm use 11.13.0 // 使用某个特定的版本nvm uninstall 11.13.0 // 卸
2021-11-05 15:25:23
253
原创 数组常用方法集
数组方法1 arr.push() 从后面添加元素，返回值为添加完后的数组的长度let arr = [1,2,3,4,5]console.log(arr.push(6)) // 6console.log(arr) // [1,2,3,4,5,6]2 arr.pop() 从后面删除元素，只能是一个，返回值是删除的元素let arr = [1,2,3,4,5]console.log(arr.pop()) // 5console.log(arr) //[1,2,3,4]3 arr
2021-08-28 17:00:40
180
原创 git迁移保留原有分支及创建git仓库的集中情况
1.已有的git地址迁移到已有的git地址Existing Git repositorycd existing_repogit remote add origin git@code.XXXX.inc:dbc/XXXX-live-console.git此步骤若出现问题：remote origin already exists.解决：git remote rm origingit push -u origin --allgit push -u origin --tags2.本地代码提
2020-06-29 14:51:16
298
原创 echarts字体适配，页面文字适配
// 适配为rem设置的 remUnit: 3840function getRealPX (px) { if (!px) { return px } const rem = px / 3840; const htmlWidth = document.documentElement.clientWidth || document.body.clientWidth; return htmlWidth * 100 * rem}const px2vw = (val, nouni
2020-06-03 15:31:50
1481
2
原创 如何在Vue项目中使用vw实现移动端适配（部分转载）
这里只放置如何配置vue-cli做到vw的适配，很适合大屏开发。在vue-cli默认的三个插件：1.postcss-import2.postcss-url3.autoprefixer现需要装如下的插件postcss-aspect-ratio-minipostcss-px-to-viewportpostcss-write-svgpostcss-cssnextcssnanopostcss-viewport-unitsnpm i postcss-aspect-ratio-mini po
2020-06-03 15:13:47
299
原创 webpack proxyTable 本地开发环境调试接口
为了解决本地跨域的问题，我们使用webpack中proxyTable dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/': { target: 'http://api.prod.xxx.com.cn', changeOrigin: true, } }, // Various De
2020-06-03 14:20:01
542
原创 vue webpack build资源相对路径
默认情况webpack+vue-cli打包的css、js等静态资源路径都是绝对的，即static在根目录下，如果部署到带有文件夹目录的项目中，资源路径就会出错。如图：解决方法:在webpack.prod.conf.js中，output中添加或者修改为 publicPath: ‘./’； 这是修改了js，css引用地址，那么image引用地址呢？更改图片地址也为相对路径，修改build下，utils.js文件...
2020-06-03 11:04:08
2062
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人