js原生第12页

从JS原生Date类型浅谈web开发兼容性

最近在魔改一个校园信息系统微信小程序，在计算当前教学周，需要获取特定日期的周数。大家知道，在java世界里面调用**Calendar.WEEK_OF_YEAR**就可以得到指定日期的周数了，可是小程序前端开发只能使用Javascript，而在js中没有类似这样的方法直接获取。最容易的方法就是每次都向服务器获取教学周，可这太重量级，为了一个变量发送一次请求，每次打开小程序都要请求一次数据，再渲染，非

易极·2020-07-13 03:12

如何完成一个js原生窗口拖拽？

窗口拖拽这一功能在webapp中经常要用到，所以我们需要写一个原生的拖拽功能。1.html代码在id为myDrag这个div块下写自己的内容。2.js代码varmyDrag=document.getElementById("draggable");//鼠标按下事件myDrag.onmousedown=function(ev){letoevent=ev;//ClientX/Y是鼠标针对于浏览器页面的

bennnnn·2020-07-12 21:00

数字千分位处理

在一些电商或者后台经常使用到数字的千分处理，某面试要求正则和非正则都要实现一边toLocaleString()这是js原生的一个千分处理方法leta=123454.12aa.toLocaleString

3f376d24cd44·2020-07-12 15:40

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

VUE1.什么是vue生命周期答：Vue实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。2.vue生命周期的作用是什么答：它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑。3.第一次页面加载会触发哪几个钩子第一次页面加载时会触发beforeCreate,cre

weixin_189·2020-07-12 11:29

js原生dom对象和jQuery对象可以混合使用吗？

写在前面：本文主要内容包括js原生dom对象和jQuery对象的区别，联系，相互转换，以及踩坑经历。

weixin_34411563·2020-07-12 10:26

vue方法中传递dom对象示例

event.target.value.replace(/[^\d]/g,'');}}})相当于：functiononlyNum(obj){obj.value=obj.value.replace(/[^\d]/g,'');}js

weixin_30627341·2020-07-12 06:40

IE8兼容js原生函数问题（举例map,filter,indexof）

兼容问题后续---------一些JS的原生函数也不被IE8支持的解决办法（其实就是重写方法）：类似于数组的indeOf()方法：if(!Array.prototype.indexOf){Array.prototype.indexOf=function(elt){//获取数组长度向下取整的数值，这里用位移运算符是为了确保返回的是非负整数varlen=this.length>>>0;//获取这个函数

shya_·2020-07-11 23:04

js导航栏

js原生代码实现导航栏动画效果。

伪全栈小白成长记·2020-07-11 19:27

node.js-- post json格式数据到服务器的几种方法

(一)node.js原生自带http模块,可以解决基于http协议下的请求及回发,执行效率高,但是好多东西需要开发人员自己动手来实现,看下面代码varhttp=require('http');varbody

小松Fred·2020-07-11 18:41

Js面试总结

技术面试:****JS原生基础****兼容性问题****前后端架构****HTTP基础****ES5/ES6****性能优化问题****webpack原理2017春招https://segmentfault.com

SSSkyCong·2020-07-11 15:20

lodash常用的几个工具函数

是一个意在提高开发者效率,提高JS原生方法性能的JS库。简单的说就是，很多方法lodash已经帮你写好了，直接调用就行，不用自己费尽心思去写了，而且可以统一方法的一致性。

SSSkyCong·2020-07-11 15:20

Express中间件body-parser

>在http请求种，POST、PUT、PATCH三种请求方法中包含着请求体，也就是所谓的request，在Nodejs原生的http模块中，请求体是要基于流的方式来接受和解析。

losspm·2020-07-11 14:14

2018-09-14 才发现js原生态foreach第一个参数是value，第二个才是index

Commons.isArray(ad.Carriers)&&ad.Carriers.forEach(function(item,index){tmpdata.countries.push(item.Country);});js

五大RobertWu伍洋·2020-07-11 10:42

RN网络请求封装

但是对于RN来说，我们最常用到的就是js原生的Fetch请求了。ReactNative提供了和web标准一致的FetchAPI，用于满足开发者访问网络的需求。

浅夏晴空·2020-07-11 06:34

用js原生实现轮播图

用jquery实现轮播图非常简单的啦！有没有想过用原生js实现轮播图呢？？？今天琢磨了一下，摸索出来一个，就和大家一起分享咯！Document*{margin:0;padding:0;}ul,ol{list-style:none;}.carousel{width:549px;height:412px;border:1pxsolid#000;box-sizing:border-box;margin:

落崖惊风yxy·2020-07-10 16:18

arttemplate入门

arttemplate是JavaScript模板引擎，使用时需引入其对应的js文件：arttemplate.js简洁语法版arttemplate-native.js原生语法版arttemplate有两种语法格式

xuexuan_050848·2020-07-10 13:25

如何定义一个高逼格的原生JS插件

以前一直说，掌握了js原生，就基本上可以解决前端的所有脚本交互工作了，这话大体上是有些浮夸了。不过，也从侧面说明了原生js在前端中占着多么重要的一面。好了。废话不多说。咱们就来看一下怎么去做一个自己的

程序侯·2020-07-10 09:00

js实现svg图形转存为图片下载

2019独角兽企业重金招聘Python工程师标准>>>我们知道canvas画布可以很方便的js原生支持转为图片格式并下载，但是svg矢量图形则并没有这方面原生的支持。

weixin_34348174·2020-07-10 09:17

JS原生代码之倒计时抢购

学到了原声js改变input的disabled的属性值，因为想让倒计时结束的同时，抢购按钮可以被点击。代码为：document.getElementById("buy").disabled="";或者disabled的值为false也可以。12345倒计时抢购67891011functionTime(){12vardate=newDate();13varnowhour=date.getHours(

weixin_30338481·2020-07-10 06:29

JS原生轮播-基础篇（HTML+CSS）部分

根据慕课网的轮播教程，今早也写了一个，主要是把思路捋清楚，下面的代码我尽全力把每一行解释清楚，我也是根据我今早写的思路一步一步来，希望能帮到读者！那么就从最基础的HTML和CSS开始写<//左箭头>//右箭头//这几个是下面的按钮，点击那个就会切换到哪个图片CSS#contain_imgs{margin:0auto;padding:0px;}#contain{margin:0auto;

小疯疯0413·2020-07-09 22:36

js对象, 数组 , json 互相转换【jquery.json-2.3.js下载】

【转自：http://www.stylejar.com/tag/json】最近因为前后台传输数据,决定统一用json来做,前台js原生支持json,后台用phpjson_decode解析一下就行,方便ajax

巴克·2020-07-09 20:20

jquery实现点击图片放大，缩小效果

1.首先引入样式：/*****************************js原生放大图片样式*****************************/div,ul,li{margin:0px;padding

偶系渣渣灰·2020-07-09 13:02

js原生代码实现三级联动

我自己觉得实现联动，不管是几级联动都需要先规划好数据类型，理清数据中的逻辑关系，在js中明白每一步拿到的是哪一层中的什么值（索引值还是属性值），不熟练的话可以自己打印出来查看：三级联动请选择一个省份请选择一个城市请选择一个区varpro=document.getElementById("provinces");varcit=document.getElementById("cities");var

60333333·2020-07-08 23:26

不通过外部的自定义对象，如何给内置对象里面追加方法？JS原型属性

此时我们通过JS原生属性来操作首先把额外的方法追加到原型对象（Prototype）中然后通过原型属性在内置对象中引入原型对象那么当前额外的方法会自动追加到内置对象中方法一functionArray(){

糊糊67·2020-07-08 21:15

判断元素出现在用户视野

基础知识屏幕可视窗口宽高**js原生**document.documentElement.clientWidth//不包含滚动条宽度document.documentElement.clientHeightwindow.innerWidth

荷尔蒙榨汁机·2020-07-08 10:12

JS将数字格式化成金融数字样式（千位分隔符，三位一个逗号间隔）

现在有这样一个需求客户想要这个111222333444数字显示成这样111,222,333,444，即3个数字通过,分割，这也是金融上面经常出现的数字格式方法一【原生】：我们需要两步操作：这个方法最为简单，使用JS

说故事的五公子·2020-07-08 09:00

js原生实现切换分页，并预加载上下分页(H5).md

闲着无聊，开发个分页切换脚本，如有问题，请在评论下指出页面HTML代码参数说明curPage当前页码，不传默认为1height容器swipter_container的高度，不传默认取body高度，单位pxwidth容器swipter_container的宽度，不传默认取body宽度，单位pxel父容器的class/id，请保证唯一值wrapper子容器的classdirection切换方向，默认竖

冰Q·2020-07-08 07:55

js重写alert函数

当我们需要页面alert弹出窗口更加漂亮更加简洁时，需要使用js重写alert函数当调用alert（）函数时页面会执行以下命令，显示重写的div区域以及传入的信息//重写JS原生alert函数window.alert

tan554334064·2020-07-08 07:28

JS原生面经从初级到高级的知识点梳理

作者|火狼1链接|https://juejin.im/post/5daeefc8e51d4524f007fb15前言是时候撸一波JS基础啦，撸熟了，银十速拿offer;此处不从传统的问答方式梳理，而是从知识维度梳理，分解形成知识网络;包括函数，变量，对象，数据结构，算法，设计模式和http。1.函数1.1函数的3种定义方法1.1.1函数声明//ES5functiongetSum(){}functi

snshl9db69ccu1aikl9r·2020-07-08 06:35

js中数组的常用语法

前言在开发开源项目中由于大量的使用到数组相关的操作，但是js原生的数组语法有时候使用起来不是那么的随心所欲，于是就自己封装了一个常用的数组操作工具类。

光强_上海·2020-07-07 21:41

js原生函数bind

在javascript中，函数总是在一个特殊的上下文执行（称为执行上下文），如果你将一个对象的函数赋值给另外一个变量的话，这个函数的执行上下文就变为这个变量的上下文了。下面的一个例子能很好的说明这个问题代码如下:window.name="thewindowobject"functionscopeTest(){returnthis.name;}//callingthefunctioninglobal

肾虚码农·2020-07-07 13:02

Vue实战笔记-零基础入门 ---更新中

Vue.js简单认识Vue.js,官方连接：Vue官网，首先需要说明的一点，js原生代码中的Var声明变量会提前声明的现象，所以在实际开发中不推荐使用，推荐使用的变量声明方式如下：let：定义变量，比较推荐使用

Leesure_csdn·2020-07-06 22:33

lodash入门

是一个意在提高开发者效率,提高JS原生方法性能的JS库。简单的说就是，很多方法lodash已经帮你写好了，直接调用就行，不用自己费尽心思去写了，而且可以统一方法的一致性。

weixin_33862041·2020-07-06 19:16

js 原生实现 jQuery ajax

js原生实现jqueryajax主要依靠XMLHttpRequest对象，该对象使用如下1、介绍创建XMLHttpRequest对象的语法：xmlhttp=newXMLHttpRequest()老版本的

悟世君子·2020-07-06 07:09

怎么用原生js写轮播图

目前用js原生写轮播图的攻城狮已经很少了，用的都是框架，便捷，速度但对于初学者来说也是挺重要的，需要了解原生js轮播图的过程，那么我今天就给大家写一下用原生js写轮播图的步骤1、首先把需要轮播的图片放到页面

攻城狮-张小白·2020-07-06 06:37

js原生实现简易轮播图效果，原理简单易懂

原生js实现简易的轮播图用最基础的方式实现想不到的效果，能完成一个轮播图，能让你的兴趣大增。对于初学者来说，学完JavaScript基础知识，就要运用综合知识，实现一些网页的基础效果。如果代码，或者解析哪里有问题的，欢迎大家纠正。原理将图片全部重叠在一起，并且给所有的图片设置隐藏，第一张图片设置显示。然后依靠点击事件，显示出相应的图片。这样一个简单的轮播图就完成了。首先写出静态页面Title图片一

水果烫瓜皮·2020-07-06 05:45

js原生实现移动端手指滑动轮播图效果

Documenthtml{height:100%;}body{width:100%;height:100%;margin:0;overflow:hidden;}.wrap{position:relative;overflow:hidden;}.box{position:absolute;list-style:none;left:0;top:0;padding:0;margin:0;}.boxli{

蔡馨·2020-07-06 04:08

js原生拖拽的两种方法

一.mousedown、mousemove和mouseup拖着目标元素在页面任意位置如果要设置物体拖拽，那么必须使用三个事件，并且这三个事件的使用顺序不能颠倒。1.onmousedown：鼠标按下事件2.onmousemove：鼠标移动事件3.onmouseup：鼠标抬起事件重点：1、一定要绝对定位，脱离文档流才可以移动。2、绑定拖拽的元素，移动和鼠标松开后是对document的绑定，因为移动的是

Muzilh·2020-07-06 03:27

js原生扫雷(第一版)

最近痴迷上了扫雷游戏,所以根据一些扫雷的规则,自己写了一套简易的扫雷游戏,没有参考任何代码,凭自己感觉来的,所以希望大家多提意见扫雷事项:操作:右击立旗帜,左击打开方格逻辑:1、先生成10个随机雷,然后在点击的时候计算八个方位的雷的数量,得到你的数字2、如果点击到0的位置应该扩散开来,直到有边界为止3、如果将全部雷排除,或者点击到雷,将结束游戏首先css和html代码.box{width:650p

ling_玲玲·2020-07-06 02:01

夯实JS系列--变量、作用域和内存问题

正好在空闲上下班地铁上都会再去细读js原生知识。所以打算整理、总结、系统性的分享给大家。基本类型和引用类型在ECMAScript中，变量分为基本类型和引用类型两种。基本类型就是存储简单的数据段。

Nealyang·2020-07-05 22:34

JS原生引用类型解析5-Number类型

（注1：如果有问题欢迎留言探讨，一起学习！转载请注明出处，喜欢可以点个赞哦！）（注2：更多内容请查看我的目录。）1.简介为了便于操作基本类型值，ECMAScript提供了3个特殊的引用类型作为基本包装类型：String，Number和Boolean。实际上，每当读取一个基本类型值得时候，后台就会创建一个对应的基本包装类型的对象，从而让我们能够调用一些方法来操作这些数据。2.Number类型对象创建

love丁酥酥·2020-07-05 16:55

javascript中深拷贝与浅拷贝

深浅拷贝varoldobj={name:'呀呀呀',older:{age:13},color:['pink','red','orange']}varnewobj={};//js原生语法浅拷贝/*for(

shuffle_boy·2020-07-05 12:13

原生JS实现2048小游戏

JS原生实现2048经典小游戏虽然2048都已经众所周知，但还是看一下游戏的效果吧这里是链接https://codepen.io/windxuan/pen/odrpGX接下来我们来写2048的实现部分HTML

别致的轩轩·2020-07-05 07:20

vue路由配置

Vue路由官网：https://router.vuejs.org/zh-cn/路由特点：1.保存历史状态2.刷新保留当前页面位置路由实现原理：通过ajax,h5history,js原生哈希算法Vue路由用法

郭月帅·2020-07-05 05:14

一种Promise延迟休眠方式

原理是使用js原生的setTimeout方法，代码如下/***定义休眠函数*@param{number}msTime休眠时间，毫秒*/letsleep=msTime=>{ret

晴空排云·2020-07-04 23:09

1、js原生实现移动端手指滑动轮播图效果(2)

1、js原生实现移动端手指滑动轮播图效果(2)*{margin:0;padding:0;}html,body{height:100%;width:100%;}ul,ol{list-style:none;

fongdaBoy·2020-07-04 18:20

1、js原生实现移动端手指滑动轮播图效果