vicsdmpy-CSDN博客

原创记录工作中遇到的问题

1.van-image不能调用本地图片，原因以及解决办法https://blog.csdn.net/zhiliao_aaa/article/details/117087470?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-1&spm=1001.2101.3001.4242

2021-10-09 09:58:51 143

前段时间公司一个海外项目需要把链接分享到WhatsApp，Facebook等软件上，分享到聊天框的时候想要展示富文本（图片，标题，简介），如果在微信和qq上是有对应的api直接调取传参即可，但是外网的几个软件则需要Open Graph Protocol协议，也就是<meta property="og:type" content="website"><meta property="og:title" content="xxx"><meta property="og:im

2021-01-05 22:45:11 873

原创大图轮播效果

效果如图，原理比较简单直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; } .box{ ..

2020-10-24 03:27:11 202

原创分享一个免费内网穿透工具

首先，进到首页https://natapp.cn/，点击免费注册然后，进行登录，是这个页面点击，购买隧道，选择免费型，直接点击免费购买然后点击我的隧道，点击配置填写以下信息，其它不用管，然后点击保存再点击我的隧道，状态显示正常就可以了接下来点击上方的首页，点击立刻下载下载后解压是这样的，双击点开natapp.exe进入到命令行界面，natapp -authtoken=你的authtoken值，au...

2020-10-09 09:17:58 11127 13

原创拖动验证码功能

效果如上图（有点简陋），原理就是先给图片添加draggable="false"禁止默认拖动事件，获取眼睛图片对象添加addEventListener，通过公式（移动后鼠标点击位置距离左边的长度 - （移动前鼠标点击位置距离左边的长度-移动前眼睛图片距离左边的长度）求得移动后眼睛图片距离左边的长度，通过定位设置眼睛最终的位置，高度同理，然后document.removeEventListener去掉事件监听，再根据事先测量好的位置来判断是否正确（移动端同理，把鼠标mouse事件换成touch相关事件即可）..

2020-10-08 23:43:11 826

原创人生中第一款开发的“鸿蒙系统”APP有感

原教程地址：https://www.bilibili.com/video/BV1hv411179b?p=18这个app我用js写的，可能因为我是做前端开发，用的是vue，也熟悉小程序，所以感觉学起来并不难。有些功能并不完善，包括tab自动补全功能，热更新等插件也没全，开发时不算太友好，但是毕竟是国人刚开发的系统，不管怎么说抓住时机争取做第一批码农是最好的，错过了安卓，鸿蒙不能错过...

2020-10-08 02:59:41 2785

原创前端百叶窗动画效果

先看效果原理就是先把页面分成x列等宽的div，然后每一列根据你想要的动画变幻的次数再分成几个div，每一次动画变化实际上就是每一个小div宽度由0%变成100%的过程，以此类推，下面上代码（vue模板）学习视频源地址：https://www.bilibili.com/video/BV17y4y1y7Awhtml部分<template> <div class="hello"> <div class="con d1"> <d

2020-10-05 18:02:07 1161

原创前端火箭飞行效果

效果如图，原理就是一个火箭的图标做上下颤动的动画，喷气条是一个颜色渐变的长方块，四周的白条是几十条随即长度，动画时间随机的长条，下面上代码（用vue模板写的）学习视频源地址（原生js写）：https://www.bilibili.com/video/BV14K411P7LAhtml部分<template> <div class="hello"> <div class="rocket"> <img src="./...

2020-10-05 17:34:00 603

原创不用vue-cli搭建项目总结

原文链接https://blog.csdn.net/u013368397/article/details/86467581一、打开对应的空目录，使用npm init创建项目npm init二、安装vue和webpack，安装loader转换器，包括vue-loader，css-loader，url-loader，style-loadernpm i webpack vue vue-loadernpm i style-loader css-loader url-loader三、新建sr

2020-09-29 16:11:47 1105

原创 vue实现一键换肤功能

1.创建所需要替换的css文件，1个皮肤对应一个，放在同一个目录2.用link在index.html引入你所要用的皮肤css文件3.在你需要实现换肤的页面添加方法（1）首次加载，默认选中第一个皮肤，之后就选择最后所选的皮肤（2）把皮肤css文件名字写成数组变量，随机获取，赋值给id=‘skin’的link的href，从而改变皮肤想要新增皮肤的话就新加皮肤css文件，然后只需要修改data的skinArr变量即可...

2020-09-28 11:15:58 2236

vicsdmpy的博客