前端基础
xiaoxiede_wo
这个作者很懒,什么都没留下…
展开
-
vue-router
1.安装使用<script src="/path/to/vue.js"></script><script src="/path/to/vue-router.js"></script>或者npm install vue-router// 0. 如果使用模块化机制编程,导入Vue和VueRouter,要调用 Vue.use(VueRouter)// 1. 定义 (路由) 组件。// 可以从其他文件 import 进来const Foo =原创 2021-07-12 20:07:00 · 109 阅读 · 0 评论 -
hexo+github如何上传自己的网页
进入你的网站文件夹1.在public文件夹下创建一个myDoc文件夹;2.把自己网页的所有资源文件都复制到myDoc里;3.在theme中的_config.xml中加入一下# Headermenu: Home: / myDoc: /myDoc Archives: /archivesrss: /atom.xml再hexo g--->hexo d....原创 2019-07-13 21:21:30 · 430 阅读 · 0 评论 -
input总是和button不能对齐
之前写搜索框时没注意这个问题,按正常而定写法input框和button边框总是不能对齐,可以在控制台通过实验button的marign-top来调节,但是还是不太好的这里的总会出现错位;解决1:在input和button外层都加一层span,使两个span对齐,处理input边框就行了,代码:html: <div class="search"> ...翻译 2019-06-08 18:56:14 · 2822 阅读 · 0 评论 -
用iframe实现跨域
同源情况下可以这样取值:iframe.contentWindow.age;father-->son window.parent.age; son---->father不同源下:1.获取hash值---->son取father中的值在father页面中: <...原创 2019-05-11 21:55:59 · 2563 阅读 · 1 评论 -
http请求过程解析
(裸域中只能绑定一个a记录(对应的IP地址)不能有小名(绑定c记录向浏览器中输入www.xxx.com后 http请求的过程解析:1.http请求大致过程:www.baidu.com--->DNS服务器把域名解析成IP地址(倒着一段一段的解析),返回给客户端,浏览器收到IP地址后,可以向该IP地址定位,向该服务器发送请求;解析: 2.http请求,通...原创 2019-05-08 21:48:25 · 541 阅读 · 0 评论 -
封装一个获取具有某class属性值的所有元素的方法
我们要知道数组的slice方法的底层实现原理: Array.prototype.slice = function(a,b){ var newArr=[]; for(var i = 0;i < b;i++){ newArr.push(arr[i]); } return newArr; }如果有以下dom结构: <input id="de...原创 2019-04-29 21:11:58 · 841 阅读 · 0 评论 -
ajax获取json数据
AJAX= Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。AJAX 是一种用于创建快速动态网页的技术。AJAX 不是新的编程语言,而是一种使用现有标准的新方法。AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏...原创 2019-03-28 13:37:42 · 884 阅读 · 0 评论 -
关于跨域
关于跨域:浏览器本身存在同源策略。 协议,域名,端口相同,视为同一个域,一个域内的脚本仅仅具有本域内的权限,可以理解为本域脚本只能读写本域内的资源,而无法访问其它域的资源。这种安全限制称为同源策略。不能访问本地的json文件问题:访问本地计算机中的文件,使用的是file协议 file协议主要用于访问本地计算机中的文件,就如同在Windows资源管理器中打开...原创 2019-03-30 17:14:13 · 116 阅读 · 0 评论 -
轮播图
滑动式轮播图:需要实现的是 1、定时播动; 2、每次图片停留几秒再轮播走; 3、向后滑动时做到尾首连接; 4、向前滑动时做到首尾连接。* 滑动式轮播图(无缝连接 最后一张与第一张连接)* a1.....a6.jpg轮播:6张图轮播我需要再加上两张图做到首<-s>尾...原创 2019-03-03 18:05:23 · 158 阅读 · 0 评论 -
淘宝首屏
<!DOCTYPE html><html><head> <title>淘宝网</title> <link rel="stylesheet" type="text/css" href="tb.css"></head><body&原创 2019-02-25 19:26:02 · 1742 阅读 · 0 评论 -
html+css知识汇总
<!--前端总结 -->一,基础标签1.html ---->hyperText markup language超文本标记语言2.<html></html> 根标签<head>设置浏览器特性</head> ,<body>展示给用户</body>结构化标签3.编码字符集:gb2312(原创 2019-02-25 19:22:47 · 183 阅读 · 0 评论