原生javaScript 第13页

原生JavaScript之完美运动框架

在这里呢，我们先来说下关于完美运动框架的封装思路。想让一个物体运动呢，我们必须给那个物体加上定位属性；其次想让一个物体自动运动的话必须用到定时器；知道了这个后，基本上就差不多做完了（哈哈，给你个小安慰）！首先在封装框架之前我们得封装一下获取非行间样式，这样的话我们就不单单局限于（offsetwidth，offsetheight）了,而是你想让哪个属性运动就能让哪个属性运动了。因为获取非行间

weixin_34112900·2020-07-06 00:26

原生javascript封装ajax和jsonp

在我们请求数据时，完成页面跨域，利用原生JS封装的ajax和jsonp：Document//ajax和jsonp跨域的封装var$={//封装ajax，堪比jquery中的ajaxajax:function(option){//判断输出的async真假varasync=typeof(option.async)==="undefined"?true:option.async;varxhr=null;

weixin_30906425·2020-07-05 22:55

飞机大战html游戏全代码js、jquery操作

注意事项博主的话当时博主只会html，css和原生JavaScript，假期用了一周编出来，那个时候的状态就是天天不想睡觉，就想把这个游戏编完。

征途黯然.·2020-07-05 09:56

原生JavaScript实现监听移动端上下左右滑动事件

/***@authorW.Dong*@date2018/10/26*@Description:监听触摸的方向*/varEventUtil={addHandler:function(element,type,handler){if(element.addEventListener)element.addEventListener(type,handler,false);elseif(element.

W_Dong丶·2020-07-05 05:25

原生Javascript实现JSONP

/*封装一个jsonp方法，可以使用如下方式调用：jsonp(url,[,data],[,callbackName])*/jsonp('http://photo.sina.cn/aj/index',{page:1,cate:'recommend'},'jsoncallback').then(data=>{console.log(data);})functionjsonp(url,data,call

周皮皮皮皮皮皮·2020-07-05 04:04

使用原生JS制作简单的轮播图特效

使用原生JavaScript制作一个简答的图片轮播效果，没有实现动画。

柯晓楠·2020-07-05 01:28

JavaScript动态修改页面Title

原生JavaScript方式varOriginTitile=document.title;varstr;document.addEventListener('visibilitychange',function

maoluanyue8540·2020-07-05 00:22

jQuery框架快速入门

jQuery官网：https://www.jquery.com将原生JavaScript类比为楼梯，那么jQuery就是电梯jQuery基本语

北海怪兽Monster·2020-07-04 23:53

原生Javascript插件封装开发实践

前言之前公司设计的网站比较混乱，很多地方不统一，其中一个就是弹出层，导致这个原因是因为，公司的UI换了好几个人，而他们每个人做出来的都不太一样。最近公司开始整顿这个问题，对于统一的这种东西当然是做成一个模块，或者插件，而我打算做成插件。之所以写这篇文章是因为，当写完这个插件以后，发现其中有不少的理念，而这些理念我想把它总结一下，虽然这个插件并不复杂。该怎样架构？对于架构这个概念，接触的比较少，我的

I-T枭·2020-07-04 17:18

原生javascript如何实现共享onload事件

在工作时，我们给一个元素绑定了事件，如果dom还没加载完成，就执行了js代码，就不会绑定成功。常规解决方案就是用：window.onload=EventFunction;可是如果有两个事件，window.onload=EventFunction1;window.onload=EventFunction2;那2就会将1取代，这时你可能会想：每个事件处理板书只能绑定一条指令。有一种办法可以让我们避开这

·2020-07-04 00:59

弹跳提示框---原生JavaScript手作

前端入坑纪04又逢周五，真是羡慕那些双休的程序媛/猿！今天跟着项目做了个弹跳的提示框弹跳而出一等大事：项目链接HTML结构出现吧，比卡丘//用来点击的按钮//固定大小的黑色透明背景//主角提示框温馨提示比卡！比卡！比卡！厉害//点完这个就回到最初状态这个HTML的结构很简单，没什么特殊的地方CSS结构body{font-family:"微软雅黑",Georgia,'TimesNewRoman',T

kerush·2020-07-02 17:23

原生JavaScript实现Hexo博客推荐功能

有时候，我不禁在想，我们到底处在一个什么样的时代呢？而之所以会有这样的疑问，则是因为我们的习惯在不断地被这个时代向前推进，就像我用了两年多的魅蓝Note6屏幕出现了问题，扫视了一圈新手机，居然再找不出一款带实体键的手机，刘海屏、水滴屏、破孔屏、异形屏、曲面屏等等简直令人眼花缭乱，唯独没有一款让我感到熟悉的非全面屏手机。做软件的时候，会不明白那些似是而非的定制需求的差异，可为什么偏偏到了硬件的时候，

PayneQin·2020-07-02 15:08

使用deeplearn.js预测互补色（译）

尽管原生JavaScript已经足够，本教程选择TypeScr

行走的程序猿·2020-07-02 01:57

JSON对象的两个方法

最简单的方法，这两个方法分别用于吧JavaScript对象序列化为JSON字符串和把JSON字符串解析为原生JavaScript值。

dlk47632·2020-07-01 22:36

关于HTML5的各种选择器

这使得在编写原生JavaScript代码时方便了许多。用法两个方法使用差不多的语法，都是接收一个字符串参数，这个参数需要是合法的CSS选择语法。element=document.querySele

SevenLonely·2020-07-01 11:07

vue实现数据双向绑定的基础之理解对象属性类型

原生JavaScript之理解对象ECMA-262把对象定义为：“无序属性的集合，其属性可以包含基本值、对象或者函数。”严格来讲，这就相当于说对象是一组没有特定顺序的值。

Minn0916·2020-07-01 10:54

前端基础进阶（十）：面向对象实战之封装拖拽对象

不封装对象直接实现；利用原生JavaScript封装拖拽对象；通过扩展jQuery来实现拖拽对象。本文的例子会放置于codepen.io中，供大家在阅读时直接查看。如果对于c

Fuohua·2020-07-01 09:17

网站优化之如何用原生javascript去完成懒加载技术--lazyload

前几天，技术总监说，我们现在的很多站点加载出来需要很长的时间。你去想办法去优化一下，看能不能提高加载速度，增加用户体验。然后我就去访问了下站点，发现所有的站点都有同一个问题。就是加载图片耗费了大量的时间。既然是图片的问题，那就压缩图片吧。压完更新后，发现有效果，但是治标不治本。于是就找了几种解决方法：1.lazyload2.延迟加载（用setTimeout去做，有点不着调啊）3预加载（此方法适用于

baibaibeaytiful·2020-07-01 06:59

jQuery学习目录

由于jQuery的简单易用，它在以前常常是人们不学习原生javascript的一个借口。确实，jQu

「已注销」·2020-07-01 04:37

用原生JavaScript做一个简单的购物车

用原生JavaScript做一个简单的购物车前言：本文由简易HTML+CSS+JavaScript构成，本文图片可自己修改。

XiaoChong1998·2020-07-01 04:04

原生Javascript实现防抖与节流

其实防抖和节流这些标记的实现主要都是通过闭包来实现的一、防抖任务频繁触发的情况下，只有任务触发的间隔超过指定间隔的时候，任务才会执行。如果n秒内高频事件再次被触发，则重新计算时间。防抖点我防抖！window.onload=function(){//1、获取这个按钮，并绑定事件varmyDebounce=document.getElementById("debounce");myDebounce.a

野生松·2020-07-01 04:20

响应式布局

解决设备的差异化显示缺点：兼容性代码工作量大加载速度受影响；对原有网站布局会产生影响用户判断未必精确；响应式原则：再设计初期就要考虑在多终端显示模式渐进增强；充分发挥硬件最大功能如何实现：css-mediaquery借助原生

104cbf61ed9c·2020-06-30 14:45

原生JS完成todolist小项目

利用原生JavaScript实现todolist常见功能该项目主要可以练习js操控dom，事件，事件触发之间的逻辑关系，以及如何写入缓存，获取缓存。

z_cas·2020-06-30 12:24

原生javascript实现完整的轮播图

轮播图是现在网站网页上最常见的效果之一，我们日常工作可能会使用轮播图插件，可是一旦插件和需求不对等的时候你就需要寻找更符合你要求的插件。那么我们有找插件的功夫还不如自己写一个轮播图，既提升了技术又便于维护。无论我们做什么特效，都要记住一个原则，先写静态的代码，再做动态的处理！html//最外层壳子//装图片的壳子//装图片序号的壳子等会根据图片的数量用js动态添加//左右箭头html搭建了一个基础

我不想学习了·2020-06-30 11:51

jQuery对象+选择器+DOM操作

DOM对象就是原生JavaScript中通过getElementById或者getElementByTagName来获取DOM树节点得到的对象。

我的绝伦大人·2020-06-30 10:30

html+JS学习笔记2 jQuery初探

jQuery：jQuery只是一个'写的少、做的多'的JavaScript的函数库，简单来说，就是用它组装好的功能来代替复杂的原生JavaScript代码。

lain355·2020-06-30 05:48

原生javascript获取网页中的link 属性值

document.getElementby*句柄无法获取属性值，而queryselector（）则可以使用css选择器来选择属性值为特定值的元素，因此如截图所示，采用document.querySelector('link[rel="shortcuticon"]').href获取了document.getElementby*句柄难以获取的具有属性rel的head标签中的link元素的链接值。通过该

马背岭·2020-06-30 01:12

【代码】原生JS制作实现俄罗斯方块完整实例代码，原生JavaScript制作实现俄罗斯方块完整实例代码

不想看思路的可以直接看代码，代码注释写的也很详细不喜勿喷——前端初学者思路：1.建立背景，分割背景（因人而异）下面的例子是360px×200px的，设置setp=20px，意思是每一个小格20px×20px，也就分成了18×10的网格2.监听键盘事件，控制任意一个块元素在容器中移动用switch来做，满足条件时，调用move（x，y）函数x=-1，y=0向左x=0，y=-1向上x=1，y=0向右x

柳Sir·2020-06-29 17:51

Vue.数据请求方法

数据请求数据请求在前端开发中的使用有两种形式使用原生javascript提供的数据请求ajax(四部曲，一般需要我们结合Promise去封装，使用不是很便利，但是效率很高)fetch(本身结合了Promise

杭城.峰少·2020-06-29 15:21

2019年Web前端入门的自学路线免费分享给你

第一阶段：前端页面重构内容包含了：（PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目）第二阶段：JavaScript高级程序设计内容包含：1）原生JavaScript交互功能开发项目

QF _WEB·2020-06-29 09:22

学堂在线自动刷课代码脚本-自动播放下一节

事情也比较多了，望谅解，大家就先凑合着用吧补更2020-6-8：把跳过讨论版的代码也分享了出来——跳过讨论版补更2020-4-20：不知道为什么之前用jquery语法写的用了一段时间会报错，索性直接改成了用原生

乐了勒·2020-06-29 06:41

JavaScript中宽高和位置的总结

第一部分：原生JavaScript部分1.clientWidth和clientHeight描述：content+padding，不包含滚动条和border。

凋零之落叶·2020-06-29 06:45

javascript-原生javascript实现节奏大师小游戏

前言课程实验要求，迫不得已看了一点javascript，实现这个类似“节奏大师”的小游戏，有计时，计分，对玩家成绩进行排序的小功能，感觉自己审美还是不行，还有感觉自己写的javascript好丑陋，没有数据结构的味道。遇到卡壳的问题：javascript选择伪元素::after，代码中我用::after表示QWER四个键，js无法选择到伪元素，通过设置如下css代码，然后varcrack=docu

chenchenxiaojian·2020-06-29 03:59

【javascript】详解javaScript的深拷贝

来源：https://blog.csdn.net/qq_39207948/article/details/81067482强烈推荐30个原生JavaScript的demo，包括canvas时钟特效、自定义视频播放器

赵又又i·2020-06-29 02:35

自己搭建Vue + Vuex + Typescript 项目的使用

为什么使用TypeScript（主要原因）1.JavaScript的超集支持所有原生JavaScript的语法2.强类型语言现在很多主流语言都是强类型的，而这点也一直是JavaScript所被人诟病的地方

weixin_34355559·2020-06-28 17:58

JavaScript常用，继承，原生JavaScript实现classList

原文链接：http://caibaojian.com/8-javascript-attention.html基于Class的组件最佳实践（ClassBasedComponents）基于Class的组件是状态化的，包含有自身方法、生命周期函数、组件内状态等。最佳实践包括但不限于以下一些内容：1）引入CSS依赖（ImportingCSS）我很喜欢CSSinJavaScript这一理念。在React中，

weixin_34326429·2020-06-28 17:24

目录整体分为四大类：前端篇后端篇算法篇网络篇前端篇原生javascript原生javascript函数中的this的四种绑定形式原生javascript详解javascript闭包原生javascript

weixin_34319111·2020-06-28 16:06

美女程序员遭嘲讽技术低，怒写javascript特效打脸众人

34的球体，都只会做一个球体，像这样的两个球体嵌套一起旋转的，还是有点难度的，整体的布局就是一个HTML5/canvas，运用了许多HTML5的新特性，当然，javascript是必不可少的，使用的也是原生

weixin_34221332·2020-06-28 14:13

程序员面试，写个javascript物理引擎，张口要月薪20K！面试官真给了！

坦白讲，用原生javascript写出一个这样的物理引擎，要月薪10K以上是绝对不过分的，能写出物理引擎，也代表着这个人在原生javascript上研究已经比较透彻了，在逻辑和算法上的水准也不会太差，当然这个特效也是基于

weixin_34122604·2020-06-28 11:57

手把手教你用原生JavaScript造轮子（1）——分页器（最后更新：Vue插件版本，本篇Over！）...

日常工作中经常会发现有大量业务逻辑是重复的，而用别人的插件也不能完美解决一些定制化的需求，所以我决定把一些常用的组件抽离、封装出来，形成一套自己的插件库。同时，我将用这个教程系列记录下每一个插件的开发过程，手把手教你如何一步一步去造出一套实用性、可复用性高的轮子。So,Let'sbegin!目前项目使用ES5及UMD规范封装，所以在前端暂时只支持标签的引入方式，未来会逐步用ES6进行重构演示地址：

weixin_33774615·2020-06-28 05:17

2019年web前端就业岗位需求

现在大公司的要求绝大多数以原生JavaScript为根本，例如腾讯，

weixin_33701617·2020-06-28 03:29

原生JavaScript实现函数的防抖和节流

原生JavaScript实现函数的防抖和节流参考：https://www.jianshu.com/p/c8b86b09daf0想详细了解的直接戳上面链接了，讲得非常清楚。

weixin_30810583·2020-06-28 01:39

用 JavaScript 和 C3 实现一个转盘小游戏

本文主要介绍如何使用原生javascript和Css3来实现一个在各大移动应用中经常出现的转盘游戏，由于改实现可以有不同方式，如果熟悉canvas的话也可以用canvas实现，本文采用js和css实现主要考虑到复杂度较小性能较好

weixin_30362233·2020-06-27 18:36

原生javascript写的无缝滚动轮播图

html代码>css代码*{padding:0;margin:0;list-style:none;}#box{width:600px;height:200px;border:1pxsolidfirebrick;margin:100pxauto;overflow:hidden;position:relative;}#boxul{position:absolute;left:0;top:0;}#box

最后的代码源·2020-06-27 12:58

2018年的前端工程师薪资怎么突破30k？

根据这上面的信息，我们可以最后总结一下关键点：第一：扎实的原生JavaScript基础第二：

JavaScript_w·2020-06-27 10:37

jQuery动画与ajax

与原生JavaScript中的load事件需要在页面所有内容加载完成后才执行不同，ready只要在DOM结构加载完成后，就可以执行。

hhg121·2020-06-26 13:42

基于 abp vNext 和 .NET Core 开发博客项目

支持各种主流数据库(SqlServer、MySQL、PostgreSql、Sqlite)接入，接口遵循RESTfulAPI接口规范，前端所有页面采用axios和template-web.js请求和加载数据，原生

dotNET跨平台·2020-06-26 06:35

大数据学习资料

Java数组与类和对象、数字处理类与核心技术、I/O与反射、多线程、Swing程序与集合类阶段二、HTML、CSS与JavaScriptPC端网站布局、HTML5+CSS3基础、WebApp页面布局、原生

NASSLT·2020-06-26 03:40

jQuery 对象 VS DOM对象

首先，创建两个id不同的p元素：使用原生JavaScript给demo1元素添加文本内容和样式varp=document.getElementById('demo2');p.innerHTML="

董懂同学·2020-06-26 02:00

基于原生Javascript的无缝轮播

一、前言轮播图的种类说起轮播图，种类那可是五花八门，什么淡入淡出呀、旋转木马呀、3D轮播呀、无缝轮播呀等等，简直是秀的头皮发麻~本文要讲的就是其中的无缝轮播，小伙伴们知道是怎么实现的吗，如果不知道的话，嘿嘿，你就接着往下看吧。如果你知道的话，就当捧个场，也往下看吧~基本要求html和css完成静态布局、js获取并且操纵元素，定时器的应用，节流函数，日期对象等等。二、无缝轮播的原理首先，我们来看看什

andylala_cust·2020-06-25 22:14

推荐频道

原生javaScript