javascript
aithena
这个作者很懒,什么都没留下…
展开
-
js 判断json是够具有某一个key
var json = { "type": "text", "child": [1,2,3,4,5,6,7,8]}json.hasOwnProperty('child') // true原创 2019-11-27 14:43:27 · 257 阅读 · 0 评论 -
url传参时存在 % 等特殊符号
需要使用 encodeURIComponent 来处理下 参数$.ajax({ url: '/ajax.aspx', data: { action: 'st', sid: encodeURIComponent(sid) }, type: 'GET', dataType: 'json', success: function (res) { // some code }...原创 2019-11-07 14:58:34 · 486 阅读 · 0 评论 -
js动态引入css
1、获取到js的文件夹目录2、插入到head中ready: function(){ var that = this; that.link();},getPath: function(){ var jsPath = document.currentScript ? document.currentScript.src : function(){ var js = do...原创 2019-09-17 16:32:06 · 716 阅读 · 0 评论 -
JS数字滚动特效
var t = [];$('.igs').each(function(index, item){ var that = $(this); var normal = Number(that.text()); var number = Number(that.attr('data-number')); var step = Number(that.attr('data-step')) |...原创 2019-09-03 18:39:34 · 1087 阅读 · 0 评论 -
发布日期多少时间以前
function retime(str){ var year = 365 * 24 * 60 * 60; var month = 30 * 24 * 60 * 60; var week = 7 * 24 * 60 *60; var date = 24 * 60 *60; var hour = 60 * 60; var minute = 1 * 60...原创 2019-09-03 18:22:04 · 138 阅读 · 0 评论 -
superSlide 插件使用
<div id="ui"> <div class="list"> <ul> <li><img src="/image/shxjhsd.png"></li> </ul> <ul> <li>...原创 2019-08-08 18:13:41 · 2294 阅读 · 0 评论 -
解除js对象指向同一内存的问题
var json1 = { "name": "xiaoming", "age": 21, "city": "beijing"}var json2 = JSON.parse(JSON.stringify(json1));如果两个对象直接相等,会指向同一个内存地址,改变其中一个,则会改变另外一个,如果想要两个对象互不营销,则需要按上面方式进行转化。...原创 2019-07-29 18:12:12 · 848 阅读 · 1 评论 -
通过地址获取坐标
1、腾讯地图https://apis.map.qq.com/ws/geocoder/v1/?address=需要查询的地址&key=腾讯地图密钥2、百度地图http://api.map.baidu.com/geocoder/v2/?address=需要查询的地址&output=json&ak=百度地图密钥...原创 2019-07-13 10:05:54 · 2153 阅读 · 1 评论 -
回车提交表单(含vue+element)
1、el-button<el-button type="primary" @click="submit('former')" native-type="submit">立即登录</el-button>2、el-input<el-input v-model="form.user" @keyup.enter.native="submit('form')"&...原创 2019-07-09 09:18:57 · 2706 阅读 · 3 评论 -
ckplayer网页视频播放器
ckplayer 是一款能解决基本兼容性网页视频播放的插件,该插件不需要基于其他库使用。var videoObject = { container: '#video', // 容器的ID或className variable: 'player', // 播放函数名称 autoplay: false, ...原创 2019-05-06 17:46:34 · 4219 阅读 · 1 评论 -
swiper.js 常用代码
基础单排var obj = new Swiper('#id .swiper', { paginationClickable: true, loop: true, pagination: '#id .dots', prevButton: '#id .prev', nextButton: '#id .next', slidesPerView: 3, slidesPerGroup: ...原创 2019-03-28 14:48:43 · 474 阅读 · 0 评论 -
基于requireJS和jQuery的模块化编程
将前端代码模块化,可以怎么整,最近接触vue之后也想搞一个类似的前端代码风格,将js文件模块化。1、引入 require.js 文件,设置 data-main 入口文件地址<script src="./static/js/require.js" data-main="./static/js/main" defer async="true"></script>2...原创 2019-03-14 17:56:18 · 605 阅读 · 0 评论 -
js的严格模式
在书写JS时,文件第一行写下,就可以很容易找出文件中隐藏的小问题。"use strict"原创 2019-03-02 02:11:11 · 132 阅读 · 0 评论 -
jsonp跨域获取接口数据
JS跨域如何获取到接口数据??前端:$.ajax({ url: url, type: 'GET', data: { // some param }, dataType: 'jsonp', jsonp: 'callback', jsonpCallback: 'jsonp', beforeSend: function(){ // some th...原创 2019-03-02 02:12:00 · 626 阅读 · 0 评论 -
replace批量替换关键词
// 替换关键词 [被替换的字符串].replace(new RegExp([关键词], 'g'), [新短语]);var title2 = title.replace(new RegExp(keyword, 'g'), '<font color="#f30">'+ keyword +'</font>');...原创 2019-03-01 02:14:58 · 1208 阅读 · 0 评论 -
使js获取地址传参
两次拆分将地址传参转化为对象,方便使用。function getQueryString(keyword){ var reg = new RegExp("(^|&)"+ keyword +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if(r != null){ ...原创 2019-03-01 01:53:49 · 614 阅读 · 0 评论 -
优雅封装js功能块
1、基础函数简单明了,适用于片段代码。function hello(){ // some code}2、匿名函数封闭性,不会烦扰区域块以外的代码,适合进行中小项目开发时的区分功能模块。(function(){ // some code})();3、封装对象如果开发一些js组件的时候,可以先创建一个对象,给这个对象属性和方法,让这个对象能够单独操作和可以和...原创 2019-02-13 14:42:52 · 476 阅读 · 0 评论 -
自己手写简单编辑器
要实现编辑器,首先div要实现可编辑状态,那么就需要用到contenteditable。contenteditable 属性规定元素内容是否可编辑。注释:如果元素未设置 contenteditable 属性,那么元素会从其父元素继承该属性。举个例子:<blockquote contenteditable="true"> <p>Edit thi...原创 2019-12-10 11:24:05 · 1010 阅读 · 0 评论 -
对与数组,通过关键词寻址值
很多时候我们需要对数组进行查找值,一般是循环对比比较多,这里有个办法可以轻松解决该问题。var a = [ { "cmd": "text", "desc": "this is one" }, { "cmd": "image", "desc": "this is two" }, { "cmd": "button", "des...原创 2019-11-30 14:15:41 · 120 阅读 · 0 评论