- 博客(13)
- 资源 (1)
- 收藏
- 关注
原创 关于vue中图片地址路径的问题,框架element-ui自定义弹框,加入图片
先说最紧要的:路径问题:在vue-cli3中public不被打包,src下的assets是被打包的,只能使用相对地址。最重要的是,template中img的src在打包后就变了,而动态创建的img直接加上相对地址后还是相对路径的字符串结:动态创建的img之前需要直接引入const url = require('@/assets/logo.png'),再将地址给url;问题1:在...
2018-09-25 16:43:32 8165
原创 让一个元素垂直水平居中的四种方法
第一种方法:div.box{weight:200px;height:400px;<!--把元素变成定位元素-->position:absolute;<!--设置元素的定位位置,距离上、左都为50%-->left:50%;top:50%;<!--设置元素的左外边距、上外边距为宽高的负1/2-->margin-left:-10...
2018-08-08 08:53:49 4121
原创 常见的数组方法
1、join()var arr = [1,2,3];console.log(arr.join()); // 1,2,3console.log(arr.join("-")); // 1-2-3console.log(arr); // [1, 2, 3](原数组不变);举例:return new Array(n + 1).join(str);可返回n个str拼接在一起2、pus...
2018-07-22 15:46:45 223
原创 常见的字符串方法
1、charAt()——str.charAt(n)——返回第n个字符;2、indexOf()——str.indexOf(substr,start)——返回 substr 在str 中首次出现的位置,start位置从前往后找,不存在,则返回 -1。 3、lastIndexOf——str.indexOf(substr,start)——同indexOf(),从后往前找。4、substrin...
2018-07-22 14:07:11 2017
原创 竖导航下拉菜单、多级下拉菜单
简单的下拉菜单 一、HTML<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>menu</title> <link rel="stylesheet" type="text/css" href="menu.css" /> <script
2017-05-24 16:57:36 568
原创 竖导航下拉菜单、多级下拉菜单
简单的下拉菜单 一、HTML<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>menu</title> <link rel="stylesheet" type="text/css" href="menu.css" /> <script
2017-05-24 16:57:30 3264
原创 图片轮播器
一、轮播器 1、HTML框架<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>图片轮播器</title> <link rel="stylesheet" type="text/css" href="slider.css" /> <scrip
2017-05-24 16:33:43 532
原创 图片滚动
图片的无缝滚动 一、HTML<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="gundong.css" /><!--引入css:link:css;--> <script src=
2017-05-24 16:26:14 513
原创 Table总结
Table总结 一、HTML框架<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>table</title> <link rel="stylesheet" type="text/css" href="table2.css" /> <script sr
2017-05-24 16:20:53 243
原创 仿豆瓣(静态web布局)(全)
<!DOCTYPE html><!--快捷键“!+Tab”--><html xmlns="http://www.w3.org/1999/xhtml" class="sui-componentWrap"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!--最好设置编码方式“gb2312”--
2017-05-22 19:55:18 2990 1
原创 圆形时钟
可以实现时间与PC同步的时钟。HTML框架:闹钟canvas{ position:absolute; top:10px; left:10px;}pp.js代码:// 绘制图像var canvas=document.getElementById('canvas');var context=canvas.getContext('2d');
2017-04-01 17:10:15 1225
原创 文字的输入输出和查找功能
字符的插入删除以及文字的查找 Document #input-group{ width: 70%; margin: auto auto; } #input-group input{ border:none; border: 1px solid #808080; border-radius: 5px; font-
2017-04-01 16:56:17 355
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人