H5
关注
分享
扫一扫
makelucky
makelucky
展开
-
动态路由 给路由加随机函数 vue路由匹配
动态路由当路由相同时，router-vue是不会在跳转路由的，所以，我在以动态路由的方式在url后加了随机数，但是有了随机数之后，即使相同的页面也不会有相同的url，所以router-link的acitve-class就不能够匹配到了。这里有两个问题，一是怎么在vue模板上使用模板字符串，二是再如何匹配到正确的url，以便按钮高亮。一，在vue模板上使用模板字符串<route...原创 2019-11-19 20:02:03 · 2290 阅读 · 0 评论 -
vue模板中不能使用模板字符串问题
只需在属性前面加：，然后将··放在“”中即可<router-link :to="`${Math.random()}`"></router-link>原创 2019-11-19 17:54:53 · 4718 阅读 · 0 评论 -
node版本形式
版本号的基本形式为 ：MAJOR.MINOR.PATCH即 3 部分组成，增加每个部分的值的含义分别如下：MAJOR： 软件的 API 改变MINOR： 修改或添加功能，但保持向后兼容（API 未变）PATCH：补丁，主要是错误修复...原创 2019-11-12 10:19:57 · 233 阅读 · 0 评论 -
node的版本管理
在我们的日常开发中经常会遇到这种情况：手上有好几个项目，每个项目的需求不同，进而不同项目必须依赖不同版的 NodeJS 运行环境。如果没有一个合适的工具，这个问题将非常棘手。node的版本管理有两种方式：n和nvm。n本身就是node的一个模块。所以安装方式较为简单(以下为全局安装方式）npm i n -g查看已经安装的所有版本n安装稳定版本n stab...原创 2019-11-12 10:12:35 · 1441 阅读 · 0 评论 -
module.exports、exports、export、export default与import、require
首先搞清楚在什么时候可以用什么样的语句只有ES6支持：import、export、export default只有node支持 ： module.exports 、 exportsES6与node都支持 ： requireexport 与 export defalutexport default是默认接口，在一个文件夹中只能定义一个，而export可以定义无数个。ex...原创 2019-11-09 16:34:30 · 150 阅读 · 0 评论 -
margin auto 失效 text-align 失效
https://blog.csdn.net/qq_37621289/article/details/82910652转载 2019-11-06 17:49:23 · 189 阅读 · 0 评论 -
如何让元素不继承父元素的宽度或者高度
此时有可能是元素为block，设置为inline或着inline-block 即可原创 2019-11-06 17:46:47 · 13943 阅读 · 0 评论 -
HTTP与HTTPS的区别
HTTP概念: HTTP协议（HyperText Transfer Protocol，超文本传输协议）是用于从WWW服务器传输超文本到本地浏览器的传输协议。是一个客户端和服务器端请求和应答的标准（TCP），是客户端浏览器或其他程序与Web服务器之间的应用层通信协议。在Internet上的Web服务器上存放的都是超文本信息，客户机需要通过HTTP协议传输所要访问的超文本信息。HTTPS概念：H...原创 2019-11-04 08:52:43 · 272 阅读 · 0 评论 -
thead固定tbody滚动 table的局部滚动
最近在写后台管理系统，在数据的显示上，table如果整体滚动的话，头部信息就会滚到消失，这样显示不太友好，百度了很多，终于实现了这种方法。首先thead设置thead{ display:table/inline-block;}然后tbody设置tbody{ display:inline-block;//或者block height:300px;//设置...原创 2019-11-01 19:28:05 · 416 阅读 · 0 评论 -
圣杯布局（网格布局）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-10-24 10:37:35 · 293 阅读 · 0 评论 -
圣杯布局（弹性盒子实现）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-10-24 10:00:56 · 362 阅读 · 0 评论 -
圣杯布局(浮动实现)
圣杯布局是一种很常见的css布局。他要求：1、上部和下部各自占领屏幕所有宽度。2、上下部之间的部分是一个三栏布局。3、三栏布局两侧宽度不变，中间部分自动填充整个区域。4、中间部分的高度是三栏中最高的区域的高度。浮动实现<!DOCTYPE html><html lang="en"><head> <meta ch...原创 2019-10-24 09:57:02 · 420 阅读 · 0 评论 -
gulp是啥？
了解gulp之前，我们应该了解node.js、npm(cnpm)与gulp的概念。首先，node.js是JavaScript的运行环境。众所周知，JavaScript是客户端的脚本语言，而node.js是让JavaScript运行在服务器的一个平台，也可以说node.js就是运行在服务器端的JavaScript。npm是跟随node.js一起安装的包管理器，用于node的插件管理而gu...原创 2019-10-18 09:04:15 · 371 阅读 · 0 评论 -
函数节流和函数防抖
函数防抖<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ...原创 2019-10-16 21:12:20 · 86 阅读 · 0 评论 -
nodejs写的猫眼爬虫
const https = require('https')const cheerio = require('cheerio')const http = require('http')http.createServer((request,response)=>{ response.writeHead(200,{ 'Access-Control-A...原创 2019-10-16 20:32:26 · 250 阅读 · 0 评论 -
better-scroll的滚动坑
在写移动端网页使用better-scroll的时候，发现各个数据都存在，也会触发滚动函数，但就是不会滚动，这时打印betterscroll的对象发现途中圈红位置标示是否可以滚动，只有滚动长度大与容器长度（如纵向滚动时scrollerHeight>wrapperHeight时时才可以滚动，相应圈红位置才为true，为true时就可以滚动啦。像我这种问题，原因是因为异步原因，虽然页面...原创 2019-10-14 09:54:32 · 303 阅读 · 0 评论 -
盒子模型中padding 和 border 属性会撑大盒子
如下代码下a、b、c部分的宽高均为100，可是大小却不同<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>练习</title> <style> * { margin:0; padding:0; ...原创 2019-04-14 14:38:49 · 2877 阅读 · 2 评论 -
列表标题单行显示并用省略号代替省略溢出字体
我们想象中的新闻标题列表是这样的，井然有序然而，并不是每个标题的字数都是这样合适，比如下面这个标题，字数一多它就自动换行了，将美观的样式打乱了。然而，我们想要的是下面这种样式，每个标题只占一行，超出的部分的字体隐藏，并且用省略号代替。若想实现只需要设置CSS的三个属性：white-space:nowrap; /*不换行*/overflow:hidden; ...原创 2019-04-14 20:58:02 · 267 阅读 · 0 评论 -
无序列表 有序列表 自定义列表
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>列表练习</title> </head> <body> <h1>无序列表</h1> <ul> <li>...原创 2019-04-19 20:17:04 · 479 阅读 · 0 评论 -
CSS标签分类（块元素 行内元素 行内块元素）
块标签：divph1-h6hr ulol lidl dd dt form ①支持宽高，自上而下排列②不受空格影响③一般用于其他标签的容器④默认宽度为100%（独占一行）。行内标签：spani ab strong em sub sup u label br font...原创 2019-05-21 20:31:51 · 10652 阅读 · 0 评论 -
几种导航栏练习
第一种<DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>导航</title> <style> *{ margin:0; padding:0; } ul{ width:500...原创 2019-05-21 20:46:15 · 717 阅读 · 0 评论 -
定位 （子绝父相）、行内元素转换为块元素练习（电子相册、点击按钮切换图片）
第一种<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>图片切换</title> <style> *{ margin:0; padding:0; } .box{ width:...原创 2019-05-21 20:52:31 · 408 阅读 · 0 评论 -
定位（绝对定位 相对定位 默认 固定定位）
（1）绝对定位（position：absolute）①相对于已经定位的父级元素去定位②若父级元素未定位，则相对于HTML根文档定位③完全脱离文档流，不占有位置④通过left top bottom right定位（2）相对定位（position：relative）①相对于自身默认位置定位②不脱离文档流，占有位置③主要作用是给绝对定位当父级元素用（3）固...原创 2019-05-21 20:55:00 · 4253 阅读 · 0 评论 -
如何让一个元素在父级元素中上下左右都居中
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>图片居中问题</title> <style> *{ margin:0; padding:0; } a{ display:i...原创 2019-05-21 21:03:54 · 1294 阅读 · 0 评论 -
CSS JS 的样式
CSS行间样式表<p style="width=30 height=30"></p>内部样式表<head> <style> *{ margin:0; padding:0; } </style></head>...原创 2019-05-22 21:10:58 · 102 阅读 · 0 评论 -
HTML中绝对路径和相对路径
路径是指文件存放的位置，在网页中利用路径可以引用文件，插入图像、视频等。而表示路径的方式有两种：绝对路径和相对路径。以下讨论均是在HTML环境下进行。绝对路径：（完整的网址或者地址）路径简单明了，便于搜索引擎搜索，但不容易移植，如果项目域名变化或者移植到新的文件夹，所设置的路径会失效。链接外链是需要使用绝对路径的。来源于本地：来源于网络：完整网页链接(https://）+图片路...翻译 2019-06-28 15:54:57 · 737 阅读 · 0 评论 -
canvas绘制贝塞尔曲线
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="...原创 2019-09-28 21:03:23 · 291 阅读 · 0 评论 -
CSS重置样式
CSS文件中清除标签默认样式可以使用* { margin:0; padding:0;}但是，当你翻阅各大网站的代码时他并不是使用这样的语句，比如新浪网站使用如下语句：@charset 'utf-8';html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img { mar...原创 2019-04-14 09:03:42 · 1811 阅读 · 0 评论