javascript
文章平均质量分 66
温柔先生
技术拉进你我
展开
-
二进制位操作符应用场景
位操作符的应用场景及在vue3中是如何应用的原创 2022-08-26 00:42:09 · 677 阅读 · 1 评论 -
react context传值
三种传值方法类组件的 static contextType = 函数组件的useContextConsumer 函数组件,类组件都可以static contextType 类组件使用创建context//creatContext.jsimport React from 'react'export const NameContext = React.createContext();export const AgeContext = React.createContext();原创 2021-07-13 00:29:17 · 694 阅读 · 1 评论 -
【汇总】js简介&es6-12语法
一、JavaScript 的诞生JavaScript 因为互联网而生,紧跟着浏览器的出现而问世。回顾它的历史,就要从浏览器的历史讲起。1990年底,欧洲核能研究组织(CERN)科学家 Tim Berners-Lee,在全世界最大的电脑网络——互联网的基础上,发明了万维网(World Wide Web),从此可以在网上浏览网页文件。最早的网页只能在操作系统的终端里浏览,也就是说只能使用命令行操作,网页都是在字符窗口中显示,这当然非常不方便。1992年底,美国国家超级电脑应用中心(NCSA)开始开发一原创 2021-05-23 23:29:38 · 300 阅读 · 0 评论 -
插拔式代码
常用const apiList = ['api/text ', '.api/test', ' ']; const newList = []; apiList.map(item => { let apiName = item.trim(); //去除空格 if (apiName) { newList.push(`http://www.test.com/${apiName}`); } })这种代码属于解决当前需求的代码,也是我一直用的不易扩展原创 2021-05-16 22:52:03 · 242 阅读 · 0 评论 -
【动态生成网页】将动态更改(运行时)的html文件保存
公司现在做了一个快速建站的网站,但是由于还没有后台接口,动态更改的网页不能保存一刷新就会没有,所以先用这个方法来解决拼接好的页面可以先保存下来获取要到处页面的document文档function saveClick() { let dom = document.getElementById('mobiReviewPageFrame'); let obj = dom.contentDocument; export_raw('template.html', obj.d原创 2020-12-20 16:09:23 · 946 阅读 · 0 评论 -
js之防抖篇【渐进式】
在开发中经常碰到需要基于监听滚动条、窗口放大缩小、鼠标移动的需求,应该都能发现如果不加防抖或是节流函数,会使得这个监听器频繁的触发,我相信对于有代码洁癖的你肯定是不能容忍的下面会一步步的渐进式的去实现防抖功能,原理其实很简单页面:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/c.原创 2020-12-06 17:59:19 · 319 阅读 · 1 评论 -
出色的Javascript库推荐
1.Cleave.js链接地址:https://nosir.github.io/cleave.js/,跳转input输入时格式化输入字符串,包括信用卡号码格式、时间格式、电话号码格式、日期格式,自定义格式2.Cleave.js链接地址:http://chartjs.cn/docs/#advanced-usage-prototype-methods,跳转开源数据可视化库,拥有出色的开箱即用动画效果。可响应式,在用户调整窗口大小时重绘图表,提供许多不同类型的图表:折线图、条形图、饼图、甜甜圈图、原创 2020-10-19 11:50:38 · 175 阅读 · 0 评论 -
js获取和添加样式表中的属性
原生js如何获取样式表中的样式?js获取样式直接能想到的无非就是:<head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{margin: 0px;padding: 0px;} .box{background-color: a...原创 2019-12-28 23:52:26 · 842 阅读 · 0 评论 -
理解按位操作符(~、^、&、|)
看到一道题: 假设有如下代码,那么a(10)的返回结果是?( )function a(a){a^=(1<<4)-1;return a;}原创 2019-12-11 08:51:48 · 189 阅读 · 0 评论 -
【一文了解】Promise承诺对象
在我看Primise对象时,博文的长篇大论亦或官方的说法都很难让人豁然开朗,给人的感觉就是我还没有了解这是什么东西,你就给我扯一堆大道理,所以这篇文章我想试着一步一步实践+解惑,文章深度可能不深,但对于小白很友好也足够你了解Promise对象。举个例子,Promise对象就像是ajax,ajax等待响应之后进入成功函数或者是失败函数。如果一直没有响应成功或者失败函数是不会调用的。但它俩不是一个东...原创 2019-12-10 15:14:16 · 300 阅读 · 0 评论 -
js数组扁平化
一开始听到数组扁平化,没想到是降维,但也并不全是降维还分降多少,但是扁平化是:[1,[2,3,[4,[5,6]]扁平化(将多维数组转换为一维数组):[1,2,3,4,5,6]转换的方法:Array.prototype.flat()...原创 2019-12-01 00:11:17 · 113 阅读 · 0 评论 -
canvas涂抹达到一定比例缓慢消失【刮刮奖类似】
直接先看效果吧:解释都写在代码里了,如果需要原文件,可以私聊我随时在(原文件也有jquery无缝轮播兼容手机浏览器和微信浏览器哦)。样式代码:*{margin: 0px;padding:0px;} body{ -moz-user-select: none; -webkit-user-select: none; -ms-user-select:...原创 2019-11-17 22:55:00 · 386 阅读 · 0 评论 -
js禁止复制、选取、打印、菜单(限制用户行为)
网页禁止复制<body oncopy="alert('对不起,本网页禁止复制!');return false;">网页禁止选取<body onselectstart="return false">网页禁止右键弹出菜单<body oncontextmenu="return false>网页打印是空白<style>@media pr...原创 2019-11-11 22:21:04 · 879 阅读 · 0 评论 -
怎样设置cookie路径才能让不同文件夹下的页面都能访问到
这个问题是我在工作中遇到的,开发的网站有两个状态企业用户和个人用户。企业用户的jsp页面在company文件下,个人用户的jsp页面在personal文件夹下,首页在homepage下一开始在首页登录写入cookie我并没有设置路径,如下假设这是一个个人用户$.cookie("username",“zhangsan”,{expires:7});在本页刷新没问题,但是跳转到个人中心,就读取...原创 2019-10-28 16:48:10 · 1014 阅读 · 0 评论 -
js阻止默认事件和阻止事件冒泡的区别和兼容写法(event.preventDefault()和event.stopPropagation())
介绍preventDefault()和stopPropagation()的区别,包括详细的兼容写法原创 2019-10-27 15:37:24 · 914 阅读 · 0 评论 -
一文了解按位操作符中左移与右移
从小白角度去看<<、>>、>>>位操作符原创 2019-10-24 00:26:54 · 2531 阅读 · 0 评论 -
【超详细】js上传图片预览(附带jq)
记一个前端上传图片预览的功能判断是否支持FileReader对象,获取file文件创建FileReader对象读取FileReader.readAsDataURL(file)转为base64位编码读取成功时触发onload事件,数据在result属性中,替换src这只是我个人用来记忆的流程,可能不严谨。结构<div onclick="file.click()" class=...原创 2019-10-22 16:55:03 · 352 阅读 · 0 评论 -
js获取select选中的值(附带jq)
js获取select选中得值结构:<div class="box"> </div> <select id="select"> <option value="1">12</option> <option value="2">13</option> <option value...原创 2019-10-16 13:46:50 · 746 阅读 · 2 评论 -
【深入浅出】js中的隐式转换
深入对象数据类型的隐式转换原创 2019-10-19 01:03:32 · 649 阅读 · 0 评论