js原生
Youyzq
这个作者很懒,什么都没留下…
展开
-
前端如何开启黑白模式呢?
如何出现黑白屏原创 2022-12-02 14:17:13 · 284 阅读 · 0 评论 -
js事件冒泡详解和使用场景
事件冒泡就是指父元素和子元素有相同的事件,当触发子元素事件时,会向上冒泡,同时也会触发父元素事件。原创 2022-11-14 16:16:47 · 2351 阅读 · 0 评论 -
什么是Generator函数?如何使用yield表达式他是干嘛的?next()方法是做什么的?
next( )是Generator 函数返回的遍历器对象,只有调用next方法才会遍历下一个内部状态,所以其实提供了一种可以暂停执行的函数。yield是一个表达式,表示的意思就是暂停的意思,并且可以获取到next里的值。注:只有调用了next方法的且内部指针指向该语句时才会执行yield语句后面的表达式,二者必须一块使用遍历器对象next遇到yield语句就暂停执行后面的操作,并将紧跟在yield后的表达式的值作为返回对象的value的值。...原创 2022-08-09 17:33:04 · 177 阅读 · 1 评论 -
如何跳转另一个页面加载自己的javaScript,url中嵌入javaScript语句(如何让前端看起来很厉害呢?)
我需要跳转到这个页面,顺便呢弹个窗,告诉我们执行了这里会有一个小问题,在导航栏的位置,不要使用中文,不然就会乱码尽量使用英文和数字这样就可以了,为啥会是白屏呢,因为执行完毕了以后,HTML结构才会继续渲染。点击了以后就执行出来了注意看这里的路径,就是刚才咱们输出的东西。注意看我这里画框的地方,因为这个网页不是我们部门开发的,是一个投票的平台进行管理的,但是呢他的效果并不是太好,我想把他变成正方形,让参加投票的人,可以直接扫码进行投票,但是现在的三角形,第一不美观,第二也不实用这个代码,原创 2022-07-08 10:36:51 · 1164 阅读 · 0 评论 -
使用Boolean函数的时候,传递字符串的问题
JS字符串False转Boolean ‘fasle‘ ‘true‘ 转布尔类型原创 2022-06-23 11:29:27 · 338 阅读 · 0 评论 -
原生获取路由参数的方法和原生不同类名选择多个dom
js原生如何获取路由参数原创 2022-06-23 10:01:55 · 160 阅读 · 0 评论 -
js函数传参,如何在JavaScript函数中不传递先前参数的情况下传递第n个可选参数?
如何在JavaScript函数中不传递先前参数的情况下传递第n个可选参数原创 2022-06-14 10:52:02 · 4840 阅读 · 0 评论 -
JS 中? . 和 ? ?的含义和用法
?.可选链操作符( ?. ) 允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符,不同之处在于,在引用为空(nullish) (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给定的函数不存在,则返回 undefined。先解析obj类型这里就直接使用谷歌的控制台了(console)现在这种情况就是表面null这个类型没有这个name的参数,再实践中的项原创 2022-05-23 17:32:04 · 1765 阅读 · 3 评论 -
Es6新类型Symbol有什么用?Object.getOwnPropertySymbols()是做什么用的?Symbol.for()有什么用?如何创建一个全等的symbol?
Es6新类型Symbol有什么用?Object.getOwnPropertySymbols()是做什么用的?Symbol.for()有什么用?如何创建一个全等的symbol?原创 2022-04-18 18:08:18 · 687 阅读 · 0 评论 -
Element.getAttribute()是作什么用的呢?使用场景在哪里呢?
概要getAttribute() 返回元素上一个指定的属性值。如果指定的属性不存在,则返回 null 或 “”语法let attribute = element.getAttribute(attributeName);上面:attribute 是一个包含 attributeName 属性值的字符串。attributeName 是你想要获取的属性值的属性名称。例子<div id="div1" align='我就是我,不一样的烟火'>我是一个小盒子</div>原创 2022-04-08 09:42:23 · 1615 阅读 · 0 评论 -
前端Img使用图片跨域问题是怎么引起的?该如何解决呢?
在项目种遇到一个问题,图片在dom节点这种使用了<img>标签来加载可以正常显示,但是运用到style中没有经过标签的加载就会出现跨域的问题怎么会引起这个问题呢?1.通过<img> 加载的图片,浏览器默认情况下会将其缓存起来。2.当我们从 JS 的代码中创建的 <img> 再去访问同一个图片时,浏览器就不会再发起新的请求,而是直接访问缓存的图片。但是由于 JS 中的 <img> 设置了 crossorigin,也就意味着它将要以 CORS 的方式请求,原创 2022-04-01 14:02:52 · 17156 阅读 · 2 评论 -
js怎么对于URL进行编码?js怎么对于URL进行解码?decodeURIComponent() 函数是做什么的?
定义和用法encodeURIComponent() 函数对 URI 组件进行编码。decodeURIComponent() 函数对编码的 URI 进行解码。语法进行编码encodeURIComponent()进行解码decodeURIComponent(uri)实操let url = 'https://blog.csdn.net/Youyzq?spm=1000.2115.3001.5343'编码之后解码之后...原创 2022-03-21 10:29:44 · 364 阅读 · 0 评论 -
js replaceAll() 方法是做什么用的呢?
定义和用法replaceAll() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串,该函数会替换所有匹配到的子字符串。需求https://yangziqiYYDS.link/mpb/f/app/resource/mpb/agreement/privacyAgreement.html我需要获取到这样的结果https://yangziqiYYDS.link/mpb/f/app/resource/mpb/agreement/privacyAgreement.htm原创 2022-03-09 20:44:36 · 461 阅读 · 0 评论 -
js原生中 a 标签 href=“JavaScript:;”有什么用?还有那些用法
我理解的是这样的:首先:<a> 标签中必须提供 href 属性但是这个就出现了一个问题,如果我不想让他跳转,那么这个时候href应该怎么赋值。有三种方法:第一:href=‘javascript:;’ 代表的是发生动作时执行一段javascript代码,但是这个代码是空的,所以什么也不执行第二:href = ‘’: 代表的是什么也不执行,但是用这种,动作发生之后,会刷新页面。第三:href=‘#’: 代表的同样是什么也不执行,但是用这种,动作发生之后,会自动跳原创 2022-03-08 15:44:35 · 1480 阅读 · 0 评论 -
navigator.userAgent.toLowerCase()是做什么用的?
在跨平台、浏览器、移动设备兼容的时候,要根据设备、浏览器做特定调整,所以我们经常会用到navigator.userAgent.toLowerCase()来进行判断。先来解释一下意思,navigator是HTML中的内置对象,包含浏览器的信息;userAgent是navigator的属性方法,可以返回由客户机发送服务器的头部的值,作用其实就是就是返回当前用户所使用的是什么浏览器,toLowerCase()是将转换为小写。区分Android、iphone、ipad:var ua = navigator.u原创 2022-02-10 16:27:50 · 5353 阅读 · 0 评论 -
React 动态属性Style和动态类名className
React 动态属性Style和动态类名className怎么操作单个动态属性和多个动态属性 Style怎么操作单个动态类名和多个动态类名 className原创 2022-01-20 15:12:22 · 3568 阅读 · 0 评论 -
微信小程序IOS系统bug border-radius圆角 和 overflow:hidden 溢出隐藏 失效的问题
问题父元素使用border-radius和overflow:hidden;子元素使用了transform属性,父元素的overflow:hidden;会失效。或者子级元素是一个image图片格式的,overflow:hidden同样也会失效解决方法 父元素设置以下两个属性 -webkit-backface-visibilit原创 2021-11-23 15:57:41 · 3599 阅读 · 0 评论 -
在HTML中导入js函数
要达到的效果第一种方式HTML文件目录结构JS文件输出结果第二种方式moduleHTMLJS类型导出默认导出输出结果原创 2021-11-19 09:46:39 · 990 阅读 · 1 评论 -
创建一个React项目实现一个计算器
使用环境react脚手架node.jscreate-react-app 文件名配置完这些就让我们开始把count.jsimport React, { Component } from 'react'import store from '../redux/store.js'export default class Computer extends Component { state = { count: 0 } // 加 addcount = () => {原创 2021-10-27 17:30:54 · 595 阅读 · 0 评论 -
JS 预解析机制 什么是预解析?
一、概念作用域: 域,指的是一个空间、范围、区域,作用指的是在域内可进行读写操作。一个变量的作用域是程序源代码中定义的这个变量的区域。在ES5中,只存在全局和函数级作用域,在ES6中,引入了块级作用域,js的预解析机制大概分为两个过程:预解析和自上而下逐行解读。预解析: js解析器会先把var定义的变量、function、参数等一些东西存储进仓库里面(内存)。变量var在正式运行之前,都赋值为undefined,function函数在运行之前,就是整个函数块预解析结束之后,就是逐行解读JS解析过原创 2021-09-09 21:26:31 · 482 阅读 · 0 评论 -
JavaScript 作用域
作用域是可访问变量的集合。JavaScript 作用域在 JavaScript 中, 对象和函数同样也是变量。在 JavaScript 中, 作用域为可访问变量,对象,函数的集合。JavaScript 函数作用域: 作用域在函数内修改。JavaScript 局部作用域变量在函数内声明,变量为局部作用域。局部变量:只能在函数内部访问。实例// 此处不能调用 carName 变量function myFunction() { var carName = "...原创 2021-08-24 23:34:02 · 114 阅读 · 0 评论 -
JS原生分页按钮居中显示
基本要求// 创建分页组件需要的 按钮数组// btnCount: 最多能看到几个按钮// total: 总条数// size: 每页几条// page: 当前第几页function f(total, size, page,btnCount=5) { // show me your code const arr = [] // 能看到的页码集合 return arr}// 在可能的情况下,让page处于正中间f(100, 10, 1, 5) // ==> [原创 2021-08-18 21:19:52 · 618 阅读 · 0 评论 -
JavaScript数组的API
目录操作数组基本的方法pushpopshiftunshiftsplice操作数组的高阶用法reversetoStringjoin concat sort对数组的每个元素执行一次的方法forEachmapfilterfindfindIndexsomeevery操作数组基本的方法pushpush():向数组的末尾添加一个或更多元素,并返回新的长度 // 数组let arr = [1, 2, 3, 4...原创 2021-08-10 19:29:52 · 141 阅读 · 0 评论 -
使用原生实现v-model双向数据绑定
文章目录前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结什么是双向数据绑定?即当数据发生变化的时候,视图也就发生变化,当视图发生变化的时候,数据也会跟着同步变化。(vue)提供了v-model指令,主要来辅助开发这在(不操作DOM)的前提下,快速获取表单的数据。一、v-model的特性 可以给变量赋值 会自主创建一个input事件动态的获取变量 ...原创 2021-08-07 21:54:42 · 475 阅读 · 0 评论