optre - 博客园

2020年11月4日

摘要：在搭建服务之前，确保电脑有node环境，如果没有安装node，则需要安装node（可以搜索node安装教程），这里提一下，node可以直接运行js文件。 1. 安装express npm i express --save 当前express版本： "express": "^4.17.1" 2. 新建阅读全文

posted @ 2020-11-04 19:35 optre 阅读(253) 评论(0) 推荐(0)

2020年5月12日

使用QRCode.js将url生成二维码

摘要：插件下载地址： https://static.runoob.com/assets/qrcode/qrcode.min.js 1. 普通用法 <div id="qrcode"></div> <script type="text/javascript"> new QRCode(document.getE 阅读全文

posted @ 2020-05-12 09:09 optre 阅读(1516) 评论(0) 推荐(0)

2020年4月23日

使用layui遇到的问题解决

摘要：若有错误，欢迎留言纠正，更新中 1. 使用layui渲染表格时，表格一直转圈圈如果渲染表格的数据确实是添加到了optionData上，然后执行了table.reander(optionData)，那就可能是传入的数据格式不对，传入optionData的data应该是数组内包含对象格式，如果传入对象，阅读全文

posted @ 2020-04-23 23:03 optre 阅读(992) 评论(0) 推荐(0)

2019年8月26日

CSS3选择器及新增属性

摘要： 1 渐进增强和优雅降级渐进增强：针对低版本浏览器进行构建页面，保证最基本的功能，然后在针对高级浏览器进行效果、交互等改进和最佳功能达到更好的用户体验。优雅降级：一开始就构建完整的功能，然后在针对低版本浏览器进行兼容。优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是从一个非常阅读全文

posted @ 2019-08-26 19:26 optre 阅读(182) 评论(0) 推荐(0)

表单标签、属性及表格标签、属性

摘要：表单字段集 <fieldset disabled="disabled"> <legend></legend>  <form action=""></form> </fieldset> 提示信息标签 2种用法：用法一： <label for="use 阅读全文

posted @ 2019-08-26 19:25 optre 阅读(342) 评论(0) 推荐(0)

CSS单位

摘要： 1 rem 根据父元素HTML的font-size的大小设置 2 em 根据父元素的字体大小设置，默认大小为16px 3 vw和vh vw：视窗宽度 vh：视窗高度 px与vw计算公式： vw=元素所展示的大小（设计图固定大小）x 100 / 设计稿宽度高度也一般使用vw为单位阅读全文

posted @ 2019-08-26 19:18 optre 阅读(116) 评论(0) 推荐(0)

CSS背景属性

摘要：一、背景基础属性 1 背景颜色 background-color 2 背景图片设置 background-image:url(背景图片的路径及全称); 3 背景图片平铺属性 background-repeat: no-repeat / repeat / repeat-x / repeat-y 4 背阅读全文

posted @ 2019-08-26 19:16 optre 阅读(169) 评论(0) 推荐(0)

设置多个元素向右浮动

摘要： 1.设置元素并列向左浮动 float:left; 2.设置元素并列向右浮动如果仅仅设置float:right;元素会向右浮动，但是顺序会改变。解决办法看代码： <!doctype html> <html> <head> <meta charset="utf-8"> <title>多个元素浮动方向阅读全文

posted @ 2019-08-26 19:15 optre 阅读(1102) 评论(0) 推荐(0)

flex布局（弹性盒）

摘要： 1 flex布局（弹性盒，英文Flexible Box） display：flex;类似于块级元素 display:inline-flex,类似于内联元素注意：设为Flex布局以后，子元素的float，clear和vertical-align属性将会失效 2 容器的属性（添加在容器上）2.1 fl 阅读全文

posted @ 2019-08-26 19:10 optre 阅读(190) 评论(0) 推荐(0)

2019年6月28日

正则表达式

摘要：正则表达式是表示搜索模式的特殊字符串。也被称为“regex”或“regexp”，它们可以帮助程序员匹配、搜索和替换文本。简单使用 //测试myString 中是否含有Hello let myString = "Hello, World!"; let myRegex = /Hello/; //测试规阅读全文

posted @ 2019-06-28 17:05 optre 阅读(361) 评论(0) 推荐(0)