![](https://img-blog.csdnimg.cn/20210604124724538.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Web
记录Web端相关的知识与经验总结
Mephisto180502
这个作者很懒,什么都没留下…
展开
-
JavaScript 常用日期函数
JavaScript 常用日期函数原创 2023-05-15 15:31:59 · 216 阅读 · 1 评论 -
Angular 响应式表单实践应用
FormArray在动态表格中的应用原创 2023-02-01 13:20:03 · 881 阅读 · 0 评论 -
Angular&TypeScript 经验技巧
Angular 经验技巧原创 2022-12-30 17:23:01 · 1248 阅读 · 0 评论 -
vuex应用教程
Vuex是什么Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享。优点:能够在Vuex中集中管理共享的数居,易于开发和后期维护 能够高效地实现组件之间的数据共享,提高开发效率 存储在vuex中的数据都是响应式的,能够实时保持数据与页面的同步什么样的数据适合存储到Vuex中:一般情况下,只有组件之间共享的数据,才有必要存储到vuex中;对于组件中的私有数据,依旧存储在组件自身的data中即可。模板:main.jsimport Vue .原创 2022-02-24 13:54:56 · 81 阅读 · 0 评论 -
vue中页面数据回显时,下拉框/输入框无法选择或输入的问题
<el-input v-model="student.name"></el-input>export default { data () { return { student:{} } }, methods: { update () { this.student.name='莉莉丝' } }}1.这样虽然可以显示值,但是不能修改原因:vue实列创建的时候 student的属性名并未声.原创 2022-02-23 15:36:29 · 1886 阅读 · 0 评论 -
ElementUI 文件上传传递额外参数
需求是在一个表格数据里面做文件上传按钮,需要在文件上传的时候传递当前行的主键id。el-upload组件默认提供的函数都没能实现这个功能,于是对函数的写法稍加更改以实现传递额外参数的功能。HTML部分:<el-upload <!-- 禁止自动上传,所以不在这里填写上传地址 --> :action="''" <!-- 设置文件样式按钮的样式和其他按钮一行显示 --> style="display: inline-block" &l原创 2022-02-22 18:34:29 · 2260 阅读 · 0 评论 -
Vue教程
Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。创建一个 Vue 实例每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的:<div id="app"> {{ ...原创 2019-12-31 19:19:22 · 707 阅读 · 0 评论 -
JavaScript 导入导出文件
文件读取文件读取要利用到的API是FileReader,在HTML中的元素为:<body> <div> <input type="file" id="files" style="display:none" onchange="importFile();"/> <input type="button" id="import" value="导入"/> </div></body>.原创 2021-10-19 15:39:04 · 934 阅读 · 0 评论 -
创建JavaScript对象,自定义键值名字
现有两个数组:let keys = [ '宗地代码', '土地位置', '土地面积(㎡)', '土地用途', '规划用地面积(㎡)', '规划用地性质', '容积率', '建筑密度', '建筑高度', '绿地率', '投资强度', '挂牌出让起始价格', '增价幅度', '竞买保证金', '出让年限']let vals = [ '22010原创 2021-10-19 14:16:09 · 959 阅读 · 0 评论 -
JavaScript的解构赋值应用
JavaScript对象、数组的赋值原创 2020-12-18 13:58:08 · 132 阅读 · 0 评论 -
js对象数组按照一定规律重新组合
查询出来的数据是这样的:目前的数据是这样的,每个品牌都有对应7个月份的折扣数据,但是我想获得的数据效果是这样的:目前想了好久,唯一想到的方法就是将查出来的数据,重新组合成一个包含各品牌及其每个月折扣的对象数组var brandDiscountArr = [] // 重新组合的品牌数据数组var discountObj = {} //各品牌每月销量对象var brandNameSet = new Set(); // 所有品牌this.brandDiscountList.forE...原创 2020-11-19 11:06:34 · 1087 阅读 · 0 评论 -
css 控制文字换行相关属性
测试代码:下面是本文中用于测试三个样式属性展现情况的html代码:<div id="box"> Hi , This is a incomprehensibilities long word. </br> 你好 , 这 是一个不可思议的长单词</div...原创 2020-04-27 10:18:16 · 1490 阅读 · 0 评论 -
绝对定位与相对定位
CSS Position(定位)除非专门指定,否则所有框都在普通流中定位。也就是说,普通流中的元素的位置由元素在 HTML 中的位置决定。块级框从上到下一个接一个地排列,框之间的垂直距离是由框的垂直外边距计算出来。行内框在一行中水平布置。可以使用水平内边距、边框和外边距调整它们的间距。但是,垂直内边距、边框和外边距不影响行内框的高度。由一行形成的水平框称为行框(Line Box)...原创 2020-04-27 09:42:00 · 449 阅读 · 0 评论 -
JavaScript 数字处理
java.lang.Mathjava.lang.Math提供了一系列静态方法用于科学计算;其方法的参数和返回值类型一般为double型。abs() 返回绝对值ceil() 返回一个大于等于操作数的最近整数值 Math.ceil(8.3); //9.0 Math.ceil(9.0); //9.0floor() 返回一个小于等于操作数的最近整数值 Math.floor(8...原创 2020-03-12 11:40:51 · 214 阅读 · 0 评论 -
Vue 经验技巧
ref属性与refs在Vue中一般很少会用到直接操作DOM,但不可避免有时候需要用到,这时我们可以通过ref和$refs这两个来实现。ref 被用来给DOM元素或子组件注册引用信息。引用信息会根据父组件的 $refs 对象进行注册。如果在普通的DOM元素上使用,引用信息就是元素; 如果用在子组件上,引用信息就是组件实例。关于ref 注册时间的重要说明:因为 ref 本身是作为渲染结果被创建的,在初始渲染的时候你不能访问它们,它们还不存在!$refs也不是响应式的,因此你不应该试图用它在模板..原创 2020-02-04 16:23:51 · 886 阅读 · 0 评论 -
JavaScript 经验技巧
ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。ECMAScript 和 JavaScript 的关系一个常见的问题是,ECMAScript 和 JavaScript 到底是什么关系?要讲清楚这个问...原创 2020-01-21 13:39:35 · 385 阅读 · 0 评论 -
JavaScript 正则表达式
正则表达式本身就是一种语言,这在其它语言是通用的。正则表达式(regular expression)描述了一种字符串匹配的模式,可以用来检查一个串是否含有某种子串、将匹配的子串做替换或者从某个串中取出符合某个条件的子串等。创建正则对象要使用正则表达式,必须要在程序创建正则对象。我们需要得到一个RegExp类的实例。① 直接量语法创建(隐式创建)正则表达式直接量定义为包含在一对...原创 2019-12-20 10:10:14 · 134 阅读 · 0 评论 -
FormData
概述FormData对象用以将数据编译成键值对,以便用XMLHttpRequest来发送数据。其主要用于发送表单数据,但亦可用于发送带键数据(key data),而独立于表单使用。如果表单enctype属性设为multipart/form-data,则会使用表单的submit()方法来发送数据,从而,发送数据具有同样形式。key是唯一的,一个key可能对应多个value。如果是使用表单初...原创 2019-06-24 22:43:29 · 127 阅读 · 0 评论 -
FileReader和URL.createObjectURL(file)
FileReaderHTML5 定义了 FileReader 作为文件API的重要成员用于读取文件,根据W3C的定义,FileReader 接口提供了读取文件的方法和包含读取结果的事件模型。FileReader的使用方式非常简单,可以按照如下步骤创建FileReader对象并调用其方法:1. 检测浏览器对FileReader的支持if(window.FileReader) ...原创 2019-06-24 22:17:21 · 1249 阅读 · 0 评论 -
jQuery
jQuery是一个优秀的JavaScript框架,一个轻量级的JavaScript函数库,极大地简化了JS编程。jQuery对象jQuery提供的方法都是针对jQuery对象特有的,而且大部分方法的返回值类型也是jQuery类型的,所有方法可以连缀调用。jQuery.action().action();文档就绪事件您也许已经注意到在我们的实例中的所有 jQuery 函数...原创 2019-05-23 22:53:04 · 243 阅读 · 0 评论 -
JQuery 事件监听
什么是事件监听当用户在界面上执行一个操作,例如按下键盘、拖动或者单击鼠标时,都将产生一个事件。类似的DOM事件如:onclick、onmouseover、onmouseout、onkeydown、onkeyup、onkeypress、onload、onselect、onchange、onchange、onfoucs、onblur等等。那么,我们对这些事件进行监听就叫做事件监听。on() 和...原创 2019-05-17 14:52:45 · 1076 阅读 · 0 评论 -
Json
JSON: 是JavaScriptObjectNotation(JavaScript 对象表示法),它是一种数据交换格式。JSON 是存储和交换文本信息的语法。类似 XML。JSON 比 XML 更小、更快,更易解析。JSON基础结构因为JSON使用JavaScript语法,所以无需额外的软件就能处理JavaScript中的JSON。JSON还规定了字符集必须是U...原创 2019-04-16 22:00:07 · 218 阅读 · 0 评论 -
jQuery常用操作整理
模拟选项卡点击样式切换 $(this).addClass("active").siblings().removeClass("active"); jQuery获取Select选中项的Text和Value 为Select添加事件,当选择其中一项时触发 $("#select_id").change(function(){//code...}); 获取Select选中...原创 2018-07-25 14:36:42 · 427 阅读 · 0 评论 -
浏览器对象模型(BOM)
Window 对象浏览器对象模型(Browser Object Model)使JavaScript有能力与浏览器"对话"。所有浏览器都支持 window 对象。它表示浏览器窗口。所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。全局变量是 window 对象的属性。全局函数是 window 对象的方法。甚至 HTML DOM 的 d...原创 2018-05-17 23:24:11 · 169 阅读 · 0 评论 -
文档对象模型(DOM)
文档对象模型(DOM)当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。通过DOM,可以访问所有的HTML元素,连同它们的文本和属性,可以进行修改、删除以及创建新的元素。HTML文档中的所有元素(节点)组成了一个文档树(节点树、DOM树)。文档中的每个元素(节点)属性、文本都代表着树中的一个节点,而document对象是一个文档树的根...原创 2018-05-17 14:57:39 · 1196 阅读 · 0 评论