前端
忆水思寒
写博客,增定力,留记忆
展开
-
javascript中的箭头函数
1.箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种像上面的,只包含一个表达式,连{ … }和return都省略掉了。还有一种可以包含多条语句,这时候就不能省略{ … }和return:2. 箭头=>前面是形参,箭头后面是函数体,函数匿名如果参数不是一个,就需要用括号()括起来:如果要返回一个对象,就要注意,如果是单表达式,这么写的话会报错:x => { foo: x }应该改为x => ({ foo: x })3.(this函数) 箭头函数看上去是匿名函数转载 2022-04-26 19:23:42 · 2159 阅读 · 0 评论 -
【VS Code】设置的Tab键长度为4个空格,实际为3个
现象:设置的Tab键占用4个空格,实际只有3个空格缩进原因:VSCode默认启用了根据文件类型自动设置tabsize的选项解决:如下设置————————————————版权声明:本文为CSDN博主「愚工人生」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/yug_9527/article/details/108111603...转载 2022-04-13 23:10:09 · 1622 阅读 · 0 评论 -
[vue/no-unused-vars] ‘index‘ is defined but never used. eslint-plugin-vue
eslint 报错 [vue/no-unused-vars] ‘index’ is defined but never used.打开vscode,找到设置,搜索 setting.json写入 如下配置,“vetur.validation.template”: false,保存关闭后,重新打开原创 2022-04-13 15:58:26 · 4199 阅读 · 0 评论 -
Parsing error: Unexpected token
在使用vue cli3的时候,遇到如下问题: error: Parsing error: Unexpected token < at src\views\index.vue:1:1:> 1 | <template> | ^| <div class="index">| <router-view></router-view>| <TabBar :data="tabba...转载 2021-07-23 13:32:15 · 15454 阅读 · 2 评论 -
vscode jsconfig.json配置文件使用说明
文章目录 文章参考jsconfig与 tsconfig.json 的关系?为什么我需要一个jsconfig.json文件?jsconfig.json的存放位置?属性说明jsconfig.json案例 文章参考 vscode中的 jsconfig.json jsconfig与 tsconfig.json 的关系? jsconfig.json 是 tsconfig.json 的后代,后者是 TypeScript 的配置文件jsconfig.json相当于tsconfig.json的“all..转载 2021-07-21 09:53:20 · 3722 阅读 · 0 评论 -
VSCode vetur 格式化设置缩进为4个空格
在个人设置的json文 件里面添加如下代码: "vetur.format.options.tabSize": 4, "vetur.format.options.useTabs": false转载 2021-07-15 17:19:37 · 1770 阅读 · 0 评论 -
Vue:The template root requires exactly one element.的解决办法
这是因为vue的模版中只有能一个根节点,所以在<template>中插入第二个元素就会报错 解决方案: 将<template>中的元素用一个大的<div>包起来,这样就可以在其中添加多个元素了,可以参考以下示例: <template> <div id="vue"> Hello Vue.js!{{message}} &l...转载 2021-07-14 17:28:31 · 204 阅读 · 0 评论 -
什么是 webpack 以及 其作用?
1.理解什么是webpack 上网搜索的直接解释是: 模块化打包机 或者 模块打包工具。 首先,认为它是一个工具,帮助我们更好的处理事情的。 其次,“打包”,如何理解? 假设我们需要寄快递。我们将许多的物品都放进了一个纸皮箱,然后进行封箱。 这就是打包。 对应到前端开发来说,就是将很多的的 css文件,js文件,图片等“物品”,全都写进一个js文件,而不是在一个html页面通过script,link标签去引入多个静态资源。 模块化,其实不同的css,不同的js就是...转载 2021-07-07 19:17:47 · 2118 阅读 · 0 评论 -
webpack有啥用
1,什么是webpack,它的作用: 浏览器自使用到现在经历了好几代标准,为了使得新的标准能够兼容旧的标准,webpack帮助开发者填坑。 2,解决的具体问题: js和其他的语言不同,js想要使用另一个文件中的变量,只能将文件中的变量暴露为全局变量。(当然了,如果B文件想要调用A文件变量,a.js只要在b.js之前引入即可,就像使用jqeury.js一定要放在最前面引入。) a.js文件: (function(){ window.hi="he...转载 2021-07-07 19:15:48 · 3703 阅读 · 0 评论 -
使用vscode时如何自动对齐代码(格式化代码)
如果是某一次,直接右键格式化代码就好了 如果要设置保存的时候自动格式化代码,,并且每一次都能自动格式化代码,步骤如下: ,“editor.formatOnType”: true, “editor.formatOnSave”: true 把这段代码填在后面就好了 最后直接×掉设置就行啦。 无论你的代码格式有多乱,只要你点击ctrl+s,格式就自动对齐好啦~ 设置一次,受益多多次! ...转载 2021-07-07 17:42:38 · 4715 阅读 · 4 评论 -
C#的#if false #else #endif
#if falsethis.SaveMasterData();if(this.CmdType.ToUpper() == “ADD”){this.SaveDetailData();}#endif#if FLAG xxx; //自己的命令1#else yyy; //自己的命令2#endif可以像理解普通代码中的if……else一样理解。只不过该if……else是属于“条件编译”(对于那块代码块需要执行,那块不需要而已)。————————————————版权声明:本文为CSDN转载 2021-07-05 09:39:18 · 737 阅读 · 0 评论 -
softOnline
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SoftwareOnlinePage.aspx.cs" Inherits="Microsoft.Portal.CMS.Website.SoftwareOnline.SoftwareOnlinePage" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runa原创 2020-11-18 11:33:34 · 417 阅读 · 3 评论 -
easui敏感词
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SensitiveWordManage.aspx.cs" Inherits="Microsoft.Portal.CMS.Website.WordSearch.SensitiveWordManage" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat=原创 2020-11-18 11:32:18 · 256 阅读 · 0 评论 -
easyui datagrid 下方不出现 滚动条
esyui datagrid 水平方向下方出来滚动条的原因是因为使用了同一列名原创 2020-11-04 16:25:30 · 681 阅读 · 0 评论 -
easyui datagrid组件 单击全选 让指定的几行不选中,没指定的依然选中
一:效果图: 二:页面效果图代码:var IsCheckFlag = true; //标示是否是勾选复选框选中行的,...转载 2020-09-10 09:08:15 · 972 阅读 · 0 评论 -
JQuery 选择器及radio,checkbox,select取值
第一部分jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法$("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标...转载 2020-09-10 08:56:27 · 1045 阅读 · 0 评论 -
如何获取iframe window 和document 对象
随着W3C一声令下,几年前使用非常频繁的frameset + frame已完成使命,光荣退伍。作为frameset的替代方案(姑且这么称吧),iframe的使用也多了起来。较frameset方案,iframe在使用上更加灵活,文档结构更加友好。本文就js操作iframe在不同浏览器(没错,又是浏览器兼容…)的差异性做一些说明,力求总结出一个适应于所有主流浏览器的方案,笔者只测试了...转载 2020-09-03 09:46:48 · 5135 阅读 · 0 评论 -
html的标签位置属性(学习笔记)
div:定义位置有两种方式:一种是使用相对位置,一是使用绝对位置。绝对定位有两个属性:left和top,分别是距离网页左边和网页顶部的绝对位置。借助style属性,按照如下的格式进行设置:style = "position:absolute;left:距离左边距离;top:距离顶部距离"例如:...转载 2020-09-03 09:41:34 · 1324 阅读 · 0 评论 -
easyui datagrid 点击其它 单元格,不让头列 checkbook 选中
onClickCell:function(index,field,value){ var row = $(this).datagrid('getRows')[index]; if (field == 'Statu'){ row._selecting = true; $(this).datagrid('selectRow',index);原创 2020-08-31 18:38:24 · 182 阅读 · 0 评论 -
javascript实现浏览器Ctrl+F页面搜索功能
html结构代码<div> <input id="search" type="text" placeholder="输入当前章节要搜索内容..."/> <span id="search-btn" style="cursor: pointer">搜索</span></div><div id="content"> <p>这是要搜索的内容哦!!</p></div>java转载 2020-08-26 11:12:27 · 4613 阅读 · 1 评论 -
页面加载完后立刻执行JS的两种方法
方式一:window.onload:当一个文档完全下载到浏览器中时,才会触发window.onload事件。这意味着页面上的全部元素对js而言都是可以操作的,也就是说页面上的所有元素加载完毕才会执行。这种情况对编写功能性代码非常有利,因为无需考虑加载的次序。window.οnlοad=function...转载 2020-08-13 17:03:20 · 4855 阅读 · 0 评论 -
asp.net,cookie,写cookie,取cookie
Cookie是一段文本信息,在客户端存储 Cookie 是 ASP.NET 的会话状态将请求与会话关联的方法之一。Cookie 也可以直接用于在请求之间保持数据,但数据随后将存储在客户端并随每个请求一起发送到服务器。浏览器对 Cookie 的大小有限制,因此,只有不超过 4096 字节才能保证被接受。编写Cookie//方式1:Response.Cookies["username"].value="mike";Res...转载 2020-08-13 16:32:30 · 305 阅读 · 0 评论 -
jQuery class选择器及模糊匹配
jQuery class选择器及模糊匹配class选择器模糊匹配class选择器$(‘.class1 .class2‘) 选择class1元素下class2的元素(中间有空格);$(‘.class1.class2‘) 选择同时含有class1和class2的元素(中间没有空格);$(‘.class1,.class2‘) 选择class1或者class2的元素(中间有逗号).模糊匹配1.class前缀为hint的所有div的jquery对象$("div[class^='hint']");2.c转载 2020-08-13 13:28:04 · 4000 阅读 · 0 评论 -
最全的DOM和BOM的解释分析
今天咱们就来看看DOM和BOM。什么是DOM和BOM?DOM(document object model):文档对象模型,提供操作页面元素的方法和属性BOM(browser object model);浏览器对象模型,提供一些属性和方法可以操作浏览器我想很多的人都看过这样的官方的解释,那具体的如何我们一起来分析下。一 什么是BOM和DOM? Javascript 由三部分构成,ECMASc转载 2020-08-04 15:19:31 · 10110 阅读 · 1 评论 -
vue插件大全汇总,你要的都这里,赶紧收藏下!
Vue是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特别整理了常用的vue插件,来了个大汇总,方便查找使用,便于工作和学习。很全的vue插件汇总,赶紧收藏下吧!一、UI组件及框架 element - 饿了么出品的Vue2的web UI工具套件 mint-u...转载 2020-06-23 10:38:30 · 1290 阅读 · 0 评论 -
jquery对象 与 document 对象的互为转换关系
<script type="text/javascript" src="jquery.js"></script><script type="text/javascript"> function t1() { var jtest = $('#test'); var dtest = document.getElementById('test'); jtest.css('background','blue');转载 2020-06-22 13:00:19 · 870 阅读 · 0 评论 -
You-Dont-Need-JQuery (你不需要JQuery)
看完这篇文章我才觉得真的要用JQuery ,因为实在是有些地方设计的使用太复杂了, document.querySelector() 和Document.querySelectorAll的确是很方便的API... 不过很多功能还是用JQuery实现起来比较简单。 You Don't Need jQuery 前端发展很快,现代浏览器原生 API 已经足够好用。我们并不...转载 2020-06-22 12:58:51 · 385 阅读 · 0 评论 -
Json对象和Json字符串的区别
后台@RequestBody接受的是一个json格式的字符串(一定是一个字符串)1、Json对象:先介绍一下json对象,对象的属性是可以用:对象.属性进行调用的。例如:var person={"name":"zhangsan","sex":"男","age":"24"}//json对象alert(person.name);//...转载 2020-06-22 10:06:07 · 400 阅读 · 0 评论 -
JSON数组,JSON对象,数组的区别
一、JSON 语法规则:JSON 是存储和交换文本信息的语法在开发过程中,经常需要和别的系统交换数据,数据交换的格式有XML、JSON等,JSON作为一个轻量级的数据格式比xml效率要高,XML需要很多的标签,这无疑占据了网络流量。1、JSON可以有两种格式一种是对象格式的:{"name":"JSON","address":"北京市西城区","age":25}//JSON的对象格式的字符串另一种是数组对象...转载 2020-06-22 09:45:46 · 8291 阅读 · 0 评论 -
深入理解jQuery中$.get、$.post、$.getJSON和$.ajax的用法
当我们用javascript写ajax程序写得很“开心”的时候,突然有人告诉你有一种东西叫jquery,它会告诉你不直接和HttpRequest是多么的快乐,同时你再也不需要再烦恼纠结的ajax乱码问题,更幸福的是你的js代码将大大地简化,看完本文,你会发现,ajax,简单的来讲就是一句话的事情。本文重点是来讲讲jQuery中调用ajax的4种方法:.get、.get、.get、.post、getJSON、getJSON、getJSON、ajax。如果读者没有javascript和jquery的知识,或者转载 2020-06-22 09:25:09 · 210 阅读 · 0 评论 -
jquery中$.ajax $.get $.post 和$.getJSON的区别和用法
首先,$.get和$.post其实都是$.ajax的一种,在$.ajax中有一个type属性,专门用来指定是get请求还是post请求的。如下:$.ajax({url:"路径",type:"post/get",datatype:"json",//成功的回调函数success:function(data){alert("回调函数成功了")...转载 2020-06-22 09:22:16 · 297 阅读 · 0 评论 -
iframe 父页面调用子页面方法
<!--主页面中的JS代码--><script type="text/javascript">//调用子页面的方法.var childWindow = $("#addFrame")[0].contentWindow; //表示获取了嵌入在iframe中的子页面的window对象。 []将JQuery对象转成DOM对象,用DOM对象的contentWindow获取子页面window对象。childWindow.subFunction(); //调用子页面中的subFunct转载 2020-06-22 09:11:22 · 1316 阅读 · 0 评论 -
easyui tree 重复加载数据 state=closed
easyui tree 点击state=closed节点,每次重新加载数据http://blog.csdn.net/lovejavaloveworld/article/details/30052305树控件读取URL。子节点的加载依赖于父节点的状态。当展开一个封闭的节点,如果节点没有加载子节点,它将会把节点id的值作为http请求参数并命名为’id’,通过URL发送到服务器上面检索子节点。更改数据加载方式$(function(){ $.get( '${ctx}转载 2020-06-17 17:42:11 · 1458 阅读 · 0 评论 -
最全面的JavaScript调试技巧总结
前言:调试技巧,在任何一项技术研发中都可谓是必不可少的技能。掌握各种调试技巧,必定能在工作中起到事半功倍的效果。譬如,快速定位问题、降低故障概率、帮助分析逻辑错误等等。而在互联网前端开发越来越重要的今天,如何在前端开发中降低开发成本,提升工作效率,掌握前端开发调试技巧尤为重要。本文将一一讲解各种前端JS调试技巧,也许你已经熟练掌握,那...转载 2018-10-19 11:25:00 · 196 阅读 · 0 评论