![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 88
太阳晒屁股了
System.out.println("hello world");
展开
-
vue插槽slot
一、前言vue官方文档中在"组件基础"内容中提到组件可以通过插槽分发内容,那插槽是怎么使用的呢?它要解决什么场景的问题呢?我们在构建页面过程中一般会把用的比较多的公共的部分抽取出来作为一个单独的组件,但是在实际使用这个组件的时候却又不能完全的满足需求,我希望在这个组件中添加一点东西,这时候我们就需要用到插槽来分发内容。注意:以下的所有内容是基于vue版本 2.6.0 起二、插槽是什么下面看一个例子写一个父组件:<template> <div>.原创 2021-04-30 11:07:08 · 300 阅读 · 2 评论 -
Vue项目中使用svg图标
1,安装依赖npm install svg-sprite-loader --save-dev2,配置build目录下的webpack.base.conf.js,主要在两个地方添加代码3,在src/components下新建文件夹及文件SvgIcon/index.vue,index.vue中内容如下<template> <div v-if="isExternal" :style="styleExternalIcon" class="svg-external-原创 2020-11-27 17:24:10 · 411 阅读 · 0 评论 -
sessionStorage与localStorage的比较与使用场景
前言:我们都知道Cookie是进行权限验证的,它是用户第一次请求服务器后由服务端生成返给客户端的。现在有个需求需要保存用户的权限数据下次请求服务器时带服务端(数据有点大超过4kb),由于传统的Cookie最大保存数据不能超过4kb,于是问题来了,客户端如何保存这个权限数据呢?一,HTML5的的WebStorage提供了客户端存储的2中解决方案,分别是sessionStorage与lo...原创 2020-05-07 12:06:40 · 4644 阅读 · 1 评论 -
JSON.parse()和JSON.stringify()
1,parse将字符串中解析成json对象var str = '{"name": "匿名", "age": "99"}'JSON.parse(str)转换后得到:{name: "匿名", age: "99"}2,stringify将对象解析成json字符串var obj = {name: "匿名", age: "99"}JSON.stringify(obj)...原创 2019-04-16 17:20:54 · 98 阅读 · 0 评论 -
JSESSIONID 作用
1)第一次访问服务器的时候,会在响应头里面看到Set-Cookie信息(只有在首次访问服务器的时候才会在响应头中出现该信息)上图中JSESSIONID=ghco9xdnaco31gmafukxchph;Path=/acr,首次访问服务器时服务端创建session,HttpSession session = request.getSession(); 当这句代码需要创建session的时候,...转载 2019-02-22 10:02:24 · 1978 阅读 · 0 评论 -
九个Console命令,让js调试更简单
一、显示信息的命令(常用console.log()) 1: <!DOCTYPE html> 2: <html> 3: <head> 4: <title>常用console命令</title> 5: <meta http-equiv="Content-Type" content="转载 2018-12-14 10:39:17 · 114 阅读 · 0 评论 -
JS中every()和some()的用法
JS中every()和some()的用法every()与some()方法都是JS中数组的迭代方法。every()是对数组中每一项运行给定函数,如果该函数对每一项返回true,则返回true。 some()是对数组中每一项运行给定函数,如果该函数对任一项返回true,则返回true。var arr = [ 1, 2, 3, 4, 5, 6 ]; console.log( arr.s...转载 2018-08-24 09:31:58 · 5834 阅读 · 0 评论 -
文本文字在DIV中垂直水平居中显示
1,这个属性可以图片,文本等在元素中垂直居中vertical-align:middle;2,但是vertical-align时而没效果,原因是因为:vertical-align只作用在inline-block或者inline,还有table-cell等元素内3,总结两种使用vertical-align居中的方法:1.第一种<div style="vertical-al...原创 2019-09-09 12:38:00 · 319 阅读 · 0 评论 -
JavaScript与jQuery的区别
JavaScript是网页编程语言,而jQuery是一个基于js编写jquery就是基于JavaScript语言写出来的一个框架,实质上还是js而已So:1.jQuery 是一个 JavaScript 库。2.jQuery 极大地简化了 JavaScript 编程。(代码比沉重的JavaScript轻灵多了)3.jQuery 使JavaScript更好用。4.jquery就是要用更少的代码,漂亮的...转载 2018-06-06 09:37:12 · 1678 阅读 · 0 评论 -
js中实现跨域的几种方法
js中几种实用的跨域方法原理详解这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果:要解决跨域的问题,我们可以使用以下几种方法:一...转载 2018-06-02 17:25:03 · 352 阅读 · 0 评论 -
使用JavaScript时在变量前加2个感叹号意义
使用JavaScript时,有时会在变量前面加上两个感叹号,这样做表示什么含义呢?javascript中,!表示运算符“非”,如果变量不是布尔类型,会将变量自动转化为布尔类型,再取非,那么用两个!!就可以将变量转化为对应布尔值。Javascript中哪些情况下!!值为真?Javascript中哪些情况下!!值为真?当变量转化为布尔值true时为真咯!Javascript中各转载 2017-08-05 10:31:00 · 5691 阅读 · 0 评论 -
js中判断客户端有无安装Adobe 并指引用户安装
//检测浏览器类型:IE、火狐、谷歌、Safari function getBrowserName(){ var userAgent = navigator ? navigator.userAgent.toLowerCase() : "other"; if(userAgent.indexOf("chrome") > -1) return "chrome"; else if(转载 2017-08-03 16:44:57 · 414 阅读 · 0 评论