- 博客(29)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue3 | 在createVNode 或者 h函数中 设置ref
在vue3中使用createVNode或者h函数设置ref属性，开发环境下可以正常使用，生产环境中报错
2022-10-15 22:32:22
3657
原创 搞定阿里云oss图片请求跨域
阿里云oss图片请求跨域解决方案在一次实现图片下载的方案中使用了axios来实现图片下载(vue实现图片下载)，实现过程中引用了百度图片的地址和阿里云oss上图片的地址，发现在请求阿里云oss上的图片会出现跨域报错，于是上网百度了一下，具体原因是：当 OSS 收到一个跨域请求（或者 OPTIONS 请求）时，会读取存储空间对应的 CORS 规则，然后进行相应的权限检查。OSS 会依次检查每一条规则，使用第一条匹配的规则来允许请求并返回对应的 header。如果所有规则都匹配失败，则不附加任何 CORS 相
2020-07-19 14:48:31
6071
原创 vue实现图片下载功能so easy
vue实现图片下载功能so easy1.在前端实现图片下载分为同源图片下载和非同源图片下载2.解决方案可以根据同源和非同源来制定同源图片下载方案html中可以这样写<a href="./img/logo.png" download="logo.png"></a>javascript中可以这样写function imgDownload(url,name){ //创建一个a标签 const a_b = document.createElement('a')
2020-07-19 14:22:46
6884
3
原创 用vue3.0写一个简单的todo功能
用vue3.0写一个简单的todo功能 vue3.0bate版文档创建项目1.创建一个index.html文件，并引入<script src=“https://unpkg.com/vue@next”>touch index.html开始写入代码1.写好基本的结构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta nam
2020-07-18 21:29:41
522
原创 Vue3.0输出hello world
Vue3.0输出hello worldvue3.0官方文档html部分<div id="app"> <h1>{{message}}</h1></div>javascript部分 const App = { data(){ return{ message:"hello Vue3.0" }
2020-07-18 13:19:20
718
原创 最强markdown编辑神器typory配置图床
typory配置图床最强markdown编辑器typora图床教程- smms版最强markdown编辑器typora图床教程- 阿里云版最强markdown编辑器typora图床教程- 七牛云版总结 其他的存储资源可以根据配置文件来修改
2020-07-14 22:28:37
344
原创 手写一个javascript深拷贝不香吗
标题 手写一个javascript深拷贝不香吗?!背景学过js的小伙伴都知道浅拷贝和深拷贝,像简单的复制,Object.assin()(只有一层数据的时候),concat()等之类的都是浅拷贝，深拷贝像JSON.parse(JSON.stringify())等之类的但是在实际项目中,深拷贝的用到的次数非常多的，而JSON.stringify()有比较消耗性能(特别是在数据多的情况下)，这个时候我们手写一个递归的深拷贝方法是有必要的深拷贝–JSON.parse(JSON.stringify()
2020-07-13 21:42:10
212
原创 搞定vue项目开发环境下的跨域代理
跨域知识同源政策1.三同协议相同 (比如：http://)域名相同 (比如：www.baidu.com)端口相同 (比如：80，默认情况下是可以省略的)2.目的保证用户信息的安全，防止恶意的网站窃取数据3.限制范围1.Cookie、LocalStorage 和 IndexDB 无法读取2.DOM 无法获得3.AJAX 请求不能发送跨域产生产生跨域的原因就是不同源的请求违反了浏览器里的同源政策vue跨域代理详解解决跨域的方法是非常多的，像jsonp,cors,nod
2020-07-10 14:58:21
285
原创 搞定postman带token请求
搞定postman带token请求当我们拿到接口文档的时候，总是想先测试一下接口是否正常使用，如果不用带认证的接口请求还好，直接复制一下接口地址到输入框中，设置一下请求方式就可以测试了。但是遇到一些需要带token的，或者form-data格式的，则需要进行一些设置才能正常使用1.新建一个测试环境1.1打开postman,在工作台的右上方找到一个设置的图标，并打开它。如下图所示1.2点击add按钮新建环境1.3输入环境名字，我在这里写的是blog,名字可以根据你自己的意愿而定；并添
2020-07-09 21:04:58
10815
1
原创 一个新鲜的vue+element-ui的简单实战项目出炉了
欢迎来喷！！(手动狗头)ssypp-blog一个简单的pc和移动端的案例移动端显示效果pc端效果展示 背景1.以往的项目同时适配pc端和移动端是分开来单独开发的2.单端类型项目多，要么pc端适配，要么移动端适配3.想要在个人的项目中写一套适配pc和移动端技术选择vue全家桶系列(vue+(axios+qs)+vue-router+vuex)es6的一些写法ui框架-element(主要以栅格系统为主)webpa
2020-07-09 16:10:19
787
原创 axios+qs简单实现post请求form-data格式
axios+qs简单实现post请求form-data格式有的时候后台接口以form-data的格式来接收参数，那么默认的写法后台是拿不到参数的，这个时候前端必须得以form-data的格式来传递核心知识1.引入qsnpm install -save qs#or<script src="https://cdn.bootcdn.net/ajax/libs/qs/6.9.4/qs.min.js"></script>qs官网地址2.引入axiosnpm
2020-07-04 22:05:03
1666
原创 pdf,word,ppt在线预览
pdf,word,ppt在线预览先展示下效果pdf跟ppt的预览效果：word的预览效果实现过程-只需一个iframe标签即可详细介绍请看这里<iframe src="http://view.xdocin.com/xdoc?_xdoc=http://image.cache.timepack.cn/nodejs.pdf"style="width:100%,height:100vh;border:0"></iframe>...
2020-07-03 17:58:43
501
1
原创 vue+element-ui实现表格中的删除按钮加载动画
vue+element-ui实现表格中的删除按钮加载动画背景：在同事的项目中有这样的一个要求：就在在表格中的操作栏有一个删除按钮，点击的时候加载loading的动画，加载完毕后loading动画停止。同事开始的时候是全局定义一个isLoading的变量来控制，结果发现每点击一个删除按钮，就会导致所有的按钮加载loading动画。真棒！bug又出现了，琢磨了代码一番，于是有了一下的方案！思路导致bug的原因是因为共用这个全局的变量，既然全局不行，那么我们就可以从每一行来控制1.放弃data
2020-07-02 19:39:21
1977
原创 forEach、for in、for of的区别对比
其实这三个方法我们在项目中经常用到，但是如果要你说出这三者的区别和各自的特点是什么？我想肯定会有人会卡住在这了。反正我是被卡住了(此处手动狗头)，下面就来记录下这三者的区别和用法吧一、forEach介绍forEach详细的介绍查看这里1.forEach() 方法对数组的每个元素执行一次给定的函数。const arr = [1,2,3];arr.forEach(callback) //callback表示指定的函数callback(currentValue,index,[])2.forE
2020-07-01 23:12:21
558
原创 vue实现省市县三级联动，超简单
vue实现省市县三级联动，超简单最近在朋友的项目中碰到用vue实现省市县三级联动的需求，按照我以往的套路来说，基本都是找ui框架里的联级选择器一把梭哈，但是朋友说需要自己实现。好吧，既然朋友都说了要自己实现，那就安排吧！！一、vue实现省市县三级联动(不用插件版)必备条件：1.全国省市县数据(json格式)2.vue基础实现步骤：html部分<div id="app"> <select v-model="sheng" > <option
2020-06-30 15:09:16
18539
12
原创 js获取excel中的时间转换
背景通过js的xlsx第三方插件来读取excel中的数据，发现时间这一栏的数据只是一个整数，而这个整数既不是时间戳也不是时间。解决这个整数值是日期距离1900年1月1日的天数，所以我们需要转换//timeValue是指excel中的时间整数值function formatDate(timeValue) { let time = new Date((timeValue- 1)...
2020-03-07 11:35:24
1787
3
原创 详解 input accept属性
input accept属性是用来限制上传的文件格式 <input type="file" id="file" style="display:none;" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" /><a href="javascrip...
2020-03-07 10:12:48
24129
3
原创 jQuery中常用选择器(下)
内容选择过滤器//1.查找含有指定内容的元素:contains(text) console.log($('#app li:contains(列表)')) //jQuery.fn.init(3) [li.item1, li.item2, li.item3, prevObject: jQuery.fn.init(1)]//2.匹配所有不包含⼦元素或者⽂本的空元素:empty console.l...
2020-03-04 14:23:24
194
原创 jQuery中的常用选择器(上)
1.基础选择器<div id='app'> <p class='p1'>类选择器<p> <h3>标签选择器</h3> <ul> <li class="item1">列表1</li> <li class="item2">列表2</li> <li class...
2020-03-03 23:38:22
169
原创 解决多个库之间的$冲突
1.背景在一个引入了jQuery库的项目中，又引入了含有$变量的其他第三方库，导致了第三方库的$不可用2.解决之道添加一句jQuery.noConflict()<div id="app">hello ssypp</div>//前提引入了jQuery这个库文件jQuery.noConflict()console.log($) //此时的$表示其他第三方中的$...
2020-03-02 22:11:51
198
原创 一次搞懂onload和ready
1、onloadonload是javascript中的方法，使用为window.onload = function(){}在javascript中，window.onload = function(){}表示入口函数window.onload只能执行一次window.onload = function(){ alert(1)}window.onload = function(){...
2020-03-02 21:59:52
233
原创 使用vue+textarea的属性maxlength制作一个文本框字数限制
使用vue加textarea的属性maxlength制作一个文本框字数限制1.body部分<div id="app"> <div class="textAreaBox"> <textarea name="" id="" cols="30" rows="10" maxlength="200" v-model="textareaValue"&g...
2020-01-17 11:15:09
2029
原创 javascript下atob btoa的编码解码
1.btoa (binary to ascii)将二进制编码成asciivar str = "Hello Javascript"var bstr = btoa(str) //SGVsbG8gSmF2YXNjcmlwdA==***btoa和atob不能编码Unicode字符***#编码encodeURI()encodeURIComponent()#解码decodeURI()d...
2020-01-17 10:37:46
381
原创 搞定linux下安装和配置java开发环境
1.下载jdk安装包jdk1.8下载地址2.移动安装包并解压# 安装目录为/usr/local/java/jdk1.8tar -zxvf jdk-8u231-linux-x64.tar.gz# 重命名mv jdk-8u231-linux-x64 jdk1.83.配置环境# 打开/etc/profilevim /etc/profile# 在最后一行加入以下cod...
2020-01-17 10:26:52
165
原创 linux下node环境的安装和配置
1.下载node安装包node下载地址2.解压node安装包2.1解压命令(在node安装包目录下解压)tar xvf node-v12.14.1-linux-x64.tar.xz3 .配置node环境3.1在/etc/profile最后一行中加入一下命令export PATH=${PATH}:/usr/local/node/node12/** ...
2020-01-17 10:21:07
343
1
原创 Vue认知重启之创建项目
新手请看这里如果你是第一次接触，并且想学习vue，建议你使用以下的方式来引入vue。在你熟悉的目录下创建一个html文件，将以下的代码复制到head标签中即可<!-- 开发环境版本，包含了有帮助的命令行警告 --><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>或...
2018-12-30 19:25:42
316
原创 云服务器上部署SVN
如何在云服务器上部署SVN1.根据自己云服务器的ip账号登录虚拟linux系统2.输入yum -y install subversion 进行安装svn (前提先查看自己的linux服务器是否安装了svn:find / -name subversion 有提示表示安装了，无则没有安装)2.输入命令：创建版本目录和配置mkdir -p /usr/svn ...
2018-11-04 23:24:03
1219
原创 如何在本地mysql中连接到虚拟机下的数据库
如何在本地mysql中连接到虚拟机下的数据库1.连接步骤：2.连接过程中遇到的坑：1.连接步骤：首先开启mysql服务，service mysqld start,看到OK就可以了然后用ifconfig命令查看虚拟机的IP地址，copy ip地址在切换到本地的mysql客户端，新建一个连接，根据提示输入相应的内容：点击确认后就可以打开了，如图所示：2.连接过程中遇到的坑：在我...
2018-11-02 15:42:53
3863
arcgis 加载地图有时会出现切片的网格线
2021-08-12
TA创建的收藏夹 TA关注的收藏夹
TA关注的人