![](https://img-blog.csdnimg.cn/20210816212506336.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
热爱计算机
厦门摩块诗信息科技
微信号:xmwqhh,提供软件开发服务
展开
-
Vue解决跨域问题
场景:来源于团队成员的分享注意:vue.config.js更新完后要记得重启(一)新建vue.config.js 并配置module.exports = { devServer: { open: true, host: 'localhost', port: 8081, https: false,//如果是https 还要加上secure:false //以上的ip和端口是我们本机的;下面为需要跨域的原创 2022-04-10 06:14:47 · 1559 阅读 · 0 评论 -
关于@font-face
场景:昨天在同学因为不想弄CND 于是自己下载Bootstrap包并导入,但字体图片无论怎么样都显示不了,于是加了下面几行代码就弄好了探索过程:1.后来我Ctrl+左键 去查看对应的源码发现font-family有一个自定义的字体样式这个字体样式需要我们自己导入 也就是用到了@font-face@font-face是CSS中的一个模块 用于导入自定义字体样式分析下@font-face的语法/*一.常用的字体格式:woff ttf eot otf svg二.对应的..原创 2022-03-27 05:57:18 · 740 阅读 · 0 评论 -
CSS实现1024动画
效果图:一.方法要点:1.animation函数使用2.nth-child(n)控制子元素3. @keyframes+自定义函数 来定义动画规则和关键帧二.核心代码讲解:1animation: myMove 1.5s ease alternate infinite;参数对应: name,durationm,timing-function,direction,iteration-count2.(1)其中0% 50% 100%定义不同时刻的帧(2)rotateY原创 2021-10-24 16:25:39 · 268 阅读 · 0 评论 -
Vue-搜索框实现
一.方法分析1.字符串匹配2.v-for循环实时更新元素3.@click=""实现点击后页面的跳转同时设置不同id来根据内容的不同来跳转到不同页面二.代码分析:html代码:1.设置v-model绑定元素内容2.goPage(data.id) 写一个函数来根据id不同跳转界面<div class="container" id="div1"> <div class="search bar1"> <form> ..原创 2021-10-22 13:56:56 · 9320 阅读 · 0 评论 -
两行js代码实现页面横向滚动
1.HTML代码:<main> <div class="container"> <div class="page">Page1</div> <div class="page">Page2</div> <div class="page">Page3</div> </div></main>2.JS代码:deltaY:鼠标滚轮往上移动,de...原创 2021-10-16 16:18:50 · 602 阅读 · 0 评论 -
javascript动态网页
1. 效果图 源码:原创 2021-09-26 20:19:46 · 1013 阅读 · 0 评论 -
CSS实现动态按钮
1.animate()函数使用$(selector).animate(styles,speed,easing,callback)分析:1.导入Jquery地址<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script><script src="jquery.color.js"></script>我的github下载地址:...原创 2021-09-24 22:43:21 · 641 阅读 · 0 评论 -
Bootstrap实现Markdown编辑器
进腾讯 效果图:争取写出一个直接获取鼠标键盘事件的web界面,而无须通过标签进行操作 一.工具简介1.Bootstrap框架2.ace编辑器3.javascript中highlightjs在我的git hub上可下载全部源码(包括工具包)下载后直接可运行GitHub: Where the world builds...原创 2021-09-19 14:04:06 · 1220 阅读 · 1 评论