原生JS小案例

原生JS显示pdf文件

前段时间接到一个优化需求，后台返回的PDF文件(base64)通过前端插件在新的页签展示后，总会在大号字体边缘有毛刺状的“不和谐”，但后台的文件本身是没有问题的。拿到需求后就在插件的源代码中寻找"drawImage"，怀疑是不是对文件进行了压缩。果然，发现了特别多的"drawImage"，然后全部改成维持原始大小，满怀信心开启本地服务。结果...如果真好了，就不会有这个随笔来记录了。以前只处理过图
丶梅边·2023-11-30 12:15

Nginx反向代理和负载均衡详细教程

我们先来通过一个小案例演示下Nginx正向代理的简单应用。先提需求：(1)服务端的设置：http{log_formatmain'clientsendreques
西西o·2023-11-30 09:53

原生js、Axios、Ajax、Fetch四种请求方式

方法一：原生js其他更简单的方式基本上都是基于原生js衍生来的/*openmethod(getpost)url纯净的地址params参数*/functionajax(method,url,fn,params
万迹·2023-11-30 07:36

js数组去重小案例

一:数组去重方法一:1.循环数组,拿到第一个数,for(vari=0;i
小师叔丄·2023-11-30 05:58

【ROS学习笔记】13.ROS中的坐标管理系统

TF的一个小案例3小程序：小海龟跟随实验打开小程序查看当前的TF树坐标相对位置关系可视化1（tf_echo）坐标相对位置关系可视化2（rviz）本节学习ROS中的坐标管理系统。(部分图摘自：b站【古月
takedachia·2023-11-29 20:07

php rabbitmq 邮件发送,Laravel 使用 rabbitmq 异步发送邮件小案例.

一.rabbitmq环境配置1.下载Erlang.rabbirmq的依赖环境window官方下载地址官网：http://www.erlang.org/downloadslinux环境：rpm-Uvhhttp://www.rabbitmq.com/releases/erlang/erlang-18.1-1.el7.centos.x86_64.rpm2.下载RabbitMQServerwindow官方
蓝色麻雀·2023-11-29 13:57

输入回车换行，div标签可编写

placeholder);color:#ccc;}取消选中边框outline:none;.textareaDiv{padding:12px0;font-size:15px;outline:none;}获取输入参数可用原生
Grocery store owner·2023-11-29 07:45

原生js实现轮播图(两种方法)

第一种：这个是之前写的，比较草率，没有注释，如果这个看不懂就去看第二个，比较仔细，主要是了解他，后面都会有一些插件来使用，很方便，只要几行代码就可写出各种各样的代码，所以，不懂的话，不要太在意，vari=0;varimages=newArray("500022.jpg","500023.jpg","500024.jpg","500025.jpg","500026.jpg");functioncha
Grocery store owner·2023-11-29 07:44

原生js和jQuery的区别

1.原生JavaScript是一种基于ECMAScript规范的编程语言，而jQuery是基于JavaScript的一个库，它提供了一种更简洁、易用的语法来操作HTML文档、处理事件、执行动画等。2.原生JavaScript没有依赖任何外部库，而jQuery依赖于jQuery库。这意味着使用jQuery需要先引入jQuery库。3.原生JavaScript的代码通常比jQuery代码更冗长，因为它
素素堂堂良·2023-11-29 00:02

原生js将数字金额转汉字金额 vue中数字金额转汉字金额

网上找的个demo，略加修改，简已封装，挺完美的。功能是将数字金额转为汉字金额vue中，自行在assets新建js，封装如下，复制粘贴进去即可/***数字金额转汉字金额*val为字符串类型*/exportconsttoChies=(val)=>{//汉字的数字varcnNums=newArray('零','壹','贰','叁','肆','伍','陆','柒','捌','玖');//基本单位varc
牵手相守·2023-11-28 19:49

一句代码解决easyui datagrid导出到excel的问题

前言之前做项目，需要把easyuidatagrid的数据导出到excel，看了很多博文，都需要大量的代码才能实现这个功能，后来机缘巧合找到一种方法，现在我自己写一个小案例来演示一下这个方法实现流程1.导入
丙睦·2023-11-28 19:40

uniapp 使用RenderJs

在uniapp中renderjs可以使用原生js的dom，方便很多。下面熟悉一下renderjs基础使用。
微笑面对start·2023-11-28 14:22

day38（VueJS）概念 开发模式 框架的特点 启动步骤 指令 以及 小案例

概念概念：Vue是一套使用Javascript构建用户界面的渐进式框架。Vue框架涉及的内容有：Vue.js开发概述、环境搭建、Vue指令、组件化应用构建、组件通信、组件嵌套、自定义指令、自定义过滤器、组件属性、组件的路由、路由跳转。注意：Vue不支持IE8及以下版本，因为Vue使用了IE8无法模拟的ECMAScript5特性。但它支持所有兼容ECMAScript5的浏览器。MVVM开发模式vue
李中豪前端大佬·2023-11-28 11:26

在JavaScript中添加css样式 js追加类

一、原生js中添加类的方法1.为元素添加一个类:document.getElementById("div").classList.add("类名");2.为元素添加多个类:document.getElementById
linlinlove2·2023-11-28 06:40

微信小程序自定义弹窗插件|showModel模态弹窗|Toast提示

之前有开发过一个手机端h5弹窗插件wcPop，反正原生js代码语法都差不多，就试着搞了个微信小程序弹窗插件，功能效果肯定能满足大多数弹窗使用场景。如果刚好您的项目开发中需要
weixin_33924220·2023-11-28 05:58

原生JS实现Web弹出层Toast

我们可以使用原生JS写一个弹出框，类似Android的Toast组件。先分析一下实现思路：先确定弹出框的样式，写出CSS代码。动态创建元素、设置元素样式。控制元素显示与隐藏。
微语博客·2023-11-28 00:21

Python轻量级框架Flask-RESTful API插件入门及实战小案例

课程目标让0基础的学员学完课程之后对Python实用内容、基础前端知识、Flask框架均有掌握，通过课程内讲师带着大家进行的实战小案例适用人群针对想快速了解Python轻量级框架Flask-RESTfulAPI
qtzx5206·2023-11-27 10:24

opencv小案例 --- 证件照背景替换

采用GMM分割也可以。代码演示：#include#includeusingnamespacestd;usingnamespacecv;Matmat_to_sample(Mat&image);intmain(intargc,char**argv){Matsrc=imread("E:/技能学习/opencv图像分割/test.jpg");if(src.empty()){cout(index,0);in
焦糖甜饼~·2023-11-27 09:14

前端学习--React(4)路由

path，对应的组件会在页面进行渲染创建路由项目//创建项目npxcreaterouter-demo//安装路由依赖包npmireact-router-dom//启动项目npmrunstart简单的路由小案例
Michelle209·2023-11-27 06:55

原生JS实现文件自定义位置盖章功能并导出PDF

原生JS实现文件自定义位置盖章功能并导出PDF实现原理在需要签章的文件上面创建一个div，可以通过移动这个div来确定签章位置，然后在通过获取这个位置把章子替换到这，并导出PDF，可以多次盖章！
龟中的程序员·2023-11-27 04:53

【Unity3D】使用IPointerDownHandler和IPointerUpHandler简易实现背包小案例

BagPanel管理着全部格子，格子管理具体物品，SlotItem是具体物品。代码：usingSystem.Collections;usingSystem.Collections.Generic;usingUnityEngine;//////背包容器///publicclassBagPanel:MonoBehaviour,BagInterface{publicGameObjectslotItemP
两水先木示·2023-11-26 07:46

搞懂Netty(1)一个简单的表白小案例（使用Springboot整合开发）

写了很久的java并发包里面的文章，今天换一个口味。很早之前学的Netty，由于最近项目经常使用到，遇到了很多坑，因此想通过一个体系教程说一下这个高性能异步通信框架Netty，这也是netty的第一篇文章。主要是通过Springboot来整合Netty实现一个最基本的案例。一、Netty是什么想认识Netty最好的方式就是直接去官网看文档，由于文档是英文，因此直接在这里翻译过来了。Netty是一个
愚公要移山·2023-11-26 04:48

ES6 系列之我们来聊聊 Async

可以参考：You-Dont-Need-JavaScriptcssanimationcss@keyframescsstransformcsstransition2.原生js代替第三方库因为第三方库不可避免的会增大打包文件的体积
强哥科技兴·2023-11-26 01:46

原生JS实现计算器（内含源码）

前言本文讲解了JavaScript如何在一小时内实现一个简易计算器，这里最大的亮点就在于，我在JS中只用了一个事件，就实现了计算器的效果和功能，那么好文本正式开始。布局和样式流程首先是HTML+CSS结构：这里主要用到的是position定位和Flex布局。首先我们准备一个大的div，用于装最大的容器，它的id为all然后我们准备三个小的div，给这些div加上Flex-box弹性盒子布局这三个小
好名字0821·2023-11-25 22:51

原生js项目中webpack.config.js的简单配置

原生js项目中webpack.config.js的简单配置const{resolve}=require("path");constautoprefixer=require("autoprefixer")
琴～～·2023-11-25 19:49

高仿淘宝首页 - 刚把CSS和JS弄出成了外部，原本写的时候都在HTML一个文件里哈

感觉用原生js更能加深对知识的理解哈。小白一枚。本来CSS和JS都写在HTML一个文件里了。这刚把它们弄出来成外部了。
InterestingLife·2023-11-25 17:35

【游戏开发】浅谈游戏开发中常见的设计原则

这次准备把阅读设计模式的想法记录下来，并且把设计模式应用在Unity游戏开发上，做些小案例。
weixin_34221112·2023-11-25 04:57

原生JS封装仿element-ui 消息提示框

提示框的三种样式，如下图：error样式success样式warn样式js代码部分functionshowToast(msg,type){//消息弹出框varmessageEle=document.getElementsByClassName("parent-tips");//获取最后一个消息提示的显示层级，新的消息提示层级在此基础上+1varzIndex=messageEle.length==0
路飞sabo·2023-11-24 23:51

Composite模式（设计模式）

Composite模式.png小案例：https:
DarknessShadow·2023-11-24 19:03

前端处理二进制文件流，预览图片、PDF

原生js实现预览图片、PDF服务返回二进制流，用axios处理，指定blob类型，然后再转换成URL（处理后会变成blob://...这种格式)；图片的话，作为src地址可以直接实现；预览PDF需要服务端的响应头
1234Wu·2023-11-24 14:05

mysql通过经纬度查询一定范围内得数据

1、第一种方式，通过st_distance函数计算出距离，这个函数必须是php5.6及以上mysql版本才能支持，具体函数的方法，大家自己查查下边是一个小案例，查询经纬度（lng2,lat2）距离这个点一公里范围内匹配的数据取出前
SMILING_7b27·2023-11-24 14:19

MyBatis中的collection两种常用使用方法（非常详细）

collection两种常用使用方法码云MybatisDemo:用来学习springboot整合mybatis(gitee.com)collection主要是应对表关系是一对多的情况查询的时候，用到联表去查询接下来的小案例包括
Rabbityyhh·2023-11-24 11:51

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

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
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他