摘要: 1. 声明式框架 Vue3依旧是声明式的框架,用起来简单。 命令式和声明式区别 早在JQ的时代编写的代码都是命令式的,命令式框架重要特点就是关注过程 声明式框架更加关注结果。命令式的代码封装到了vue.js中,过程靠vue.js来实现 声明式代码更加简单,不需要关注实现,按照要求填代码就可以 (给上 阅读全文
posted @ 2024-04-03 10:09 沧海的雨季 阅读(36) 评论(0) 推荐(0) 编辑
摘要: 今天在面试时遇到这样一个笔试题目,如何优化以下一段代码,实现尾调用优化? function factorial(n) { if (n <= 1) { return 1; return n * factorial(n - 1); } 答案: function factorial(n, p = 1) { 阅读全文
posted @ 2022-04-03 16:39 沧海的雨季 阅读(119) 评论(0) 推荐(0) 编辑
摘要: 在我们面试中经常会听到面试官会提问这样一个问题,你在实际项目中有遇到哪些难点?其实在项目中我们肯定会遇到不少的难点,但是如果不好好提前准备,临时发挥可能想不出来或者表达很差。本篇文章也是为了给自己留个记录,在面试时能更好的回答此问题。 首先我们可以把问题分为以下几个步骤来进行表达: 描述问题:背景 阅读全文
posted @ 2022-03-31 17:01 沧海的雨季 阅读(1078) 评论(0) 推荐(0) 编辑
摘要: 这几天接到一个需求是这样的,用户需要在客户端上传视频,一般大小都在50M以上。 最开始我们的方案是先把文件上传到后端,后端再上传到阿里云OSS的。 由于文件过大,文件上传非常慢。为了用户体验增加了等待进度条,但这时又出现了新的问题,进度条100%但是后端没及时成功响应。因为后端虽然接收了文件,但阿里 阅读全文
posted @ 2022-02-26 19:46 沧海的雨季 阅读(2650) 评论(1) 推荐(0) 编辑
摘要: 文档说明 实际使用 如果组件需要使用到模板中的某项数据,可以通过箭头函数把数据传递,然后在自己的方法中接收箭头函数的值,并将模板中的数据传递进去。 此种方法对第三方组件,比如vant的input组件,在input事件中只会传递当前输入的值。 在用v-model绑定van-input时,由于是数组,并 阅读全文
posted @ 2021-12-28 15:32 沧海的雨季 阅读(797) 评论(0) 推荐(0) 编辑
摘要: 前言 这几天接到一个需求,要在公众号内生成分享海报。之前有做过H5和小程序的,心想直接复制过来就行了。没想到踩了不少的坑,搞了好几天终于搞好了,特此分享一下,希望能对大家有所帮助。 效果图 代码实现 <u-mask :show="showPoster" @click="showPoster = fa 阅读全文
posted @ 2021-11-22 14:22 沧海的雨季 阅读(1362) 评论(0) 推荐(0) 编辑
摘要: 背景 前两天在开发一个管理后台项目时, 遇到了一个问题,后端接口返回特别慢,由于该接口调用的是第三方API,无法通过后端去处理。此时想到用loading动画,但随之而来也产生了不少问题, 在此记录一下以方便大家能够遇到此类问题可以借鉴。 处理方案 在表格内添加loading <el-table v- 阅读全文
posted @ 2021-07-28 18:09 沧海的雨季 阅读(1715) 评论(0) 推荐(0) 编辑
摘要: 最近在开发小程序遇到这样一个问题, 在用户点击授权后去解密手机号时会出现第一次失败,第二次成功的情况。研究了一段时间,终于找到比较合理的解决方案,在此记录并总结一下,希望可以帮助到大家。 需求描述 在用户点击获取电话按钮后, 将用户在微信内设置的电话解密显示在联系电话输入框内 具体代码 <view 阅读全文
posted @ 2021-06-17 17:22 沧海的雨季 阅读(1006) 评论(6) 推荐(3) 编辑
摘要: 在开发中遇到了一个问题,使用js一直获取不到dom元素..找了很久终于找到一个可行的方案: 代码如下: <script id='tpl_order_index_list' type='text/html'> <%each list as order%> <div class='fui-list-gr 阅读全文
posted @ 2020-12-23 14:17 沧海的雨季 阅读(1122) 评论(0) 推荐(0) 编辑
摘要: 这几天接到一个需求,需要将一个邀请链接转换为一个带有二维码并且能够分享出去的海报图,网上找了很多的方法,也踩了不少的坑,希望大家遇到类似的需求能够少走弯路。。 具体效果图如下: 效果图 首先我采用了 qrcode 的插件,使用这个插件能够生成一个二维码。然后还使用了canvas图片合成的技术,使文字 阅读全文
posted @ 2020-12-23 14:14 沧海的雨季 阅读(542) 评论(0) 推荐(0) 编辑
摘要: Webpack 本篇博客由慕课网视频[从基础到实战手把手带你掌握新版Webpack4.0](https://coding.imooc.com/class/316.html)阅读整理而来,观看视频请支持正版。 本篇博客 Webpack 版本是4.0+,请确保你安装了Node.js最新版本。 Webpa 阅读全文
posted @ 2020-12-23 14:11 沧海的雨季 阅读(305) 评论(1) 推荐(1) 编辑
摘要: vue引入企业微信JS-SDK实现会话聊天功能 这两天在做一个对接企业微信实现会话聊天的功能, 发现企业微信文档这块儿做的不是特别详细,网上搜索也没找到特别完整的流程。 期间也踩了不少的坑, 在此进行分享, 希望大家以后能少走弯路。。 首先我们需要在 index.html 内引入jssdk inde 阅读全文
posted @ 2020-12-23 09:58 沧海的雨季 阅读(2653) 评论(0) 推荐(0) 编辑
摘要: 最近经常接到轮播图3D效果的需求, 特在此记录一下以备之后使用。 具体实现效果如下: 在这里介绍两种使用方式, 一种原生的html+php后端渲染, 一种是使用vue。 原生实现 引入 首先我们介绍原生的使用方式,按照swiper官方文档引入swiper.min.css和swiper.min.js。 阅读全文
posted @ 2020-12-14 15:02 沧海的雨季 阅读(5690) 评论(0) 推荐(1) 编辑
摘要: 在我们开发PC端的项目使用表单时,尤其是crm系统,应该经常会遇到这样的需求, 用户需要根据设置来自定义显示列。 查了element的官方文档, 并没有此类组件, 所以手动封装了一个简单的组件, 希望能在大家开发此类需求时能够有所帮助。 效果图 具体效果图如下: 自定义显示列 (可实现拖拽进行排序, 阅读全文
posted @ 2020-08-09 09:11 沧海的雨季 阅读(4686) 评论(10) 推荐(1) 编辑
摘要: HTTP相关: HTTP和HTTPS HTTP协议通常承载于TCP协议之上,在HTTP和TCP之间添加一个安全协议层(SSL或TSL),这个时候,就成了我们常说的HTTPS。 默认HTTP的端口号为80,HTTPS的端口号为443。 为什么HTTPS安全 因为网络请求需要中间有很多的服务器路由器的转 阅读全文
posted @ 2019-04-26 00:02 沧海的雨季 阅读(246) 评论(0) 推荐(0) 编辑
摘要: null和undefined具体在什么时候使用? 如果定义的变量准备用来保存对象,那么最好用将改变量初始化为null而不是其他值 如果未定义的值可以用空字符 undefined是null派生出来的,所以undefined==null时返回的结果是true 2.局部变量和全局变量生命周期? 局部变量会 阅读全文
posted @ 2019-03-21 21:41 沧海的雨季 阅读(263) 评论(0) 推荐(0) 编辑
摘要: 引入其它css样式 需要加~ @找到的是src目录 对于常用的路径可以设置别名 @代表src 常用的地址在webpack.base.conf.js中 设置即可 设置完只需这样引入即可 计算多个图标循环轮播 1.设置空数组 2.循环所有图标项 3.如果大于8项则page为1 将显示到第2页 小于为0, 阅读全文
posted @ 2019-03-06 17:42 沧海的雨季 阅读(287) 评论(0) 推荐(0) 编辑
摘要: foo(); var a = true; if(a){ function foo(){console.log('a');} }else{ function foo(){console.log('b');} } 在ES5中函数只能在顶层作用域和函数作用域之中声明,不能在块级作用域声明。但是,某些浏览器 阅读全文
posted @ 2019-02-27 15:27 沧海的雨季 阅读(337) 评论(0) 推荐(0) 编辑
摘要: 由于某些机型分辨率过高,会导致1px变成2-多px像素的问题,引用bordercss解决 阅读全文
posted @ 2019-02-25 21:47 沧海的雨季 阅读(1758) 评论(0) 推荐(0) 编辑
摘要: @charset "utf-8";html{background-color:#fff;color:#000;font-size:12px} body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp{margin:0;padding... 阅读全文
posted @ 2019-02-23 13:49 沧海的雨季 阅读(342) 评论(0) 推荐(0) 编辑
摘要: 回调函数是一段可执行的代码,它作为参数传给其他代码,方便需要的时候复用这段代码 回调的特点: 不会立刻执行, 是闭包, this指向是调用它的上下文,并不是回调函数的上下文 允许传递多个回调 可以嵌套 回调的优点: DRY,避免重复代码。 使用场景: 阅读全文
posted @ 2019-02-14 00:08 沧海的雨季 阅读(211) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-02-06 22:45 沧海的雨季 阅读(813) 评论(0) 推荐(0) 编辑
摘要: 闭包: 简单的理解就是:闭包就是能够读取其他函数内部变量的函数,它两个最大的用处: ①可以读取函数内部的变量, ②让变量的值始终保持在内存中。闭包与它的词法环境绑在一起,因此闭包让我们能够从一个函数内部访问其外部函数的作用域 。 闭包特点:函数A嵌套函数B , 函数B能访问函数A的变量 , 最后返回 阅读全文
posted @ 2019-02-01 23:20 沧海的雨季 阅读(1313) 评论(0) 推荐(1) 编辑
摘要: 使用inline-block会使父元素高度不正常,要慎用!!!可以给父元素添加font-size:0解决,或者使用用float或者flex布局. 阅读全文
posted @ 2019-01-15 14:58 沧海的雨季 阅读(139) 评论(0) 推荐(0) 编辑
摘要: 关于float属性的脱离文档流的问题 在使用float浮动后,元素虽然会脱离文档流,但还处在文本流的位置当中 下面我自己试了一下,给a,b两个元素分别设置了样式,而只给第一个a设置了float浮动属性,然而效果显示,a覆盖了b,出现了重叠效果 关于float属性的脱离文档流的问题 在使用float浮 阅读全文
posted @ 2018-08-01 11:39 沧海的雨季 阅读(979) 评论(0) 推荐(0) 编辑
摘要: 在事件函数中 event.target和this是一样的效果吗? this是调用方法的对象, evemt.target事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口. event.target和this不一样的 阅读全文
posted @ 2018-07-30 21:12 沧海的雨季 阅读(603) 评论(0) 推荐(0) 编辑