js原生第17页

vue实现直播间点赞飘心效果的示例代码

前言：在开发公司项目的时候，遇到了直播间的一些功能，其中点赞冒泡飘心，就折腾了好久，canvas学的不好，自己写不来，百度找了一堆都是js原生写法，迁移到vue项目里来好多问题，百度也解决不了。

风中凌乱的男子·2019-09-20 09:37

Lyra李·2019-09-19 21:00

express的安装

据说可以理解为nodeJS的jquery库的存在4.express功能极简，完全是由路由和中间件构成一个的web开发框架：从本质上来说，一个Express应用就是在调用各种中间件5.非侵入性的，不会对nodejs

squidbrother·2019-08-15 13:55

ES6之fetch

js原生支持，比XHR强大，易用的数据交互对象。

darkCode·2019-08-07 00:00

前端框架级之数据请求的axios和fetch方法

blog.csdn.net/congboer/article前端框架级之数据请求的axios和fetch用法此之前，看到了Vue，了解到了前端的3种框架级的数据请求方法：axios（第三方库）fetch（js

congboer·2019-08-06 14:46

ajax功能

二、js原生的Ajax技术（了解）js原生的Ajax其实就是围绕浏览器内内置的Ajax引擎对象进行学习的，要使用js原生的Ajax完成异步

像天空的鸽子·2019-07-03 15:22

常用的时间函数整理

最常用的一个，就是对JS原生newDate()的扩展，可以格式成为自己想要的格式。（以下的函数都是需要调用这个的，所以必须要引入这个）1/**2*对Date的扩展，将D

程先生哈·2019-07-01 15:00

使用nw+vue开发一个桌面应用程序(Mac)

将它看作一个前后端分离的web项目，后端服务没有一一实现，通过自己搭建的mock服务器模拟接口数据，所以这边对后端的环境依赖不做介绍，如果需要使用的话，可以根据个人的情况来实现后台API，如java、nodejs

干锅田鸡·2019-06-24 00:00

从GGEditor的一个案例看JS原生拖拽功能

拖拽操作平时用的比较少，在最近的一个项目中使用到了，并且踩了一些坑，本文做一个简单的总结。涉及部分G6的API，不会对理解全局产生干扰。需求概述如下图所示，左侧为GGEditor元素面板React组件，右侧为G6画布，现需要将元素从「元素面板」中拖拽到「画布」上。要求：拖拽时蓝色虚线框和元素面板的对应元素尺寸相同（为一矩形）蓝色虚线框跟随鼠标移动，指明当前拖拽的位置元素面板上对应元素不应发生改变⚠

Marckon·2019-06-24 00:00

VUE开发--Lodash组件(四十七)

是一个意在提高开发者效率,提高JS原生方法性能的JS库。lodash的中文文档：https://lodash.com/docs/4.1

无剑_君·2019-06-23 08:33

ES6面试知识点汇总（全）

答：ES6是新一代的JS语言标准，对分JS语言核心内容做了升级优化，规范了JS使用标准，新增了JS原生方法，使得JS使用更加规范，更加优雅，更适合大型应用的开发。

小蓉儿·2019-06-18 11:00

selenium常见异常

Otherelementwouldreceivetheclick这里是因为selenium元素没有出现在当前页面上，一般是需要划一下滚动条就可以看见，如果元素出现在滚动条滑动到底部才能看见的位置，建议用下面的方法调用JS

kangkai0209·2019-06-16 23:34

Node.js实现WebSocket聊天室的例子

使用ws创建WebSokcet服务器Node.js原生API并未提供WebSocket的支持，因此，需要安装第三方包才能使用WebSocket功能。

_waylau·2019-06-03 20:31

JS原生拖拽功能draggable属性（H5）

在html5中多了一个元素属性draggable，这个属性可以对元素进行拖拽Document.box{width:500px;height:150px;border:1pxsolidblack;margin-top:40px;}functiondragstart(event){//将拖拽对象id存储在dataTransfer中event.dataTransfer.setData("dragCont

菜鸟搬砖记·2019-06-02 16:42

JS ajax 例子

用js，jQuery编写ajax的样式，三种写法，例子：//用js原生写法functionsendGet(url){xhr.onreadystatechange=function(){if(xhr.readyState

话流年·2019-05-26 10:02

VUE事件修饰符

如同JS原生代码中addEventListener中的第三个参数设为true，即为捕获阶段触发。@click.stop：阻止事件冒泡。

一颗甜果果·2019-05-23 13:45

jQuery使用及使用封装好的Ajax

console.log(document.getElementById("myDiv"));/*js操作vararr=document.getElementsByTagName("p");for(vari=0;ijs

空白_0911·2019-05-18 15:54

web前端常见面试题（js原生,vue,es6,小程序）合集

生命周期函数面试题1.什么是vue生命周期2.vue生命周期的作用是什么3.第一次页面加载会触发哪几个钩子4.简述每个周期具体适合哪些场景5.created和mounted的区别 6.vue获取数据在哪个周期函数7.请详细说下你对vue生命周期的理解？vue路由面试题mvvm框架是什么？2vue-router是什么?它有哪些组件active-class是哪个组件的属性？怎么定义vue-router

-葵藿倾阳·2019-05-13 00:00

前端面试题总结

，不乏各个大厂：瀑布流vuex几个常用属性vue通过哪个js原声方法实现数据监听的图片截取上传懒加载和预加载防抖动截流flex几个属性背一下手机端app优化手机端调用相机webview微信小程序公众号js

蓓蕾心晴·2019-05-10 16:00

JavaScript原生 & jQuery 获取 & 设置滚动条移动长度、高度 / scroll

{width:500px;height:300px;margin:100px;overflow:auto}#d2{width:1000px;height:800px;background:#aaf;}js

freedom_文·2019-05-03 12:19

js原生轮播图

轮播图案例核心思想1.当鼠标经过时，左右按钮显示，鼠标离开时，左右按钮隐藏2.动态生成小圆点，第一个小圆点高亮3.点击小圆点，图片跟随移动①利用自定义属性记录图片所在元素的序列号index②当点击当前小圆点，图片移动index图片的offsetWidth.③克隆第一张图片放在最右边，位置一定放在动态创建小圆点的后面4.点击按钮图片移动（右侧）左侧相反①声明一个num变量记录点击的次数②当点击一次按

zn来日放长·2019-04-29 16:37

JS原生瀑布流效果实现

今天早起看了慕课的瀑布流，的确讲的十分详细，也十分的好，我在博客里也就只能给代码加些注释，和说一下思路。建议大家去看一下慕课的瀑布流教程，非常详细，每一个细节都讲的非常好，只要懂JS的基础代码，看起来应该不是多大问题，里面没有太难得方法，但自己写不出来还是因为思路上有问题，下面就详细说一下几个重点方法的代码，建议大家去慕课详细学习HTML和CSS没有太难得地方//一个main包含了整个页面内容，b

小疯疯0413·2019-04-26 15:05

nodeJs 原生方法实现get,post请求的前后端交互

nodeJs原生方法实现get,post请求的前后端交互GET请求POST请求GET请求使用jq的ajax请求客户端index.js$.ajax({type:'get',dataType:'text',

haohemr·2019-04-19 20:13

React 学习笔记 04 React-Route路由

fetchjs原生方法，用来替换XMLHttpRequest的，是基于Promise的，不兼容ie6，但是有一个插件whatwg-fetch来兼容ie（兼容到ie6，是封装XMLHttpRequest，

Upcccz·2019-04-13 19:36

js递归获取html页面所有标签

js原生递归获取,直接源码 :constchild=document.children;//body就用document.body.childrenvararr=[];//用来存放获取到的所有的标签functionfn

Add_a_cat·2019-04-11 13:24

js原生实现过渡效果的返回顶部功能实例

问题描述适用范围：所有前端界面，返回顶部按钮兼容：ie9以上以下是实现功能的代码：//回到顶部按钮window.onload=function(){vartop_btn=document.getElementById('goup-container');vartimer=null;varisTop=true;//获取页面的可视窗口高度varclientHeight=document.documen

火红橘子·2019-03-30 18:41

在react-antd中实现拖放效果

进入正题：最近的项目中涉及到了拖放的问题，特地记录一下：这个其实和js原生的拖放基本一致1.在需要拖动的元素上：this.tragStart(e,别的参数)}closableonClose={e=>this.delNode

百岁如流富贵冷灰·2019-03-22 18:05

JS面试之函数(1)

序列文章JS面试之对象(2)JS面试之数组的几个不low操作(3)前言这段时间突然发现JS原生好多东西都忘记了,但有些东西确实很重要,所以又重新再梳理一次。

Vicky丶Amor·2019-03-21 17:45

封装JS原生jsonp,ajax(附demo,copy可用)

jsonp解决web端JavaScript跨域请求利用的src属性对服务器请求拉取数据字符串,然后通过回调函数获取接口数据/***封装CORS（跨域请求）jsonp方法*@paramurl访问地址信息*@paramparams请求参数格式："key1=data1&key2=data2"*@paramcallback回调函数*/functionjsonp(url,callback,params=nu

June.1·2019-03-20 10:41

Javascript的防抖和节流、VUE的防抖和节流

js原生函数防抖：将几次操作合并为一此操作进行。原理是维护一个计时器，规定在delay时间后触发函数，但是在delay时间内再次触发的话，就会取消之前的计时器而重新设置。

微笑边缘的金元宝·2019-03-11 19:15

网页的异步请求（Ajax）

JS原生Ajax操作(XMLHttpRequest)GET请求1varxmld=newXMLHttpRequest();2xmld.open("GET","wan.php"+"?

东小东·2019-03-07 00:00

【标准库】数组

数组也是Js原生对象声明一个对象最好是使用字面量赋值这样做的原因是使用构造函数不同参数，行为不一致//badvararr=newArray(1,2);//goodvararr=[1,2];vara=newArray

南方帅·2019-03-04 10:41

ajax请求

Is-Me-HL·2019-02-27 23:40

JavaScript遍历数组的三种方法map、forEach与filter实例详解

前端时间在ediary中总结了js原生自带的常用的对数组遍历处理的方法，分别为：map、forEach、filter，在讲解

彭胜光·2019-02-27 14:14

JavaScript 判断对象类型

JavaScript判断对象类型需求 js日常开发中可能有时候会需要判断这个对象是否是某个类或者是这个类的子类,而对于object对象,js原生的typeof函数返回的都是object类型,那我们怎么才能判断一个对象实例

FYuu95100·2019-02-21 18:00

遍历数组和对象

constarrList=['value1','value2','value3','value4']constobjList={a:'value1',b:'value2',c:'value3',d:'value4'}//js

大脸猫&蓝皮鼠·2019-02-20 18:49

Node.js原生api搭建web服务器的方法步骤

node.js实现一个简单的web服务器还是比较简单的，以前利用express框架实现过『nodeJS搭一个简单的(代理)web服务器』。代码量很少，可是使用时需要安装依赖，多处使用难免有点不方便。于是便有了完全使用原生api来重写的想法，也当作一次node.js复习。1、静态web服务器'usestrict'consthttp=require('http')consturl=require('u

无心亦逍遥·2019-02-15 15:42

js对象的遍历

js原生方法遍历的四种方式由于要看是否遍历对象原型__proto__上的属性，第一步先写构造函数functionFun(argument){console.log(arguments)for(vari=

du412454153·2019-02-01 17:07

Jquery的Ajax技术使用方法

Jquery的Ajax技术（重点）jquery是一个优秀的js框架，自然对js原生的ajax进行了封装，封装后的ajax的操作方法更简洁，功能更强大，与ajax操作相关的jquery方法有如下几种，但开发中经常使用的有三种

muzidigbig·2019-01-21 11:45

js阶段学习总结

大概路线就是js/es6/node.js创建应用时基本组成（模块引入+创建服务器+启动监听+请求+响应）+最后使用web框架搭建web应用（创建web应用的方式node.js原生开发+使用成熟的web框架开发

Mar.三月·2019-01-20 09:48

我眼中的几个NodeJs框架

Express.js符合NodeJs原生标准的请求-响应结构:koa自己封装了一层ctx下个版本(5.x)内置async支持：以前不支持async的错误处理大多数第三方视图引擎直接支持：koa大都需要装对应的包内置路由

全栈之巅Johnny·2019-01-15 11:22

Promise对象

1、含义Promise是异步编程的一种解决方案，比传统的解决方案--回调函数和事件--更加合理，解决了回调地狱的的问题（promise已经写进ES6语言标准中，js原生提供了Promise对象）2、对象状态不受外界影响

smiliing·2019-01-09 10:33

js锅打灰太狼

js原生锅打灰太狼我是一个初学者，以后文章中有啥不对的地方请大佬多多指教；话不多说直接上代码html部分：锅打灰太狼0开始游戏游戏说明游戏说明在30秒内,尽可能多的去打灰太狼,每打1只灰太狼加10分,每打

ぎ风な·2019-01-04 17:56

原生js中call、apply、bind的区别和相同点

结论：相同点：1、都是js原生方法，改变函数中的this指向2、都可以传递参数，第一个参数为把this指向到哪里去，即目标元素不同点：1、call和apply都是主动触发，绑定后自动执行，bind为手动绑定

weixin_30485291·2018-12-29 11:00

原生JS实现的自动轮播图功能详解

在这里分享一下，用js原生代码，实现轮播图的常见效果！轮播图的原理一系列的大小相等的图片平铺，利用CSS布局只显示一张图片，其余隐藏。通过定时器实现自动播放。Html布局首先父容器bann

belong_me·2018-12-28 09:16

jQueryDOM/函数

注意：js原生获取的dom是一个对象，jQuery对象

YYanm·2018-12-22 19:33

js原生代码给select选择框实现onchange事件

//绑定onchange事件请选择期限{loop$limit$item}{$item}{/loop}functionselectStages(){varselectNodesObj=document.getElementById('qx');varselIndex=selectNodesObj.selectedIndex;//获取当前选择的选项的index值varselValue=selectNo

浩伟·2018-12-12 22:10

js原生节点操作

查找节点document.getElementById("id");//通过id查找，返回唯一的节点，如果有多个将会返回第一个，在IE6、7中有个bug，会返回name值相同的元素，所有要做一个兼容document.getElementsByClassName("class");//通过class查找，返回节点数组document.getElementsByTagName("div");创建节点d

木易先生灬·2018-12-09 20:07

node.js一些自己的理解

express是基于node.js的一个框架，保留了一些nodejs原生的api并且新增了一些apiapp=express()app称应用，app.user()调用的是npm的express插件，也可以给非指定

斑翅果蝇·2018-12-06 23:41

01-JQuery入口函数

JQuery入口函数JS原生入口函数特点原生JS会等到DOM元素加载完毕,并且图片也加载完毕才会执行原生的JS如果编写了多个入口函数,后面编写的会覆盖前面编写的window.onload=function

喝酸奶要舔盖__·2018-12-03 17:29

推荐频道

js原生