执手听风吟

2020年6月9日

摘要： 1、下拉框，效果如下图所示：代码： <style> .selectBox { width: 90px; margin: 50px; } .select { width: 90px; background-color: #17a6b5; height: 40px; cursor: pointer; 阅读全文

posted @ 2020-06-09 17:39 执手听风吟阅读(1237) 评论(0) 推荐(0) 编辑

javascript拖拽滑动条

摘要：本文将会介绍两种拖拽滑动条的情况，有需要的小伙伴可以参考一下。 1、被拖拽内容长度小于父元素内容长度，效果图如下所示：代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> #div0 { w 阅读全文

posted @ 2020-06-09 16:32 执手听风吟阅读(1234) 评论(0) 推荐(0) 编辑

2020年6月8日

行内元素默认间距的4种解决办法

摘要：相信很多小伙伴在页面布局上都碰到过行内元素之间存在默认的间隙的问题。其实这是因为行内块元素之间，浏览器会有一个默认的间距。如图：解决的办法有四种： 1.html中将行内元素在同一行显示，不影响美观即可，可读性比较差 <div class="main"> <!-- 在html中将行内元素在同一行显示阅读全文

posted @ 2020-06-08 10:57 执手听风吟阅读(4093) 评论(0) 推荐(0) 编辑

2020年6月5日

Html5 video用法详解

摘要： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>test1</title> </head> <body> <!-- video对象属性：width height 设置视频的宽高 autoplay 视频就绪自动阅读全文

posted @ 2020-06-05 18:34 执手听风吟阅读(3493) 评论(0) 推荐(0) 编辑

2020年4月16日

npm装包时-S和-D的区别

摘要： npm install name --save 简写（npm install name -S）自动把模块和版本号添加到dependencies。npm install name --save--dev 简写（npm install name -D）自动把模块和版本号添加到devdependenc 阅读全文

posted @ 2020-04-16 09:59 执手听风吟阅读(474) 评论(0) 推荐(1) 编辑

2020年4月8日

css3实现背景模糊的三种方式

摘要：一、普通背景模糊代码： <Style> html, body { width: 100%; height: 100%; } * { margin: 0; padding: 0; } /*背景模糊*/ .bg { width: 100%; height: 100%; position: relati 阅读全文

posted @ 2020-04-08 10:38 执手听风吟阅读(37071) 评论(0) 推荐(0) 编辑

2020年4月3日

纯CSS3实现圆圈动态发光特效动画

摘要：效果图：代码： <!DOCTYPE HTML> <html> <head> <title>纯CSS3实现圆圈动态发光特效动画</title> <style> body { background-color: #000000; } @keyframes twinkling { 0% { opacit 阅读全文

posted @ 2020-04-03 12:03 执手听风吟阅读(8506) 评论(0) 推荐(0) 编辑

2020年3月19日

vue项目打包后部署在二级目录，路径出错问题

摘要：问题分析：因为打包后的文件是从根目录开始找的，所以把打包后的文件放在二级目录下时引入的资源路径将无法被正确解析。解决办法： 1、静态文件路径错误找到config文件夹下的index.js文件，把assetsPublicPath 中的'/'成为'./' 2、背景图片路径错误在css中写的bac 阅读全文

posted @ 2020-03-19 15:19 执手听风吟阅读(4157) 评论(0) 推荐(0) 编辑

2020年3月4日

js清空对象（删除对象的属性）

摘要：方法一：字面量定义对象（1）定义一个空对象并打印出来，代码和打印结果如下：代码： const person = {}; console.log(person); 打印结果：（2）为对象添加属性并打印，代码和打印结果如下：代码： person.name = 'zhangsan'; person 阅读全文

posted @ 2020-03-04 16:41 执手听风吟阅读(15606) 评论(0) 推荐(0) 编辑

2020年2月12日

Cesium学习笔记2-CesiumWidget-Model图元使用讲解

摘要：一、在搜索框中输入Model可以查看Model示例二、创建模型 heading：左右旋转 pitch：上下旋转 roll：随着视角方向旋转（从左到右为正，从右到左为负，上为正，下为负）三、点击Documentation可以查看文档，但是必须要执行“npm run generateDocument 阅读全文

posted @ 2020-02-12 09:27 执手听风吟阅读(989) 评论(0) 推荐(0) 编辑

公告