js | 易学教程

js 盒模型

阅读更多关于 js 盒模型

JS盒模型 ********* 1、width | height parseInt(getComputedStyle(ele, null).getPropertyValue('width')) parseInt(getComputedStyle(ele, null).getPropertyValue('height')) 2、padding + width | padding + height clientWidth clientHeight 3、border + padding + width | border + padding + height offsetWidth offsetHeight 4、结合绝对定位，距离最近定位父级的Top | Left offsetTop offsetLeft ···html <!DOCTYPE html> 就是盒模型 <style type="text/css"> .sup { width: 200px; height: 200px; padding: 30px; border: 5px solid black; background-color: orange; margin: 20px; position: relative; } .sub { width: 100px; height: 100px; padding: 20px;

js 设置 td class 的字体和颜色

阅读更多关于 js 设置 td class 的字体和颜色

代码如下： <body> <table width="200" border="1"> <tr> <td class="abc" id="postmessage_90403">中华人民共和国</td> <td class="abc">中华人民共和国</td> </tr> </table> </body> </html> <script type="text/javascript"> function setFont(n) { var classElements = []; var allElements = document.getElementsByTagName('*'); for (var i=0; i< allElements.length; i++ ) { if (allElements[i].className == n) { allElements[i].style.fontFamily="微软雅黑"; allElements[i].style.color="#f00"; } } return classElements; } setFont('abc'); </script> 执行以后，字都变成了红色微软雅黑的字体。注意，如果此文件运行环境没有微软雅黑的字体，那么可能无效。本文来自胡摘网[http://www.hackpro.cn]，转载请标明出处： http:

关于js中\"window.location.href\"、\"location.href\"重定向

阅读更多关于关于js中\"window.location.href\"、\"location.href\"重定向

关于js中"window.location.href"、"location.href"、"parent.location.href"、"top.location.href"的用法 "window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转举例说明：如果A,B,C,D都是jsp，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js这样写 "window.location.href"、"location.href"：D页面跳转 "parent.location.href"：C页面跳转 "top.location.href"：A页面跳转如果D页面中有form的话, <form>: form提交后D页面跳转 <form target="_blank">: form提交后弹出新页面 <form target="_parent">: form提交后C页面跳转原文链接：https://blog.csdn.net/natian306/article/details/21527369 来源： https://www.cnblogs.com/lzghyh/p/12453853.html

前端常见面试-js篇

阅读更多关于前端常见面试-js篇

前面我们已经梳理了前端面试中css的相关内容，同时也对面试中常问的本地存储、缓存做了一个详细的介绍，有需要的可自行查看之前的文章，文章链接如下：前端常见面试-css篇前端常见面试-存储/缓存篇当然，对于前端开发来说，js那就是每一个前端小可爱都需要必备掌握的技能，无论现在多火爆的mv*框架，都是基于基础的js来进行的。好了，话不多说，直接进入主题 1. 请说出js中的数据类型答：js中的数据类型主要分为两种：基础类型和引用类型，其中基础类型包括：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol（es6中引入的）；引用类型包括：对象(Object)、数组(Array)、函数(Function) 2. 请说明一下js中定义变量的方式答：js中申明变量的方式主要有三种，分别为：var、let、const 1）var：定义的变量可以修改，如果不初始化会输出undefined，不会报错 2）let：是块级作用域，函数内部使用let定义后，对函数外部无影响 3）const：定义变量不可以修改，而且必须初始化，但是如果定义的是对象，则对象的属性可以修改（原因是引用的是对象的地址，地址不可更改，但是地址对应的内容可以修改）来源： CSDN 作者： bililibili 链接： https://blog

angular js {{}} 闪烁问题解决

阅读更多关于 angular js {{}} 闪烁问题解决

在使用｛{ }｝时因为加载顺序的原因，可能在页面显示的时候会有“闪烁”现象，这是因为{{}}在加载的时候，若网速不好或者首页还未加载angular库时，其会显示出来，然后等到AngularJS才能把它解析成原本应该显示的内容，所以一般建议ng-bind在首页加载的时候使用，{{}}建议是首页意外的页面使用。解决方法：添加 ng-cloak 指令：该指令用于在 AngularJS 应用在加载时防止 AngularJS 代码未加载完而出现的问题。 <h1 ng-cloak>{{ text }}</h1> 来源： CSDN 作者：纳川121 链接： https://blog.csdn.net/weixin_39530695/article/details/104751189

JS实现点击按钮，下载文件

阅读更多关于 JS实现点击按钮，下载文件

今天在实现下载功能时，后台接口测试完成后，前台在调用时发现，因为系统是基于token的，又不想把token显示在url中，后来找到了一篇文章，讲解了如何通过构造form表单提交请求后端接口，实现文件下载，原文地址： https://www.cnblogs.com/hamsterPP/p/6763458.html ，内容如下： PS:本文说的，并非如何用js创建流、创建文件、实现下载功能。而是说的：你已知一个下载文件的后端接口，前端如何请求该接口，实现点击按钮、下载文件到本地。（可以是zip啦、excel啦都是一样）有两个方法：window.open()和通过form表单来提交。在线例子： https://hamupp.github.io/gitblog/app/jsBasic/jsButtonDownloadFile/index.html 方法一：window.open("下载文件的后端接口"); *html结构* <button type="button" id="btn1">下载一个zip（方法1）</button> <button type="button" id="btn2">下载一个zip（方法2）</button> /*js部分*/ var $eleBtn1 = $("#btn1"); var $eleBtn2 = $("#btn2"); /

js中的math对象

阅读更多关于 js中的math对象

Math 对象 JavaScript提供了丰富的数学处理工具，这比多数没有计算机和数学背景知识的脚本开发人员在日常生活中使用的要多得多。但是每个真正的程序设计语言都需要这些功能，编程人员将会利用这些功能使窗口在屏幕上更加生动。 Math对象包含了所有这些能力，这个对象与JavaScript其他对象不同，因为用户不能生成所使用对象的副本，相反脚本汇集了简单Math对象的属性和方法。Math对象实际上存在于每个窗口和框架中，但是对脚本没有影响，程序员把这种固定对象叫做静态对象。Math对象（开头是一个大写M）是这些属性和方法引用的一部分，Math对象的属性通常是常数，比如π和2的平方根： var piValue=Math.PI var rootOfTwo=Math.SQRT2 Math对象方法包括广泛的三角函数，还有其他一些已经在脚本中定义过的处理数值的数学函数。比如，用户可以找出两个数值中的较大者： var larger=Math.max(value1,value2) 或可以得到一个数的10次方： var result=Math.pow(value1,10) 或许更常用的是把一个值四舍五入为最相近的整数值： var result=Math.round(value1) Math对象的另一个常用需求是随机数，虽然这个特性被Navigator

JS之Fetch

阅读更多关于 JS之Fetch

细节叙述见以下链接： https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch 1 基本概念： WindowOrWorkerGlobalScope.fetch() 用于获取资源的方法。 Headers 表示响应/请求标头，允许您查询它们并根据结果采取不同的操作。 Request 表示资源请求。 Response 表示对请求的响应。 2. Fetch API Fetch API 包含一组类和方法，用来简化 HTTP 请求。其中包含以下方法和类： fetch 方法：用于发起 HTTP 请求 Request 类：用来描述请求 Response 类：用来表示响应 Headers 类：用来表示 HTTP 头部信息。基本用法 fetch 接受一个 url 作为参数，发起 GET 请求，返回 Promise ,请求成功后将返回结果封装为一个 Response 对象，该对象上具有一些方法（比如 json 方法），调用 json 方法后同样返回一个 Promise 对象，并用解析 json 字符串得到的对象来 resolve。 1 fetch('https://api.github.com/repos/facebook/react').then(function(res){ 2 return res.json();

JS字符串常用操作

阅读更多关于 JS字符串常用操作

字符串常用操作字符串的定义 var str = "hello word" ; 字符串的大小写转换 var str1 = str . toUpperCase ( ) ; console . log ( str1 ) ; var str2 = str . toLowerCase ( ) ; console . log ( str2 ) ; 字符串的查找 var index = str . indexOf ( "llo" ) ; //返回首字母的索引，如果不存在则返回-1 字符串的截取： str3 = str . slice ( 2 , 4 ) ; //输出ll，取前不取后 //str3=str.substring(2,4);//一样 str4 = str . slice ( 2 ) ; //llo word //str4=str.substring(2);//llo word str5 = str . slice ( - 4 , - 2 ) ; //从后往前截取，开始位-1，输出or //str5=str.substring(-4,-2);//自动将负数转为0，输出空的字符串 str6 = str . slice ( 4 , 2 ) ; //输出空的字符串 //str6=str.substring(4,2);//自动换4和2的位置 str2 = str . substr ( 2 ,

解决springboot jpa Could not write JSON: No serializer found for class org.hibernate.proxy.pojo.javassist.JavassistLazyInitializer

阅读更多关于解决springboot jpa Could not write JSON: No serializer found for class org.hibernate.proxy.pojo.javassist.JavassistLazyInitializer

出现问题 { "timestamp": 1583769258574, "status": 500, "error": "Internal Server Error", "exception": "org.springframework.http.converter.HttpMessageNotWritableException", "message": "Could not write JSON: No serializer found for class org.hibernate.proxy.pojo.javassist.JavassistLazyInitializer and no properties discovered to create BeanSerializer (to avoid exception, disable SerializationFeature.FAIL_ON_EMPTY_BEANS); nested exception is com.fasterxml.jackson.databind.JsonMappingException: No serializer found for class org.hibernate.proxy.pojo.javassist.JavassistLazyInitializer and no properties

订阅 js