
前端
小九九嘞
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
给文本框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 · 1547 阅读 · 0 评论 -
前端配置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 · 402 阅读 · 1 评论 -
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 · 196 阅读 · 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 · 788 阅读 · 0 评论 -
手机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 · 358 阅读 · 0 评论 -
移动端图片在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 · 2221 阅读 · 0 评论 -
原型链
原型链1.什么是原型链?原型链是实例对象与原型之间的链接2.原型链是怎么形成的?要点1请看以下代码,思考这样一个问题“bb是否会被打印出来?为什么? function Person(){ this.name = "小明"; } Person.prototype.showName = function(){ alert(this.name); } var bb ...原创 2020-03-02 11:59:40 · 366 阅读 · 0 评论 -
微信内开发流程
微信内开发一定会依赖于公众号那必不可少的就是微信的JSSDK,登录授权,微信分享,微信支付等等,那么实现这些需要哪些步骤呢!!!微信分享步骤1.第一步就是到公众号里面绑定安全域名公众号后台设置有安全域名设置可以设置域名2.引入微信的JSSDK<script type="text/javascript" src="http://res.wx.qq.com/open/js/j...原创 2020-01-28 17:16:12 · 481 阅读 · 0 评论 -
修改远程分支名称
// 重命名本地分支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 · 991 阅读 · 0 评论 -
实现瀑布流的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 · 439 阅读 · 0 评论 -
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 · 3876 阅读 · 0 评论 -
var、let、const三者的区别
首先三者都是用来声明变量的var作用范围:var没有块级作用域,在任何位置定义的变量在外层都可以访问到作用域:全局作用域:在最外层定义的变量局部作用域:在{}中定义的变量特点:首先如果在函数内部,就优先在函数内部查找变量,如果没有就继续向外层查找var定义的变量可以提升console.log(a) 变量会提升,只是声明但是没有定义var a = 123 变成...原创 2018-10-08 17:48:01 · 429 阅读 · 0 评论 -
实现手机6位验证码
项目背景:vue 实现效果: 问题:因为要获取到验证码内容,所以肯定是要用input,那问题就是如何将数字输入到input框里但是还要显示出输入到了六个小框框里 思路:input标签用v-model双向绑定来获取input的value值,input框要在6个框的上面才能输入内容,但是还不能显示出牛投框,然后在鼠标按下的时候循环输入的内容,使用6个 li 设计出样式,然后将input框中的...原创 2018-06-12 15:09:09 · 7320 阅读 · 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 · 806 阅读 · 0 评论 -
苹果手机输入框和下拉框的样式问题
在谷歌浏览器测试的时候输入框和下拉框都没有问题,但是真机测试的时候,iPhone手机的输入框就只有上边框或者就是有阴影,下拉框干脆就没有边框查了很多,发现对于这个问题没有太多的解释,我分享一下我的解决办法在input和select的css样式中加上-webkit-appearance: none;但是这样下拉框就没有下拉的三角了,这时候再给select标签加上背景图就好了...原创 2018-03-02 09:53:51 · 3390 阅读 · 0 评论 -
微信登录的code
刚进公司的时候不懂什么是code,知道是微信登录的,但是不知道是怎么传值的,现在把我的经验说出来首先在首页的express的路由中的回调函数中判断是否有code,如果没有就跳转微信登录ua是可以在header中获取的,通过match方法查找当前是否是微信,req.query是可以获取url地址栏上的参数,req.query.code就是url中的code参数,判断一下如果没有这个参数就...原创 2018-03-01 22:50:51 · 13686 阅读 · 1 评论 -
ajax和JSONP
说到AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交换数据?第二个是跨域的需求如何解决?这两个问题目前都有不同的解决方案,比如数据可以用自定义字符串或者用XML来描述,跨域可以通过服务器端代理来解决。但到目前为止最被推崇或者说首选的方案还是用JSON来传数据,靠JSONP来跨域。而这就是本文将要讲述的内容。JSON和JSONP虽然只有一个字母的差别,但其实他们根本不是一回事儿...转载 2019-07-13 19:15:46 · 364 阅读 · 0 评论 -
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 · 7423 阅读 · 7 评论 -
实现vue-quill-editor样式不叠加效果
需求: 文字被加粗后想要变成斜体,点击斜体图标的时候加粗效果消失只显示斜体vu-quill-editor官方网站翻译过来就是可以在工具栏上自定义方法代码如下let ranges = ''// quill的选中事件,返回位置信息,旧位置信息和来源this.quill.on('selection-change', (range, oldRange, source) => { r...原创 2019-08-16 14:22:43 · 499 阅读 · 0 评论 -
前端面试题
1、Vue声明周期有哪些?beforeCreate (初始化页面前)created (初始化页面后)beforeMount(渲染dom前)mounted(渲染dom后)beforeUpdate(更新数据前)updated(数据更新后)beforeDestroy(卸载组件前)destroyed(卸载组件后)2、Vue响应式数据是如何实现的?基于Object.definePro...原创 2019-04-01 17:11:42 · 234 阅读 · 0 评论