原生JS小案例第10页

前端开发小技巧（来自知乎）

1.YouMightNotNeedjQuery不用jQuery，原生js如何实现，可以参考这里：YouMightNotNeedjQuery。

weixin_33928467·2023-11-24 11:20

@all 2020年程序员年终总结来了

1.xxx；负责开发工作:100%，学习原生js；2.xxx：负责开发工作:60%，加深理解jquery；3.xxx：负责开发工作:100%，学习组件封装，提取公共组件；iOS我做了什么？1.

思念小汤圆·2023-11-24 10:59

Linux每日智囊

ping作用测试主机间网络连通性语法ping[参数]目标主机参数：-c:指定发送报文的次数-i:指定收发信息的间隔时间-s:设置数据包的大小-t:设置存活数值TTL的大小案例ping百度网址pingwww.baidu.com

hj_caas·2023-11-24 02:10

cookies session和token ，和一个小案例

概念cookiecookie存储在客户端，HTTP是无状态的，HTTP每次发出的时候会附上该域名下的cookie，从而可以给HTTP附上状态，最常见的就是登录态。session和tokensession和token算是一类的，他们是两种不同的服务器的验证方式。通俗来说，cookie会存一个value在客户端本地，然后将value附到HTTP上发给服务器，那么服务器是怎么通过这个value来判断用户

自如_·2023-11-23 23:28

Java Web应用小案例：查询天气信息11.4

一：以查询天气为例，1、获取城市代码http://toy1.weather.com.cn/search?cityname=泸州利用国家气象局提供的接口访问泸州的天气信息http://t.weather.sojson.com/api/weather/city/101271001二：准备工作，学习如何在Java程序中解析json1、创建一个项目2、在项目跟目录上创建Lib包解析json的jar包链接：

南山谣·2023-11-23 19:56

18.天气小案例

1►新增带Layout组件的页面直接在views文件夹下面新增weather.vue。然后随便写一个123，现在先让我们页面能跳过去先。让页面能跳过去，有好几种方法：1、在菜单管理自己添加一个菜单，然后把菜单分配给某个角色，再把该角色分给某个人。【然而超级管理员什么时候都能看到此菜单，因为超级管理员能无视一切权限问题】2、在路由文件（router/index.js直接写相关路由），然后可以手动切换

LI JS@你猜啊·2023-11-23 19:22

原生js实现form表单保存按钮触发后表单只读以及编辑按钮灰化，编辑按钮触发后表单是编辑状态以及保存按钮灰化

原生js实现form表单保存按钮触发后表单只读以及编辑按钮灰化，编辑按钮触发后表单是编辑状态以及保存按钮灰化场景1：初始化进去的时候，编辑灰化，保存高亮，表单为编辑状态场景2：填写完数据后，点击保存，保存会话

呆呆加油呀·2023-11-23 18:54

JavaScript不重复随机点名器

功能要求使用原生js实现一个简单随机点名器点击开始按钮随机出现学生的名字且把学生的名字显示在页面上已被选中的学生名字要排除后再继续后面的随机抽取点击暂停后学生的名字显示在页面上，且在下面记录每一个被抽取出来学生的名字效果图

猫_叔·2023-11-23 14:26

JS_原生JS获取外边距

//获取DIVvartitleImgDiv=document.getElementById("titleImgDiv");vartitleImgDivStyle=getComputedStyle(titleImgDiv,null);alert(titleImgDivStyle.paddingBottom);

CrazyMax_zh·2023-11-23 06:25

如何控制滚轮横向滑动(原生JS实现方法)

控制滚轮横向滑动提示：这个是以前讨论的时候遇到的情况;回头想了一下应用场景确实挺多的,.所以今天趁周末大致的记录一下如何通过js去实现【横向滚动】文章目录控制滚轮横向滑动解决思路如下`1.如何在页面中展示横向滚动条``2.如何获取鼠标的【滚动轮】``3.通过什么Api去实现滚动效果`一、如何创建横向滚动条1.代码如下(HTML和CSS)2.效果如下图所示:二、鼠标滚动轮事件(mousewheel和

满脑子技术的前端工程师·2023-11-22 15:42

Jquery

.jQuery的概念jQuery又称为JavaScript库j就是JavaScript，Query就是查询的意思是对原生JavaScript的封装，内部都是用JavaScript实现的以前学的js称为原生

nknmn_·2023-11-21 21:18

【Java 进阶篇】Ajax 实现——原生JS方式

大家好，欢迎来到这篇关于原生JavaScript中使用Ajax实现的博客！在前端开发中，我们经常需要与服务器进行数据交互，而Ajax（AsynchronousJavaScriptandXML）是一种用于创建异步请求的技术，它可以使我们在不刷新整个页面的情况下更新部分页面内容。在这篇文章中，我们将深入研究原生JavaScript如何使用Ajax，以及一些相关的基础概念。什么是Ajax？Ajax是一种

繁依Fanyi·2023-11-21 21:47

jQuery 常用方法

jQuery常用方法排序eq()方法jQuery中获得的对象，内部包含选择的一组原生js对象，在jQuery对象中会进行一个大的排序，这个排序与原来的HTML结构没有关系。

阿雾a·2023-11-21 15:37

ajax基础3--使用原生xhr发起get,post请求

使用原生js发起ajax请求`XMLHttpRequest`的基本使用什么`XMLHttpRequest`使用`xhr`发起GET请求（⭐⭐⭐）了解`xhr`对象的`readyState`属性使用`xhr

咖啡壶子·2023-11-21 13:00

HTML5海报生成器源码,原生js小项目 - canvas海报生成器

1.背景之前做过一个营销类移动端h5项目-海报生成器，上传用户本地图片合成海报并支持下载，这次有时间了整理整理。2.几个重点上传本地图片并支持预览处理ios照片翻转使用canvas对图片等比拉伸缩放并居中裁剪使用canvas绘制图片以及文本输出base64并支持下载3.上传图片废话不多说，使用html的标签可以支持文件上传，前端上传验证的话，设置accept="image/*"将文件类型限制为图像

给我一杯声声乌龙·2023-11-21 05:38

【Vue学习】强迫症设计师如何获得一个自己满意的TodoList

Rico的TodoList在线版TodoList地址：Ricocc-https://ricocc.com/todo/最近开始重新把学习Vue的计划提上日程，首先入手的便是经典的TodoList小案例。

Rico的漫想世界屋·2023-11-21 05:40

平衡小车（STM32+MPU6050）（纯平衡）（闲聊+硬件准备）

51单片机学完之后老师让我做了一个智能窗帘的小案例，做的有些简陋，如果以后有空的话，也可以和大家分享一下。

可乐苏打水·2023-11-20 22:37

原生JS实现下拉刷新、上拉加载

最近部门移动端需要实现一个评价列表查询的功能，由于之前没有实现过，因此找了第三方库来实现，前前后后磕磕碰碰的花了一个小时终于实现了一个上拉刷新、下拉加载的功能。虽然实现了该功能，但是毕竟使用的是第三方库的组件，一旦出啥问题也不好解决，想了想，反正部门内部的组件库没有上拉刷新、下拉加载的组件，那么我何不写一个这样的组件呢？于是下定决心为部门组件库增加该组件。先上效果image聊聊实现思路移动端下拉刷

xiaoXX_·2023-11-20 22:11

Java练习案例之输入一个字符串统计每个字母出现次数

Java小案例：输入一个字符串，要求统计字符串中每个字符串出现的次数需求：结果预览：思路：原码：需求：键盘录入一个字符串，要求统计字符串中每个字符串出现的次数。

佳明Ryan·2023-11-20 20:02

java模仿js加减乘除_一个原生js写的加减乘除运算

根据我的经验我说的再多也没人看，不过还是简单介绍下效果吧，可以选择+,-,*,/,去计算数据，喜欢的话就粘贴复制自己看去吧！无标题文档+-*/functioncount(){vara=parseInt(document.getElementById("txt1").value)//获取第一个输入框的值varb=parseInt(document.getElementById("txt2").val

牙膏从后挤啊·2023-11-20 17:46

vue中v-html渲染出来的元素添加样式

不能直接在中修改css样式这应该是vue中虚拟dom渲染的元素无法修改样式；方法1：在updated生命周期函数中，js动态配置样式（这里引入了jQ，可以用原生js更改样式）updated(){$('#

就像风1样·2023-11-20 17:43

Vue全局api

三、小例子先看之前写过的小案例，累加一个数。{{num}}Addvarapp=newVue(

mxjsxz·2023-11-20 16:50

2023.11.16使用原生js和canvas实现图片矩形框标注功能

2023.11.16使用原生js和canvas实现图片矩形框标注功能做训练的时候需要一些数据集，但是网上数据集有时不能满足自身的使用需求，自己编制一个标注软件实现数据采集功能。

leigh_chen·2023-11-20 05:49

原生JS操作DOM的增删改查（实用总结篇）

实际项目中，最多的应用就是对DOM树的操作，所以本篇就从实用角度，总结一下原生JS下的DOM的增删改查。增增加元素前，必须先创建或复制元素。然后把创建或复制的元素，插入到DOM树中。

新生代农民工官方认证码农小拽·2023-11-20 00:10

JSP命令标签静态包含/动态包含

中的指令标签这边我们来说两个分别是静态包含和动态包含我们可以将重用性代码包含起来更好的使用比如我们界面上中下分别有三个导航栏那么如果你写三份就会出现很多重复代码而且改起来也很不方便要一次改三份口说无凭我们来做一个小案例我们先在

跟耿瑞卷出一片天·2023-11-19 23:55

java模拟鼠标，自动化操作小案例

/***获取屏幕位置，前提是屏幕分辨率设置成100%*/publicclassMousePointer{publicstaticvoidmain(String[]args){getPointInfo();}privatestaticvoidgetPointInfo(){intx=0;inty=0;while(true){PointerInfopinfo=MouseInfo.getPointerIn

weixin_36901040·2023-11-19 23:39

非暴力沟通的三个小案例

非暴力沟通，是一种将爱、尊重、理解、欣赏、感激融入到日常生活里的沟通“心”模式，我们可以通过四步走直达孩子的内心：第一步：观察和阐述事实。以第三人的身份清楚地将我们看到的客观事实说出来，绝不用主观意识添加色彩。第二步：表达感受。我们需要先放下想法和判断，全神贯注的体会自己和孩子的感受，并表达出各自的感受，例如：受伤，害怕，喜悦，开心，气愤等。第三步：了解彼此需要。身为父母的我有什么需要？孩子感受的

谊杉·2023-11-19 08:50

原生JS去除二维数组中重复了的一维数组

去除二维数组中重复的一维数组vararr=[[1,2,"haha"],[1,3,"haha"],[2,2,"haha"],[1,2,"abcd"],[1,2,"haha"],[1,2,"haha"],[1,2,"haha"],[1,2],[1,3],[3,2],["I","and","you"],["I","and","you"],["I","and","you"],["i","and"],["i

浅香沉木·2023-11-19 01:44

10个非常适合菜鸟练手的Python项目，墙裂建议收藏！

今天，小编就为大家分享十个Python的小案例，每个案例都有两种解决方法，第一种方法相对小白，第二种方法则是属于有经验的高手写法。案例虽小，但是却蕴含着Python编程的技巧，一起来看看吧。

程序员派星儿·2023-11-18 20:29

适合Python练手的8个经典项目，有趣又实用，提升Python编程能力必看

今天给大家分享的，是一些实战练习的小案例，如果你还是Python小白，可以再看看我前面几篇文章，如果是有了一点基础，那就尝试完成下面这些案例吧！

Python编程开发·2023-11-18 20:47

原生js自定义属性的操作：setAttribute、getAttribute、removeAttribute、hasAttribute（转发）

varbtn=document.getElementById('btn');console.dir(btn);console.log(btn.id);//btnconsole.log(btn.type);//buttonconsole.log(btn.a);//undefined//查询属性是否存在console.log(btn.hasAttribute('a'));//true//获取自定义属性

SuperYiY·2023-11-17 13:35

javaScript的Lodash库和jQuery库和layui库

简单理解：就是一个JS文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。比如jQuery，就是为了快速方便的

想被带飞的鱼·2023-11-17 08:09

ref属性

通过原生js获取DOM如果使用原生js来获取DOM元素时，我们最简单的就是通过id来精准获取，因为id是唯一的。

白桃味稠鱼烧·2023-11-17 07:34

JS 读取excel文件内容和将json数据导出excel文件

一、实现将json数据导出为excel文件1、通过原生js实现核心方法：functionJSONToExcelConvertor(JSONData,FileName,title,filter){if(!

mr_cmx·2023-11-17 01:45

20231109-【尚硅谷】3小时Ajax入门到精通学习笔记

缓存问题请求超时与网络异常（xhr.timeout=2000;）取消请求（xhr.about();）解决请求重复发送问题jQuery发送AJAX请求Axios发送AJAX请求使用fetch函数发送AJAX请求原生

ぃ咔哇依°ヽ·2023-11-16 17:07

python简单小案例数据分析统计服_Python数据分析之统计学基础（案例：描述统计）...

weixin_39612058·2023-11-16 15:01

【Typescript】vue项目中使用ts（typescript）入门教程

类型检查、直接编译到原生js、引入新的语法糖为什么用ts？TypeScript的设计目的应该是解决JavaScript的“痛点”：弱类型和没有命名空间，导致很难模块化，不适合开发大型程序。

BMG-Princess·2023-11-16 13:38

原生js简单打地鼠游戏

js部分内容——————————————————————————————————————————————————————varstart=document.getElementById("start");/*游戏开始按钮*/vardiglettLocation=document.getElementsByClassName("anmint");vargameImg=['img/ds01.png',

antixian2066·2023-11-16 09:01

原生js做打地鼠游戏

抱歉素材有点难找，这次的学习重点是在JS的实现，梳理一下打地鼠的实现逻辑，主要分为三个主要功能函数。开始游戏：对分数、并根据游戏难度对游戏的倒计时和延迟进行初始化之后，利用setInterval定时器Math.random随机函数实现地鼠间隔一定时间随机出现在方块中的位置。其中表格可以使用table布局或者网格布局。打地鼠：为了避免多次点击多次计算得分，用一个标志位来标志第一次点击，如果当前点击方

海伦•·2023-11-16 09:59

Javaweb开发利用servlet+jsp+jdbc+tomcat数据库实现登录功能

前言：很久没更新了，今天给大家分享一个Javaweb的小案例，是一个登录页面，利用Login控制类和JDBC连接数据库，并判断用户名密码是否正确，项目最终部署在Tomcat上。

吴永畅·2023-11-16 03:24

2-flask 创建和flask运行方式(Werkzeug WSGI、jinja2模版引擎、Click CLI、watchdog和dotenv的使用)、fastapi、flask中学到的

1.2Jinjatemplateengine1.3ClickCLI1.4flask安装1.4.1watchdog使用1.4.2python-dotenv1.5虚拟环境1.6flask运行方式1.7debug模式2fastapi3flask中学到的4flask显示用户小案例

林圜围·2023-11-15 22:28

day28_JQuery

正则表达式二、JQuery零、复习昨日js已经学完,js是让页面动态变化1)基本语法(变量,运算,逻辑,函数)2)事件(给标签绑定不同的事件)3)dom(改变标签内容,属性,样式)一、引言1.1jQuery概述原生

沐沐霸·2023-11-15 19:09

Vue事件绑定

目录前言Vue事件处理指令的语法格式事件绑定指令—v-on回调函数前言我们知道如何在原生js中实现事件绑定，那在vue中如何实现呢？

软工不秃头·2023-11-15 02:36

使用es6模板字符串之后点击事件不生效

最后只能使用原生js获取到需要点击的元素，从而实现点击事件。//点击的元素。需要确保

张小邪。。·2023-11-15 01:19

安全认证框架Shrio学习，入门到深度学习,SpringBoot整合Shiro小案例，含代码

权限概述什么是权限什么是权限权限管理，一般指根据系统设置的安全策略或者安全规则，用户可以访问而且只能访问自己被授权的资源，不多不少。权限管理几乎出现在任何系统里面，只要有用户和密码的系统。权限管理再系统中一般分为访问权限一般表示你能做什么样的操作，或者能够访问那些资源。例如：给张三赋予“店铺主管”角色，“店铺主管”具有“查询员工”、“添加员工”、“修改员工”和“删除员工”权限。此时张三能够进入系统

HakerDong·2023-11-14 23:42

【JavaScript-移动端常用事件】了解移动端touch触摸事件

目录前言1.触摸事件2.触屏事件3.TouchEvent触摸事件对象4.拖动元素写在最后前言移动端浏览器兼容性较好，不需要考虑JS的兼容性问题，可以放心的使用原生JS书写效果，但是移动端也有自己独特的地方

Aic山鱼·2023-11-14 12:43

js移动端触屏事件

1、触屏事件2、触摸事件对象（TouchEvent）1、触屏事件移动端浏览器兼容性较好，我们不需要考虑以前JS的兼容性问题，可以放心的使用原生JS书写效果，但是移动端也有自己独特的地方。

靠技术吃饭·2023-11-14 12:42

HTML---JS移动端触屏事件touch详解

1：触屏事件概述移动端浏览器兼容性较好，我们不需要考虑以前JS的兼容性问题，可以放心的使用原生JS书写效果，但是移动端也有自己独特的地方。

新手小白web·2023-11-14 12:07

移动端触屏事件

移动端触屏事件文章目录移动端触屏事件移动端触屏事件概述触摸事件对象(TouchEvent)移动端拖动元素classList属性移动端触屏事件概述移动端浏览器兼容性较好，我们不需要考虑js的兼容性问题，可以放心使用原生

idiot_MAN·2023-11-14 12:32

py版的原生Json解析器

之前的博客已经介绍过py和java-json的关系，以及他们的json包，之前写了Java版本的原生Json解析器：http://blog.csdn.net/qq_34417408/article/details

魏小言·2023-11-14 10:12

推荐频道

原生JS小案例