JS
文章平均质量分 68
狼牙冷
感恩 分享 提升
展开
-
js复制文本功能实现,适用于Android和IOS
首先文本只有选中才可以复制,所以简单的做法就是创建一个隐藏的input,然后绑定需要复制的文本。另外如果将input设置为 `type="hidden"或者display:none则无法选中文本,也就无法复制,可以设置position:absolute;left:-999px;来隐藏文本域。静态复制const copyInput = document.querySelector('#copyInput');copyInput.value = '需要复制的文本';copyIn...转载 2020-05-27 11:50:41 · 527 阅读 · 1 评论 -
react项目学习笔记三(ant design)
虽然蚂蚁金服的同学一直很低调,但我还是想为 ant.design 背个书。严谨地说 ant.design 并不仅仅是一系列的 React 组件,更是 —— 按照他们自己的说法 —— 一个 UI 设计语言,包含了排版、字体、动画、交互、布局等等,当然我们最关心的还是强大的 React 组件。我认为 ant.design 与其它 React 组件最大的不同点在于严格区分了受控组件和非受控组件的原创 2017-07-25 17:25:13 · 1983 阅读 · 0 评论 -
理解 JavaScript 的 async/await
因此文写的确实不错,所以直接转载过来。本文原创地址:https://segmentfault.com/a/1190000007535316#articleHeader2点击打开链接随着 Node 7 的发布,越来越多的人开始研究据说是异步编程终级解决方案的 async/await。我第一次看到这组关键字并不是在 JavaScript 语言里,而是在 c# 5.0 的语法中。C# 的 ...转载 2017-08-04 16:54:14 · 293 阅读 · 1 评论 -
html 页面内锚点定位及跳转方法总结
第一种方法,也是最简单的方法是锚点用标签,在href属性中写入DIV的id。如下:div {height: 800px;width: 400px;border: 2px solid black;}h2 {position: fixed;margin:50px 500px;}to div1to div2to div3div1div2div3原创 2017-08-13 10:31:10 · 1820 阅读 · 0 评论 -
webpack 入门教程
最近在简书上看到一篇特别好的webpack的入门教程,因为好,所以收藏下,顺便推广下下。首先浏览一下webpack的配置文件:// 一个常见的`webpack`配置文件const webpack = require('webpack');const HtmlWebpackPlugin = require('html-webpack-plugin');const ExtractText转载 2017-08-29 14:46:23 · 525 阅读 · 0 评论 -
ECharts详解
$(function() { // 路径配置 require.config({ paths : { // echarts: 'http://echarts.baidu.com/build/dist' echarts : './plugins/echarts-2.2.7/doc/example/www/js'转载 2017-11-07 19:16:15 · 545 阅读 · 0 评论 -
js数组工具处理之合并相同字段分组
话不多说直接上码:以下是根据time进行分组的var tempList = [ { userImage: '', userName: '李测试', userWork: '前端', iPhone: '18516776220', time: '2017-11-17',company:"上海测试一公司"}, { userImage: '', userName: '刘测试'原创 2017-11-21 16:22:38 · 2421 阅读 · 1 评论 -
js工具处理之数字转大写格式
直接上码:input输入:57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false"/>转换方法 function numToHanzi(n) { var fraction = ['角', '分']; var digit = ['零', '壹', '贰', '叁原创 2017-11-27 15:58:30 · 406 阅读 · 0 评论 -
浏览器样式兼容之CSS hack技巧大全
原文链接点击打开链接兼容范围:IE:6.0+,FireFox:2.0+,Opera 10.0+,Sarari 3.0+,Chrome参考资料:各游览器常用兼容标记一览表:标记IE6IE7IE8FFOperaSarari[*+><]√√XXXX_√XXXXX\9√√√XXX\0XX√X√X@media screen and (-webkit-min-device-pixel-ratio:...转载 2018-04-17 11:08:54 · 269 阅读 · 0 评论 -
JS格式化数字
最近在做商城开发时涉及到不少金额数值的处理,一会要将数据(例:12345-->1,2345……)//格式化数字fmoney("12345.675910", 3),返回12,345.676 fmoneyFormatPoint : function(s, n) { n = n > 0 && n <= 20 ? n : 2; ...2016-12-14 17:52:41 · 80 阅读 · 0 评论 -
验证手机号是否有效
看代码isValidNo : function(mobileNo){ var v = false; if(mobileNo == null || mobileNo == "" || mobileNo.length != 11) { return false; } var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(17[0-9...原创 2016-12-14 17:52:50 · 172 阅读 · 0 评论 -
js生成二维码实例(真实有效)
1、首先需引用此文件:qrcode.js 附码:/*from tccdn minify at 2014-6-4 14:59:43,file:/cn/c/c/qrcode.js*//** * @fileoverview * - Using the 'QRCode for Javascript library' * - Fixed dataset of 'QRCode for J...2016-12-15 11:12:19 · 212 阅读 · 0 评论 -
js replace replaceAll
最近在用js replace的时候想到要替换全部不自觉的就用replaceAll,一运行代码出错才发现replaceAll是Java的代码 var str = '1,999.00';document.write(str.replace(',','')); 下面来说下js 如何替换全部的几种方法: 给出replace的语法定义 stringObj.replac...2016-12-15 13:28:53 · 141 阅读 · 0 评论 -
js 手机摇一摇
上次在玩一手游看到里面有一个摇一摇抽奖,游戏是web做的所以在网上找了些代码实现了JS摇一摇功能,具体内容不详解,直接上码HTML代码<audio id="musicBox" src=""></audio> JS代码init(); var SHAKE_THRESHOLD = 3000; var last_update = 0; v...2016-12-15 17:32:43 · 148 阅读 · 0 评论 -
js刮奖处理
这个是在移动端上处理的一个刮奖小Demo直接上完整代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="format-detection" content="telephone=no"&a2016-12-16 13:53:02 · 401 阅读 · 0 评论 -
exports与module.exports,export与export default之间的关系
exports、module.exports与export、export default分别属于CommonJs模块和ES6模块规范,而这两种规范是两种不同的概念。CommonJS模块规范Node应用由模块组成,采用CommonJS模块规范。根据这个规范,每个文件就是一个模块,有自己的作用域。在一个文件里面定义的变量、函数、类,都是私有的,对其他文件不可见。CommonJS规范规定...原创 2019-05-10 20:04:14 · 115 阅读 · 0 评论 -
fetch获取本地json文件问题
写这个博客主要目的是有必要警醒一下自己,当然如果有其他猿有看到或许也能帮助下您。(也许其它大神在就知道了,恕小弟无知,才刚刚开窍)。问题很简单:上码( header.jsx)fetchSelData = () => { fetch('../data/selectData.json') .then((res) => {return res.json()原创 2017-08-09 16:40:39 · 19934 阅读 · 1 评论 -
react 项目学习笔记一(react-router中的history)
react-router 中的historyeact-router 是建立在history之上的history 一个管理js应用session会话历史的js库。它将不同环境(浏览器,node...)的变量统一成了一个简易的API来管理历史堆栈、导航、确认跳转、以及sessions间的持续状态。//基本 使用import { createHistory } from 'hi原创 2017-07-25 13:54:40 · 10475 阅读 · 0 评论 -
angularJs ng-checked
实例一、选择 选择 {{item.shortName}} 结果:{{result}} var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { //创建checkbox用的转载 2016-12-21 14:25:59 · 635 阅读 · 0 评论 -
angularJs 中的ng-bind-html指令和$sce服务
angular js的强大之处之一就是他的数据双向绑定这一牛B功能,我们会常常用到的两个东西就是ng-bind和针对form的ng-model。但在我们的项目当中会遇到这样的情况,后台返回的数据中带有各种各样的html标签。如:$scope.currentWork.description = “hello,今天我们去哪里?”我们用ng-bind-html这样的指令来绑定,结果却不是转载 2016-12-22 19:01:12 · 1526 阅读 · 0 评论 -
angularJs监听ng-repeat渲染完成
监听ng-repeat渲染完成有两种方法一、最实用的方法: 对应作用域controller:$scope.completeRepeate= function(){alert('1')}自定义指令directive:var app = angular.moduler('myApp原创 2016-12-23 11:03:08 · 4881 阅读 · 0 评论 -
angularJs ng-repeat 去重复
自定义过滤去除angularJs ng-repeat:app.filter('unique', function() { return function(collection, keyname) { var output = [], keys = []; angular.forEach(collection, function(item) {转载 2016-12-23 14:32:01 · 1172 阅读 · 0 评论 -
angularJs自定义指令的三种绑定策略
angularJs指令的绑定策略实例介绍,特别是其中的双向绑定原创 2016-12-18 19:40:02 · 3902 阅读 · 1 评论 -
js判断身份证号
var vcity={ 11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古", 21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏", 33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南", 42:"湖北",43:"湖转载 2016-12-18 20:19:32 · 580 阅读 · 0 评论 -
js的replace和replaceAll的应用
在开发项目的时候,曾经碰到字符替换的问题,通常用js解决字符替换的问题都会用到replace,但遇到全部替换的时候我们我们一般会想到replaceAll,replaceAll是没有错的,但它是java 中的语法,所以我们不得用其它方法来实现js中的replaceAll。var test = '1,999.00';document.write(test.replace(',',''));//原创 2016-12-18 21:54:46 · 698 阅读 · 0 评论 -
js移动端刮奖Demo
现在刮奖的方式很多,有轮盘抽奖也有刮刮乐的方式抽奖,先在就用js处理一下刮刮乐刮奖方式(以下是移动端处理的刮奖):直接上代码片段咯:HTML代码 萌赚送你1.5 CSS样式 #guaJiang .bjc { color: black; height: 70px; width: 240px;原创 2016-12-19 10:17:48 · 2692 阅读 · 0 评论 -
js生成二维码实例
js二维码的生成原创 2016-12-19 13:02:41 · 683 阅读 · 0 评论 -
js移动端判断是android系统还是Ios系统
直接判断系统是android系统还是ios系统,这对移动web开发会有帮助的_YTG_IOSorANDROID = { systemJudge: function(){ var systemFlag = ""; var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.i原创 2016-12-19 13:08:33 · 616 阅读 · 0 评论 -
js金额的格式化效果
在开发的时候,我们经常会碰到一些对金额的处理,如:1999.00要转换成1,999.00或是1,999.0;亦或者将1999999.00转换成1,999,999.00如下方法可解决此问题:formatMoney : function(s, n) { n = n > 0 && n <= 20 ? n : 2; s = parseFloat((s + "").rep原创 2016-12-19 13:11:55 · 551 阅读 · 0 评论 -
js模仿微信摇一摇功能
这里介绍的只是实现摇一摇的原理以及一些主要的代码,具体界面不做描述HTML代码 JS代码init(); var SHAKE_THRESHOLD = 3000; var last_update = 0; var x = y = z = last_x = last_y = last_z = 0; function init() { if (windo原创 2016-12-19 15:40:17 · 1344 阅读 · 0 评论 -
移动端HTML5 date不支持placeholder问题
input type date 的 placeholder 支持性有一定问题,因为浏览器会针对此类型 input 增加 datepicker 模块,看上去没那么必要支持 placeholder。对 input type date 使用 placeholder 的目的是为了让用户更准确的输入日期格式,iOS 上会有 datepicker 不会显示 placeholder 文字,但是为了统一表转载 2016-12-26 11:39:29 · 807 阅读 · 0 评论 -
js简单的验证码测试
直接上代码:HTML: 验证码基础 #code { font-family:Arial; font-style:italic; font-weight:bold;原创 2017-01-06 14:00:29 · 325 阅读 · 0 评论 -
js倒计时
代码: 倒计时 .daojishi h2 { font-family:Helvetica, Microsoft YaHei, Arial, sans-serif; font-size:1转载 2017-01-06 14:22:32 · 331 阅读 · 0 评论 -
ES6之箭头函数
语法我们先来看看箭头函数的语法:([param] [, param]) => { statements}param => expressionparam 是参数,根据参数个数不同,分这几种情况: () => { … } // 零个参数用 () 表示; x => { … } // 一个参数可以省略 (); (x, y) => { … } // 多参数不能省略转载 2017-07-20 14:54:31 · 279 阅读 · 0 评论 -
React/React Native 的ES5 ES6写法对照表
很多React/React Native的初学者都被ES6的问题迷惑:各路大神都建议我们直接学习ES6的语法(class Foo extends React.Component),然而网上搜到的很多教程和例子都是ES5版本的,所以很多人在学习的时候连照猫画虎都不知道怎么做。今天在此整理了一些ES5和ES6的写法对照表,希望大家以后读到ES5的代码,也能通过对照,在ES6下实现相同的功能。转载 2017-07-24 13:46:14 · 217 阅读 · 0 评论 -
angularJs自定义服务(factory,service,provider)
本文是原创http://blog.csdn.net/zcl_love_wx/article/details/51404390点击打开链接angularJs有3中自定义创建服务方式:1、factory2、service3、providerfactoryfactory方式创建服务,作用就是返回一个有属性有方法的对象 var f= myFactory();转载 2016-12-21 11:34:35 · 469 阅读 · 0 评论