- 博客(28)
- 收藏
- 关注
RSS订阅原创 vue-cli3打包后chunk文件有ES6箭头函数，转ES5
问题：按照官网创建项目以后正常打包 == OK的，但是这边燕尾服编译不支持ES6语法箭头函数，看一下效果可以看到chunk-vendors.[hash].js里面是有箭头函数的，而且能看到是vue-router包存在箭头函数去cli官网上查 transpileDependencies 要配置这个参数，因为打包的时候默认不转义node_modules的包，显而易见那就配上 transpileDependencies: ['vue-router']配完打包，哦吼，不管用。。。。查资料，据说还
2021-08-26 17:30:21
4732
原创 给文本框textarea加序号
效果图如图<div class="key-word-textarea flex"> <div class="text-area-num-scroll"> <div class="text-area-num-box" ref="textAreaNumBox"> <div v-for="(t,i) in textAreaNum" :key="i" class="text-area-num">{{i+1}}</div> .
2021-08-09 11:16:08
1270
原创 前端配置Nginx反向代理
第一步安装Homebrew，因为这里介绍的安装方式需要brew命令ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"第二步安装nginx brew install nginx访问 localhost:8080，成功了说明安装好了重启 sudo ./nginx -s reload server { listen 80; // 这里是我们想要默.
2021-07-16 18:27:06
293
1
原创 vue3实现拖拽图片切换图片位置
不会弄动态图，大概就是长按拖拽一张图片可以跟你想放到的位置进行切换现在是2021年7月16号，我在用vue3，可是vue的很多插件还不支持vue3，例如：Vue.Draggable，所以没有办法手写了一个原生的，以后出了支持vue3的就可以不用这个了<template> <div class="img-box" id="myBtn"> // 主要是把索引值记下来了 :id="i" <img :src="item" alt="" v-for="(it..
2021-07-16 17:17:17
2075
原创 vue3+无聊的三级联动---头条投放
需求是选了省份就显示省份，下面的耳机城市没有选择那么省份也不显示就显示已选城市，跟头条的投放一样的逻辑<template> <div class="cascader-input" v-if="input"> <el-input placeholder="请输入内容" v-model="searchInfo" class="input-with-select search-input" > <te.
2021-06-25 15:53:36
126
1
原创 实现7*24拖拽时间段选择器
<template> <div class="byted-weektime"> <div class="calendar"> <!-- <div class="schedule"></div> --> <!-- <div class="schedule" style="opacity: 0; display: none; left: 680px; top: 294px; width: 11px; heigh
2021-06-08 14:50:27
556
原创 手机input上传图片到阿里云和上传图片到接口
上传图片到阿里云需要初始化OSSvar oss = require('ali-oss');import config from '../../../config';const aliClient = new oss({ region: config['OSS_REGIN'], accessKeyId: config['OSS_ACCESS_ID'], accessKeySecret: config['OSS_ACCESS_SECRET'], bucket: confi
2020-06-03 18:59:30
290
原创 移动端图片在IOS不显示在安卓显示
图片地址：https://msybcdn.qingclasswelearn.com/images/uploads/2020-05-08/7acc7821-02a1-4487-b50b-f78333414414.png这张图片在安卓和浏览器都可以打开但是iOS手机上无法访问打不开解决办法：给图片拼接 ?x-oss-process=image/resize,w_700/format,jpg/quality,q_85你会神奇的发现iOS可以访问了 https://msybcdn.qingclasswelea
2020-05-08 18:01:43
2115
原创 原型链
原型链1.什么是原型链？原型链是实例对象与原型之间的链接2.原型链是怎么形成的？要点1请看以下代码，思考这样一个问题“bb是否会被打印出来？为什么？ function Person(){ this.name = "小明"; } Person.prototype.showName = function(){ alert(this.name); } var bb ...
2020-03-02 11:59:40
322
原创 微信内开发流程
微信内开发一定会依赖于公众号那必不可少的就是微信的JSSDK，登录授权，微信分享，微信支付等等，那么实现这些需要哪些步骤呢！！！微信分享步骤1.第一步就是到公众号里面绑定安全域名公众号后台设置有安全域名设置可以设置域名2.引入微信的JSSDK<script type="text/javascript" src="http://res.wx.qq.com/open/js/j...
2020-01-28 17:16:12
409
原创 小程序入门
一、小程序代码组成前言App() 必须在 app.js 中注册，且不能注册多个。编译后的代码包大小需小于 1MB，否则代码包将上传失败。每个页面需要手动在app.json中进行注册，否则不能访问。app.json中pages数组的第一项代表小程序的初始页面，小程序中新增/减少页面，都需要对 pages 数组进行修改。直接修改 this.data无效，无法改变页面的状态，还会造成数据...
2019-11-27 14:45:39
420
原创 修改远程分支名称
// 重命名本地分支git branch -m old_branch new_branch // 删除旧分支git push origin :old_branch// 推动新分支，将本地分支设置为新的分支git push --set-upstream origin new_branch ...
2019-11-10 11:12:57
920
原创 实现瀑布流的3种方式
看一下我的HTML结构<div class="item-box" ref="itemBox"> <div class="more-subject-item clearfix" ref="subjectItem" v-for="(item,index) in levelList" :key="index"> <img :src="item.imag...
2019-11-08 17:53:07
371
转载 14种去重方法
1、利用ES6中 Set去重ES6提供了新的数据结构Set，Set函数可以接受一个数组（或类数组对象）作为参数来初始化。Array.from方法可以将Set结构转换为数组结果，而Set结果是不重复的数据集，因此能够去重。function unique (arr) { return Array.from(new Set(arr));} var arr=[1,1,2,4,true,true...
2019-10-30 15:50:05
3525
原创 实现vue-quill-editor样式不叠加效果
需求： 文字被加粗后想要变成斜体，点击斜体图标的时候加粗效果消失只显示斜体vu-quill-editor官方网站翻译过来就是可以在工具栏上自定义方法代码如下let ranges = ''// quill的选中事件，返回位置信息，旧位置信息和来源this.quill.on('selection-change', (range, oldRange, source) => { r...
2019-08-16 14:22:43
415
原创 HTML页面转PDF导出加水印并解决字被截断的问题
项目需求：根据HTML页面导出完整的PDF技术栈： html2canvas 、 jspdf 、 Vue首先将包下载到项目中，然后在制定页面引入依赖包import html2Canvas from "html2canvas";import JsPDF from "jspdf";定义一个ID为pdfDom的HTML节点，也就是你想导出的那部分<div class="r...
2019-07-23 14:47:20
7026
7
转载 ajax和JSONP
说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？这两个问题目前都有不同的解决方案，比如数据可以用自定义字符串或者用XML来描述，跨域可以通过服务器端代理来解决。但到目前为止最被推崇或者说首选的方案还是用JSON来传数据，靠JSONP来跨域。而这就是本文将要讲述的内容。JSON和JSONP虽然只有一个字母的差别，但其实他们根本不是一回事儿...
2019-07-13 19:15:46
282
原创 前端面试题
1、Vue声明周期有哪些？beforeCreate （初始化页面前）created （初始化页面后）beforeMount（渲染dom前）mounted（渲染dom后）beforeUpdate（更新数据前）updated（数据更新后）beforeDestroy（卸载组件前）destroyed（卸载组件后）2、Vue响应式数据是如何实现的？基于Object.definePro...
2019-04-01 17:11:42
189
原创 小程序保存图片到相册
首先我保存图片的目的是有一个分享功能，分享可以分享一张图片，图片保存到相册里（打马赛克是希望不要有什么麻烦）做出来的效果大概就是这样的，有一张背景图，左上角的头像和昵称是小程序的用户信息，还需要画上连续打卡几天（那一行蓝色的字）还有就是小程序码，去做你害怕的事害怕便会自然消失，这句话也是后期写上去的首先贴上HTML<view bindlongtap="saveImageToPhot...
2019-03-21 14:35:57
1598
原创 IOS中input、textarea键盘弹起不回弹，焦点错位的问题
最近在搞移动端的项目，其中有一条需求是用户可以发送评论，做了一个评论框第一反正肯定是用的textarea，我自己的是安卓机子测试后没有问题，但是同事的是IOS系统，测试就出问题了查了一圈，发现在IOS弹起键盘以后固定定位的textarea被顶起，但是键盘收回以后textarea没有回到原来的位置，但是，只要滑动一下屏幕就好了既然滑动屏幕就能好，那就键盘收起以后设置让他滑动一下呗// h...
2019-03-15 15:02:45
2040
原创 小程序实时聊天socket
项目背景：小程序直播平台上显示实时聊天 技术站：小程序API&amp;amp;amp;nbsp;&amp;amp;amp;nbsp;&amp;amp;amp;nbsp;&amp;amp;amp;nbsp;&amp;amp;amp;nbsp;首先对于不了解webSocket的来个简单的介绍，因为http协议只能由客户端发送请求，服务端收到请求之后返回相应结果，而且是一个客户端对应一个服务端，所以对于现在好多的实时聊天是不合适
2019-01-29 14:02:06
22740
13
原创 小程序自定义组件应用
首先要知道为什么要用组件一般是多个页面都会用到的，比较单一，重复的样式，写到组件里比较容易维护注意事项1.首先你的页面的index.json文件里加上一句话"usingComponents": { "word-item": "../../component/wordItem/wordItem" }2.在组件的wordItem.json文件里加上一句{ "
2019-01-25 18:08:39
223
原创 var、let、const三者的区别
首先三者都是用来声明变量的var作用范围：var没有块级作用域，在任何位置定义的变量在外层都可以访问到作用域：全局作用域：在最外层定义的变量局部作用域：在{}中定义的变量特点：首先如果在函数内部，就优先在函数内部查找变量，如果没有就继续向外层查找var定义的变量可以提升console.log(a) 变量会提升，只是声明但是没有定义var a = 123 变成...
2018-10-08 17:48:01
369
原创 实现手机6位验证码
项目背景：vue 实现效果： 问题：因为要获取到验证码内容，所以肯定是要用input，那问题就是如何将数字输入到input框里但是还要显示出输入到了六个小框框里 思路：input标签用v-model双向绑定来获取input的value值，input框要在6个框的上面才能输入内容，但是还不能显示出牛投框，然后在鼠标按下的时候循环输入的内容，使用6个 li 设计出样式，然后将input框中的...
2018-06-12 15:09:09
7129
1
原创 git报错 fatal:open /dev/null or dup failed: No such file or directory
在使用Git上传文件的时候偶尔会报这样的错，但是重启电脑就好了，我本来没当回事，但是经常这样真的非常耽误事，在我查了很多资料以后我终于解决了，现在分享一下我的经验情况当时 git commit -m ” 这个命令是可以用的，但是每次 git pull 或者 git push 的时候就报错，一开始重启电脑就好了，后来重启电脑也不灵了，那么出现问题的原因是因为在安装 git 的目录中有空格，...
2018-04-10 14:30:07
588
原创 egg+vue渲染页面
这几天领导让我学习egg，没办法只能恶补，但是自己看文档终究还是踩了很多坑，关键是查资料还查不到什么，所以总结一下我遇到的坑首先view里面写页面，页面中需要用到的css,js,img文件都在public中，在controller里面按照egg的文档渲染指定页面，在router中配置路由。。。首先第一个坑 -- 下划线：当时在npm run dev 的之后总是报错，乱七八糟的忘记报...
2018-03-26 16:34:01
4200
5
原创 苹果手机输入框和下拉框的样式问题
在谷歌浏览器测试的时候输入框和下拉框都没有问题，但是真机测试的时候，iPhone手机的输入框就只有上边框或者就是有阴影，下拉框干脆就没有边框查了很多，发现对于这个问题没有太多的解释，我分享一下我的解决办法在input和select的css样式中加上-webkit-appearance: none;但是这样下拉框就没有下拉的三角了，这时候再给select标签加上背景图就好了...
2018-03-02 09:53:51
3291
原创 微信登录的code
刚进公司的时候不懂什么是code，知道是微信登录的，但是不知道是怎么传值的，现在把我的经验说出来首先在首页的express的路由中的回调函数中判断是否有code，如果没有就跳转微信登录ua是可以在header中获取的，通过match方法查找当前是否是微信，req.query是可以获取url地址栏上的参数，req.query.code就是url中的code参数，判断一下如果没有这个参数就...
2018-03-01 22:50:51
13191
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人