![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
蔡俊锋
这个作者很懒,什么都没留下…
展开
-
前端通用国际化解决方案 di18n-translate
di18n-translate前端通用国际化解决方案背景前端技术日新月异,技术栈繁多。以前端框架来说有React, Vue, Angular等等,再配以webpack, gulp, Browserify, fis等等构建工具去满足日常的开发工作。同时在日常的工作当中,不同的项目使用的技术栈也会不一样。当需要对部分项目进行国际化改造时,由于技术栈的差异,这时你需要去寻找和当前项目使用的技术栈相匹配的...转载 2018-04-18 16:23:08 · 3566 阅读 · 0 评论 -
JS实现继承的几种方式
前言JS作为面向对象的弱类型语言,继承也是其非常强大的特性之一。那么如何在JS中实现继承呢?让我们拭目以待。JS继承的实现方式既然要实现继承,那么首先我们得有一个父类,代码如下:// 定义一个动物类function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep = f...原创 2019-02-18 09:51:57 · 292 阅读 · 0 评论 -
史上最全JavaScript数组去重的十种方法(推荐)
一、前言:我们在实际工作中,或者在面试找工作时,都会用到或者被问到一个问题,那就是“数组如何去重”。是的,这个问题有很多种解决方案,看看下面的十种方式吧!二、数组去重方式大汇总:Methods 1: 思路:定义一个新数组,并存放原数组的第一个元素,然后将元素组一一和新数组的元素对比,若不同则存放在新数组中。? 1 2 3 4 5 6...原创 2018-12-06 15:19:50 · 333 阅读 · 0 评论 -
Gulp,grunt,seajs/require和browserify/webpack的区别
Gulp / Grunt 是构建工具,可以配合各种平台上的插件做js压缩,各种css编译,页面自动刷新,检查语法等,替代手工实现自动化开发seajs/require和browserify/webpack 这4个都是js模块化的方案seajs / require:是一种在线"编译" 模块的方案,相当于在页面上加载一个 CMD/AMD 解释器。这样浏览器就认识了 define、exports、...原创 2018-11-29 17:55:22 · 315 阅读 · 0 评论 -
手机访问www如何自动跳转到m js代码实现
手机访问www如何自动跳转到mjs代码放到index.html 首页页面 <script> if(navigator.platform.indexOf('Win32')!=-1){ //pc //window.location.href="电脑网址"; }else{ //phone w...原创 2018-11-02 14:53:39 · 2782 阅读 · 1 评论 -
原生JS兼容所有浏览器获取浏览器高度和宽度,响应式布局 js 获取浏览器高度和宽度值(兼容多浏览器)
原生JS兼容所有浏览器获取浏览器高度和宽度,响应式布局 js 获取浏览器高度和宽度值(兼容多浏览器) var width = window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;var height = window.innerHeight||document.docu...原创 2018-10-30 15:07:34 · 865 阅读 · 0 评论 -
js array循环给每个对象添加元素
var myjson =[];for (var i = 0; i < myjson.length; i++) { myjson[i].align = "center"; }原创 2018-08-28 17:50:34 · 18933 阅读 · 0 评论 -
【js】【前台输入效验】【validate插件的使用】 前端
required:true 必输字段remote:”check.php” 使用ajax方法调用check.php验证输入值email:true 必须输入正确格式的电子邮件url:true 必须输入正确格式的网址date:true 必须输入正确格式的日期dateISO:true 必须输...原创 2018-08-28 14:45:06 · 593 阅读 · 0 评论 -
ES6 javascript 实用开发技巧
定义变量/常量 ES6 中新增加了 let 和 const 两个命令,let 用于定义变量,const 用于定义常量 两个命令与原有的 var 命令所不同的地方在于,let, const 都是块级作用域,其有效范围仅在代码块中,实例如下: Js代码 //es5 if(1==1){ var b = 'foo'; } console.log(b);//foo ...原创 2018-08-17 11:24:33 · 392 阅读 · 0 评论 -
动态生成li 根据后台返回个数动态生成li
//根据后台返回端口个数动态生成for (let i = 0; i < 8; i++) {var temp=` <li><p>P`+i+`</p><img id=`+`"$elementId$_p`+i+`Port"`+ ` data-id=`+`"$elementId$_p`+i+`Port"`+`src="/static/th原创 2018-08-16 17:30:20 · 2767 阅读 · 0 评论 -
js高级---js运行原理
概述 浏览器组成可分两部分:Shell+内核。浏览器内核又可以分成两部分:渲染引擎(layout engineer或者Rendering Engine)和JS引擎。渲染引擎功能作用渲染引擎,负责对网页语法的解释(如HTML、JavaScript)并渲染网页。 所以,通常所谓的浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内...原创 2018-08-07 13:12:15 · 306 阅读 · 0 评论 -
es6,es7,es8语法总结
ES61. var let const let,const具有块级作用域,不具有变量提升 const 用于不能被重新赋值的变量2. 箭头函数 我们经常要给回调函数给一个父级的this 常用办法就是 var self = this 定义一个变量接住他 使用 箭头函数,this 将不会受到影响,可以直接用this调用父级的this3. 字符串 includes: ...原创 2018-07-11 15:44:58 · 2796 阅读 · 0 评论 -
前端 HTML 获取自定义标签tag 的值方法
<button type="button" class="btn btn-danger" onclick="changelang(this)" tag="en-us">English</button> function changelang(obj) { di18n.locale = obj.getAttribute("tag&qu原创 2018-04-20 09:55:34 · 4417 阅读 · 0 评论