随笔分类 - [07] HTML/XHTML/CSS
用于开发网页/网站。
摘要:CSS display: flex布局 来源 https://zhuanlan.zhihu.com/p/646436119 前言 早期CSS布局依赖display属性+position属性+float属性。它对特殊的布局非常不方便,如,垂直居中。 于是,W3C在2009年提出了一种新的方案——Fle
阅读全文
摘要:CSS display inline-block flex grid CSS的display属性是一个核心属性,用于控制元素如何在页面布局中显示,包括其盒模型的行为。以下是display属性的一些常见值及其示例代码:1. block 说明:将元素变为块级元素,独占一行,可以设置宽高、内外边距。 示例
阅读全文
摘要:C:\Users\Administrator>npm install axios npm WARN Administrator@1.0.0 No description npm WARN Administrator@1.0.0 No repository field. + axios@0.24.0
阅读全文
摘要:C:\Users\Administrator>npm install axios npm WARN saveError ENOENT: no such file or directory, open 'C:\Users\Administrator\package.json' npm notice c
阅读全文
摘要:axios axios的发音是: 英[æksi:əʊs] 美[æksioʊs] Promise based HTTP client for the browser and node.js Features Make XMLHttpRequests from the browser Make http
阅读全文
摘要:插值文本数据绑定最常见的形式就是使用 {{...}}(双大括号)的文本插值:文本插值 <div id="app"> <p>{{ message }}</p> </div> {{...}} 标签的内容将会被替代为对应组件实例中 message 属性的值,如果 message 属性的值发生了改变,{{.
阅读全文
摘要:用文本编辑器创建 index.html 文件,内容如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例 </title> <script src="https://cdn.bootcdn.net/ajax/l
阅读全文
摘要:目录解析 目录/文件说明 build 项目构建(webpack)相关代码 config 配置目录,包括端口号等。 初学可以使用默认的。 node_modules npm 加载的项目依赖模块 src 这里是我们要开发的目录,基本上要做的事情都在这个目录里。里面包含了几个目录及文件: assets: 放
阅读全文
摘要:E:\temp>mkdir vuetestE:\temp>cd vuetestE:\temp\vuetest>vue init webpack runoob-vue3-test Command vue init requires a global addon to be installed. Ple
阅读全文
摘要:打包 Vue 项目使用以下命令:E:\temp\vuetest\runoob-vue3-test>cnpm run build执行以上命令,输出结果如下: 执行完成后,会在 Vue 项目下会生成一个 dist 目录,该目录一般包含 index.html 文件及 static 目录,static 目录
阅读全文
摘要:官网 https://www.layui.com/ 演示 https://www.layui.com/demo/
阅读全文
摘要:https://www.thymeleaf.org/ Thymeleaf is a modern server-side Java template engine for both web and standalone environments. Thymeleaf's main goal is t
阅读全文
摘要:html/CSS-配置VScode一、快速编辑新建一个html文件首行输入 ! 回车 二、运行html界面安装插件 1、点击安装插件按钮搜索:open in broweralt+b 运行html文件alt+shift+b切换不同浏览器运行REF https://blog.csdn.net/qq_25
阅读全文
摘要:notepad++ Sublime text Atom VS Code(Visual Studio Code) 1. Atom2. WebStorm 3. Chocolate 4. Firebug5. TextMate 浏览器devtools 国产Hbuilder webstorm,sublime
阅读全文
摘要:转自 https://blog.csdn.net/qq_39822451/article/details/83303186 html源码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery UI Tooltip -
阅读全文
摘要:Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at file:///xxx.txt. (Reason: CORS request not http). 原因: 浏览
阅读全文
摘要:var haha=document.getElementById("Conds").value;haha=haha.replace(/<br>/g,"\n").replace(new RegExp(/( )/g),"");document.getElementById("Conds").value=
阅读全文
摘要:Element UI https://element.eleme.io/#/zh-CN EasyUI easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。 easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。 使用easyui你不需要
阅读全文
摘要:经常遇到JSP网页需要适配手机设备的尺寸问题解决: 在JSP加入<meta name="viewport" content="width=device-width; initial-scale=1.4; minimum-scale=1.0; maximum-scale=2.0"/> content属
阅读全文
摘要:AS an old question, this is more like info or reminder about vertical margin or padding in % that takes parent's width as reference .If you use a pseu...
阅读全文