- 博客(64)
- 收藏
- 关注
RSS订阅
原创 axios配置请求头content-type浅谈
背景在我们日常开发中，有时会碰到前端接口请求了，浏览器开发者工具上也显示参数传过去了，可后端同学却拿不到传过去的数据。可能原因是，我们请求的数据格式与后端同学所定义的接收数据格式不一致而导致的。1.请求常见的数据格式（content-type）Content-Type: application/json ： 请求体中的数据会以json字符串的形式发送到后端(默认的数据格式)Content-Type: application/x-www-form-urlencoded：请求体中的数据会以普通表单形式
2020-12-22 22:44:45
14385
原创 ES6之箭头函数细谈
箭头函数与普通函数的区别，实质是我们是否理解了箭头函数，在我刚开始接触ES6时，印象中的箭头函数与普通函数的区别就是this的指向不同，一个指向window，一个指向当前的实例，作用域。可箭头函数远远不止这么一个知识点，于是重新学习箭头函数:JavaScript里，this的值在函数被调用的时候才会指定。 顶级的非方法式调用会将 this视为window。 （注意：在严格模式下， this为u...
2019-11-27 22:01:08
371
原创 vue中的slot（插槽）详解
最近忙着写一些组件，关于插槽这一块自己还是用着 slot 和 slot-scope，然后看了一下文档的更新，于是又重新把“插槽”学习了一篇，下面一段是文档中的说明:在 2.6.0 中，我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍在文档中的特性。新语法的由来可查阅这份 RFC。插......
2019-07-06 14:48:07
37538
1
原创 webpack中alias配置
作用:设置别名是为了让后续引用的地方减少路径的复杂度vue-cli2.0 在\build\webpack.base.conf.js文件下设置//例如src - components - a.vue - router - home - index.vueindex.vue 里，正常引用 A 组件：import A from '../../component...
2018-11-23 16:02:12
12215
原创 Echarts中堆叠柱状图之百分比显示
需求：tooltip显示其数量之外，还需在旁边显示该数量所占总数的百分比，具体效果图如下：相关资料参考属性链接：http://echarts.baidu.com/option.html#tooltip.formatterecharts的tooltip中的一个属性formatter：提示框浮层内容格式器，支持字符串模板和回调函数两种形式。# 字符串模板折线（区域）图、柱状...
2018-07-23 17:22:37
17166
5
原创 浅谈vuex，购物车实例
通过购物车的一个案列，把vuex学习了一篇。vuex概念浅谈Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简单的来说，就是数据共用，对数据集中起来进行统一的管理。如果您的应用够简单，您最好不要使用 Vuex。一个简单的 global event bus 就足够您所需了。但是...
2018-02-23 15:56:39
7685
7
原创 H5案例开发
Vue的安装Vue.js 不支持 IE8 及其以下版本，因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的浏览器，一般都会推荐使用NPM进行Vue 的安装。vue的安装依赖于node.js,要确保你的计算机上已安装过node.js。可进入cmd编辑器，输入命令 node -v进行查看。node尽量要用新
2018-01-20 21:28:59
1377
原创 vue-print-nb实现页面打印,如何隐藏打印打印区域
问题: 我们在使用vue-print-nb实现页面打印时，有些dom元素是不需要打印出来的，我们可以点击打印按钮时，再打印之前来做些操作就可以实现需求了，具体代码如下。
2023-12-05 18:56:16
1382
原创 SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443
SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443
2023-02-10 22:30:16
3129
1
原创 如何判断 PDF.JS 是否完成渲染？
问题: 在开发的过程中，我们需要在pdf文件渲染完成之后，做一些事情，这时我们可以监听这个。如何判断pdf是否渲染完成；
2023-01-17 10:30:24
2261
原创 flex布局--最后一行左对齐的实现方式(css功能实现)
在我们的日常开发中，在使用flex弹性盒布局的时候，会遇到这样一个常见的问题，当justify-content的值设为space-around或者是space-between时，会存在这样一个问题：如果最后一行元素未占满一行，那么该行元素会均匀分布而不是左对齐。如实现这种布局:实现方法给父元素创建伪元素并设置flex:auto或者flex:1...
2022-07-07 08:30:00
8273
7
原创 swiper组件中使用video导致全屏错位
问题: 项目测试过程中，在swiper组件中有是有video，全屏时在安卓上没有任何问题，但在ios上，视频全屏后却发现小程序的navbar导航栏在视屏的上方，导致视频往下移错位，以至于没有全部显示出来。解决方法: iOS 的 video 组件全屏需要使用 position: fixed 属性。如果 video 的父组件包含 position: relative；position: absolute 等 css 属性( 除 position: static 以外的属性），便会破坏 video 的全屏定位。
2022-07-03 21:15:50
1291
原创 重识Vue路由钩子函数
全局钩子函数(导航守卫)，全局前置守卫: router.beforeEach，全局解析守卫: router.beforeResolve，全局后置钩子: router.afterEach，路由钩子函数(路由独享的守卫)，组件钩子函数(组件内的守卫)，beforeRouteEnter， beforeRouteUpdate， beforeRouteLeave
2022-06-01 23:05:50
195
原创 重识Vue路由两种模式-hash和history
vue-router的工作原理单页面应用(SPA)的核心思想之一，就是更新视图而不重新请求页面，简单来说，它在加载页面时，不会加载整个页面，只会更新某个指定的容器中的内容。对于大多数单页面应用，都推荐使用官方支持的vue-router。在实现单页面前端路由时，提供了两种方式，分别是hash模式和history模式，根据mode参数来决定采用哪一种方式。hash和history的区别hash模式的url后跟hash值#…，它的原理就是使用window.onHashChange来监听hash值的改变，一
2022-05-27 17:03:40
1691
2
原创 重识JavaScript代码如何执行(闭包,作用域,this指向)
JavaScript代码如何执行，我们应该都会大概有些了解，V8引擎，单线程，回调队列，除此之外，一些基本的需要掌握有执行环境、词法环境、作用域、执行上下文、闭包等内容。其实很多时候，我们大致都知道是怎么个回事，可有很难把这些区分清楚，分别如何去描述。JavaScript 代码运行的各个阶段JavaScript 是弱类型语言，在运行时才能确定变量类型。即使是如今流行的 TypeScript，也只是增加了编译时（编译成 JavaScript）的类型检测（对于编译器相信大家都有所了解，代码编译过程中编译器会
2022-04-30 21:46:18
195
原创 重识 HTML,掌握页面加载过程和性能优化
提到 HTML 标签，前端工程师会非常熟悉，因为在开发页面时经常使用，HTML 都是最基础的内容。但对于一些基本知识，我们不能完整的描述出来，例如：浏览器是怎么处理 HTML 内容的，以及在这个过程中我们可以进行怎样的处理来提升网页的性能，从而提升用户的体验。一些非常重要却容易被忽视的标签，这些标签大多数用在页面头部 head 标签内，虽然对用户不可见，但有着很好的效果。html结构元素是页面的根元素，它描述完整的网页；元素包含了我们想包含在 HTML 页面中，但不希望显示在网页里的
2022-04-26 16:26:10
1653
原创 安装tui-editor失败,快速解决方案
问题描述:最近接手了一个老项目，在安装依赖包的时候报错无法，由于某一个依赖包的原因导致依赖包无法安装。npm install 出错npm ERR! Error while executing:npm ERR! /usr/bin/git ls-remote -h -t git://github.com/adobe-webplatform/eve.gitnpm ERR!npm ERR! fatal: remote error:npm ERR! The unauthenticated git pro
2022-04-21 13:43:37
20957
4
原创 小程序wx.previewMedia相关问题解决-日常踩坑
wx.previewMedia: 预览图片和视频。问题1：项目开发中，更新云存储的照片，重新获取临时链接后，拿给wx.previewImage预览时，(或 wx.previewMedia )，最后都是旧图片。原因：服务器图片缓存原因，导致小程序无法及时更新。解决方案： 在图片URL后面加上参数，让图片URL区分度更加大，比如https://xxxxxxxxx.tcb.qcloud.la加上参数：https://xxxxxxxxx.tcb.qcloud.la?time=12345667问题2:当类
2022-03-30 11:31:47
2114
原创 Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 12.x
vue前端遇到node-sass报错：你的M1使用了极为先进的arm64架构错误中有提示如下:This usually happens because your environment has changed since running `npm install`.Run `npm rebuild node-sass` to download the binding for your current environment.解决办法:npm rebuild node-sass至此，你的项
2022-02-22 14:40:15
3438
5
原创 JavaScript之apply()与call()细谈
重学JavaScript，这篇文章我们主要学习了JavaScript的apply()与call()方法，这两个对于我们的JavaScript的基础学习来说是非常重要的，只有把基础知识学好了，才能更好进阶，努力想技术大牛看齐，坚持学习，精进。
2021-12-15 17:57:59
1211
原创 JavaScript之函数防抖与函数节流细谈
防抖和节流函数，在我们日常开发中是经常需要被使用到的,每次我们开发的时候，往往都是copy代码，或者使用工具函数来快速实现我们所需要的功能，可面试这个是面试官最喜欢面试的问题之一，掌握其中原理，两者之间的区别，尤为重要，不做cv工程师，做一名真正的前端工程师，让我们一起学起来吧！作者v: codejs
2021-11-03 16:00:27
166
原创 小程序换行符\n失效问题解决-日常踩坑
在html中可以直接使用换行，但是小程序wxml中使用无效，可以换成\n注意: 一定要注意，text中\n才能生效，view里边直接写\n不行日常踩坑填坑，我们一起吧！ 作者v: codejs
2021-10-25 13:44:08
3892
原创 JavaScript数组(遍历)方法
Array.forEach()为每个数组元素调用一次函数（回调函数）。会自己改变原数组const array1 = ['a', 'b', 'c'];array1.forEach(element => console.log(element));Array.map()通过对每个数组元素执行函数来创建新数组不会对没有值的数组元素执行函数。不会更改原始数组。const array1 = [1, 4, 9, 16];const map1 = array1.map(x =>
2020-06-13 22:51:35
309
原创 JavaScript中for...of与for...in的区别细谈
JavaScript中for...of与for...in的区别细谈JavaScript基础知识非常重要，只有打好基础，才能有利于自身的技术提高，本章让我们深入了解for...of与for...in这两个。
2020-06-13 17:33:23
339
原创 vue-cli3之webpack配置
vue-cli 3 中文文档webpack-chainvue.config.js官方配置指南当我们项目初始化后，没有了以前熟悉的 build 目录，也就没有了 webpack.base.config.js、webpack.dev.config.js 、webpack.prod.config.js 等配置文件，可能一时会觉得无从下手，其实是vue-cli3在我们项目初始化的时候，就已经帮我们初...
2020-03-08 21:27:17
7515
原创 浅谈BFC(块格式化上下文)
在我们的开发中常听到BFC这个词，当要让我说出BFC 是什么，却不能很好的却解释，似懂非懂。反正就是没有清晰的理解，是这两天仔细阅读了相关资料加深自己对BFC理解。什么是BFCBFC:块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。BFC是一个独立的布局环.........
2019-12-09 23:25:59
146
1
原创 Vue项目启动报错：Cannot find module 'array-includes'解决方法
报错原因：项目最外层的文件目录名发生更改，可能会导致这个错误产生解决办法：删掉项目中的node_modules文件夹执行 npm cache clean 或者 cnpm cache clean 命令清除掉cache缓存然后cnpm installnpm run dev就可以在这台电脑运行你的项目...
2019-12-03 19:58:03
1052
原创 JavaScript如何生成唯一标识符(类似uuid)
前端如何生成唯一标识符（类似uuid）其实有很多种方法，本文提供了一种很快速且能很友好的生成想要的唯一标识符；
2019-11-15 00:28:50
2236
原创 解决VUE keyup.enter和blur绑定同一事件，触发两次的问题
<el-input ref="editTagFoucus" size="mini" @keyup.enter.native="$event.target.blur" @blur="editCompleteTag(items)" v-model='items.name'></el-input>
2019-08-01 22:07:47
1950
原创 如何实现点击div区域外隐藏div区域
1 遮罩层，有一个遮罩层，盖住其他地方，然后只有目标div可以点击，点击遮罩层就可以隐藏；2.body上绑定事件，关闭，组件销毁前把事件移除。<div id="badge" @click="handleClick($event)">设置备注及标签</div>methods: { handleBodyClick(){ // 关闭 // d...
2019-07-30 07:02:18
2120
原创 微信小程序自定义组件详解
最近开发小程序项目，小程序的的文档挺详细的，特别是官方提供了很多组件。但是，对于一些项目适用场景，官方所提供的组件是无法满足的。这时候，需要我们自己去开发一个自定义组件，来满足当前项目的需求。如何创建一个自定义组件从小程序基础库版本 1.6.3 开始，小程序支持简洁的组件化编程。所有自定义组件相关特性都需要基础库版本 1.6.3 或更高。开发者可以将页面内的功能模块抽象成自定义组件，以便在不...
2019-07-21 17:56:55
1111
原创 devDependencies和dependencies有什么区别呢
在使用npm安装一些包时，经常要用到npm install这个命令，而对后面跟着的参数–save和–save-dev经常搞糊涂，那我们来看下这两者到底有啥区别。devDependencies用于本地环境开发时候所需要的依赖包。dependencies用户发布环境，生成上所需要的依赖包后面部分为–save -dev 的情况会使得下载的插件放在package.json文件的d...
2019-07-01 20:50:30
24363
原创 Vue报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object 的解决方法
npm run dev跑步起来 具体错误如下图，
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人