anjiye7641-CSDN博客

转载 vue防止闪屏小技巧：[v-cloak]

css 内添加此属性[v-cloak] {display: none;} html中引入即可<div v-cloak>{{ message }}</div>转载于:https://www.cnblogs.com/autoXingJY/p/11525905.html

2019-09-16 10:12:00 1856

转载 mouseover mouseleave

2019-09-15 00:15:00 258

转载 jq勾选

1、取消勾选$("box").attr("checked", false);2、勾选$("kbox").attr("checked", true);　　判断勾选 if ($('#hotCarsThree').prop("checked") == true) { //勾选了 }　　转载于:https:...

2019-09-12 14:31:00 212

转载（转）js-分享功能（qq,微信，微博）

//1 分享QQ好友 function qq(title,url,pic) { var p = { url: 'http://test.qicheyitiao.com',/*获取URL，可加上来自分享到QQ标识，方便统计*/ desc: '来自汽车氪的分享', /*分享理由(风格应模拟用户对话),支...

2019-08-30 16:57:00 237

转载 ajax回调函数，全局变量赋值后，ajax外无法获取的解决

1 ajax回调函数内，function的执行与ajax外是异步的，常导致全局变量赋值后，再次使用此变量人无法获取。所以，可以把需要的步骤，独立放在functuon中，在ajax回调函数中执行。可较好地避免变量无法传递到指定方法内。转载于:https://www.cnblogs.com/autoXingJY/p/11432160.html...

2019-08-29 21:31:00 460

转载 localStorage存取储数组。（存对象同理）

var array = ['111','222','333','444','555'];存window.localStorage.setItem('array',JSON.stringify(array));取array= JSON.parse(localStorage.getItem('array'));转载于:https://www.cnb...

2019-08-29 14:38:00 1063

转载为什么用JS取不到cookie的值？解决方法如下！

注意：cookie是基于域名来储存的。要放到测试服务器上或者本地localhost服务器上才会生效。cookie具有不同域名下储存不可共享的特性。单纯的本地一个html页面打开是无效的。明明在浏览中可以查看到有某一个cookie 的存在，可是用js却始终无法获取到它的值，这个问题困扰我许久。偶然间想到可能是iframe的原因，经过一番查阅发现果真如此。将场景还原一下：我在...

2019-08-29 11:29:00 1057

转载 js 根据数组条件简单查询的方法临时保存

let array = [{ date: '2016-05-02', name: 'Ethan', status: 'success', total: '81' }, { date: '2016-05-04', name: 'Lynn',...

2019-08-28 09:26:00 200

转载 ajax post上传数据时，前端出现的跨域权限问题：ccess to XMLHttpRequest at ‘’rom origin 'null' has been blocked by CORS ...

本人前端使用多个框架时，jq ajax传参出现如下报错：最后发现，可能是xhr的相关默认参数被修改了。顾使用jq 传参时，一直报错，jq ajax额外添加的关键参数： crossDomain: trueajax post传参完整如下： $.ajax({ url: IPName + '/api/index/appointment...

2019-08-27 17:53:00 544

转载 js 监听键盘的enter键

// js 版本 window.onload=function(){ document.onkeydown=function(ev){ var event=ev ||event if(event.keyCode==13){ ...

2019-08-23 16:20:00 5198

转载 jq获取元素偏移量offset()

解释：1 获取匹配元素在当前视口的相对偏移。2 返回的对象包含两个整型属性：top 和 leftdemo1: 获取top与leftvar aaa = $(".aaa ");var offset = aaa .offset();aaa.html( "left: " + offset.left + ", top: " + offset.top );...

2019-08-06 17:09:00 1039

转载 js：把字符串转为变量使用； js下将字符串当函数去执行的方法

1把字符串当变量使用通过计算 string 得到的值（如果有的话）。该方法只接受原始字符串作为参数demo:var type = "car";var newStr = "type";var x = 100; eval("2+2"); eval("type"); eval("x + 17"); console.log...

2019-08-05 10:28:00 2008

转载 JS中json数组多字段排序方法（解决兼容性问题）(转)

前端对一个json数组进行排序，用户需要动态的根据自己的选择来对json数据进行排序。由于后台表设计问题所以不能用sql进行排序，这里用到了js的sort方法。如果对单字段排序，那么很简单，一个sort就搞定。对多字段排序时需要用到for，而且需要对在sort中对任意两个元素进行比较，如果前一个字段相同那么才需要进行下一个字段的排序；反之则返回 0。秉承此思路编...

2019-07-03 11:29:00 367

转载 javascript之取余数、去商、天花板取整、地板取整

demo1: console.log('//求余数'); //求余数 console.log(5 % 4); console.log(6 % 4); //求商 console.log('//求商'); console.log(1 / 4); console.log(6 / 4); //求商，取整 console.log('/...

2019-07-03 07:55:00 1472

转载 jquery tablesorter 动态加载数据时，排序。过滤失效解决方案

解决方案：重置更新： $("table").trigger("update"); 1 官方 ajax表格数据添加实例：$(document).ready(function() { $("table").tablesorter(); $("#ajax-append").click(function() { $.get("ass...

2019-06-27 14:59:00 476

转载浏览器的各种内核版本: 各种浏览器对应的内核

360浏览器，腾讯浏览器，世界之窗，遨游…IE的套套浏览器真是到处都是，在日常生活中，身边的朋友用的也不少，毕竟很多人对浏览器这东西不了解，在他们眼里，神马内核一点区别都没有，但咱们做前端的对这些东西可得非常了解才行，了解他们用的什么版本的 IE 内核对兼容性问题的准确定位也是很有帮助的。今天抽空把一些主流套套浏览器在 XP 和 WIN7 下，针对各个 IE 版本，对应的调用 IE ...

2019-05-14 10:12:00 867

转载把一行字掰弯和变直：p标签文字过长换行与禁止换行): overflow-wrap: break-word;...

1 使用前的p是这样:2使用后:p{width:100px;overflow-wrap: break-word;}3 规定段落中的文本不进行换行：:p{ white-space:nowrap;} overflow-wrap: normal;转载于:https://www.cnblogs.com/auto...

2019-04-11 14:43:00 475

转载优秀前端工程师必备: 非常常用的checkbox的骚操作---全选和单选demo

提要: 前端开发的时候, 经常会遇到表格勾选, 单个勾选判断是否全选的事情.趁着有时间, 总结一下以备不时之需!就像下面这个栗子:1 源代码: h5// 全选框<input type="checkbox" class="cb_All">//单选框<input type="checkbox" class="cb_One">...

2019-04-03 13:07:00 182

转载优秀前端工程师必备: cookie的增删改查Demo!

1 cookie可以很好地解决微信浏览器登录状态的保存,具体教程看下面链接:https://www.cnblogs.com/autoXingJY/p/10456767.html2 参考了w3c等的一些内容,总结了下自己经常用js进行的cookie操作:"cookie的添加 , 获取, 删除":2-1 添加cookiefunction setCookie(c_na...

2019-03-20 19:25:00 151

转载 select自定义下拉选择图标

闲言少叙: 上CSS: appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; background: #ffffff url(../images/selectDowntri....

2019-03-08 15:28:00 1162

转载优秀前端工程师必备:" checkbox & radio--单钩 & 多钩 "大比较:你是♂||♀ , 还是 ♂&♀...

1 单选:type="radio"需求: 男女input只能选择一个<input type="radio" name="sex" value="男" >男<input type="radio" name="sex" value="女" >女2 多选:type="checkbox"<input type...

2019-03-08 14:52:00 114

转载动态渲染的input怎么取消记忆功能

方法1 :自定义去除记忆功能属性: $('#index_table_filter > label > input[type="search"]').attr('autocomplete', 'off');方法1不行, -->可尝试设置val('')的值为空格(注: 需要在input渲染后及时进行设置, 防止设置失效): $('#index_...

2019-03-06 19:26:00 197

转载表格边框重复合并属性: border-collapse:collapse;

table { border-collapse:collapse; }转载于:https://www.cnblogs.com/autoXingJY/p/10482443.html

2019-03-06 12:02:00 364

转载前端老司机教你解决: 崩溃的微信浏览器不能存贮状态的问题.

　　1 问题: 最近开发微信web页面, 需要在微信上储登录状态. 使用localstorage经常失效, 然后发现cookie可以实现,参考W3Cschool后方案如下:　　2 解决方案如下:　　 1 首先,创建一个可在 cookie 变量中存储访问者姓名的函数：function setCookie(c_name,value,expiredays){var e...

2019-03-01 15:40:00 289

转载超全table功能Datatables使用的填坑之旅--1: 无法渲染表格数据: ajax调用了参数 : success...

问题:Datatables: 无法渲染表格数据原因:datatables的ajax 传了"success":function(){},导致无法渲染数据. ajax删掉"success"参数即可.转载于:https://www.cnblogs.com/autoXingJY/p/10214100.html...

2019-01-03 14:41:00 568

转载超全table功能Datatables使用的填坑之旅--2:post 动态传参: 解决: ajax 传参无值问题....

官网解释与方法:1当向服务器发出一个ajax请求，Datatables将会把服务器请求到的数据构造成一个数据对象。2 实际上他是参考jQuery的ajax.data属性来的，他能添加额外的参数传给服务器。3 Datatables在此基础上还提供了一个函数，以便Datatables在请求服务器的时候可以处理这些数据.下面举几个栗子:参数格式是必须和例子一样:*最优选...

2018-12-14 20:44:00 423

转载我的border能自定义四角之border-radius : 左上角，右上角，左下角，右下角。

1 边框：border:1px solid#0081df;2 想要单独加上四个圆角： border-bottom-left-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;3 table的bo...

2018-11-12 10:31:00 5506

转载前端福利之overflow-scrol 怎么隐藏滚动条(转)

最近用vue写wap站的时候遇到了微信打开页面滚动条无法隐藏的问题。对于隐藏滚动条，我们最常用的方法首先是：1、使用以下CSS可以隐藏滚动条：.container::-webkit-scrollbar {display:none}但是要兼容其他浏览器的话这个就不太好用了，这个适用于Chrome2、为了兼容其他的浏览器，可以用这样的方法：在滚动区域外再套一层div，给这...

2018-11-06 16:10:00 222

转载优秀前端工程师必备: 我要一个新窗口: js开新窗的2种姿势

1.<a href="https://www.cnblogs.com/" title="博客园">当前页面打开博客园</a> js代码等价的实现方式为：window.location.href="https://www.cnblogs.com/"; //新连接，在当前窗口打开2.超链接<a href="https://www....

2018-11-05 19:52:00 196

转载前端福利之盘飞那个 "阿里矢量图" （转）

　一、准备工作　　1、首先，进入阿里的矢量图标库，在这个图标库里面可以找到很多图片资源，当然了需要登录才能下载或者使用，用GitHub账号或者新浪微博账号登录都可以　　2、登录以后，可以搜索自己需要的资源，然后直接下载使用，或者建立图标库然后再使用，例如这里以删除的图标为例　　a)搜索删除图标　　　　b)选择需要的图标，然后可以执行三种操作：添加入库、收藏或者直接...

2018-11-05 11:50:00 155

转载 CSS3： box-sizing & content-box 属性---元素的border 和 padding 影响内容的 width 和 height解决方案...

/* 关键字值 */box-sizing: content-box;box-sizing: border-box;/* 全局值 */box-sizing: inherit;box-sizing: initial;box-sizing: unset;问题原因：在CSS中，你设置一个元素的width与height只会应用到这个元素的内容...

2018-11-02 17:37:00 270

转载前端福利之HTML5 UTF-8 中文乱码（转）

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>HTML5的标题</title></head><body><p>HTML5的内容！Hello</p></body&g...

2018-10-19 14:09:00 538

转载前端福利之jQuery文字轮播特效（转）

闲谈：离开学校那座象牙塔已经也有大半年的事件了，生活中不再充满了茫然只有忙碌。连续加班加点大半个月，做的活动项目终于算是告一段落了，而今天也将是考验其真正价值的时候，现在将这次开发中遇到的问题做一下总结。项目背景：这次的项目主要是做一次全国酒店人气排名的营销活动，主要是基于在微信中传播，预计访问量达到亿级，并发做到2000+/s，且有不少的容错预案，我这次主要负责前端首页方面的展示...

2018-10-19 13:18:00 124

转载前端福利之个性化设置table的td宽度（总结）

很多时候，我们在用到table时，都希望随意设置每个单元格的宽度，而不希望单元格被内容撑开table的样式。1.首先，设置table的宽度 width=“1000” 或者 width=“100%”。注意：如果width固定为1000，当每个单元格的宽度相加大于1000 时，table的宽度是以所有单元格的宽度相加为准的。2.table的样式设置style=“tab...

2018-10-19 09:39:00 236

转载 sublime填坑之旅: 格式代码，缩进缩进

前言：sublime是一款编程神器，轻巧又强大，适用于各种语言。这里介绍下如何快速缩进混乱代码，方便代码阅读。原料：sublime text 31 混乱代码如下：2 格式菜单选择：英文：菜单栏的“edit”-“line”-“reindent”选项。中文：转载于:https://www.cnblogs.com/autoXing...

2018-10-18 17:18:00 204

转载 span和input同一行布局的时候，高度偏移解决方案

input标签或收盘标签添加代码：vertical-align:top;转载于:https://www.cnblogs.com/autoXingJY/p/9805480.html

2018-10-17 17:24:00 799

转载 select右三角消除（转）

代码如下：select {/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/border: solid 1px #000;/*很关键：将默认的select选择框样式清除*/appearance:none;-moz-appearance:none;-webkit-appearance:none;/*在选择框的最右侧中间显示小...

2018-10-16 14:54:00 138

转载移动端问题列表及解决方案（转）

一、css相关1、去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android)。解决方案：html,body{ -webkit-tap-highlight-color:rgba(0,0,0,0);}2、iphone手机Safari浏览器里面的广告图自动消失原因：有的浏览器对广告有屏蔽功能解决方案：不要把广告图命名成ad...

2018-10-12 15:50:00 145

转载总结- H5项目常见问题汇总及解决方案（转）

H5项目常见问题及注意事项Meta基础知识：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面//一、HTML页面结构<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"...

2018-10-10 17:00:00 187

转载优秀前端工程师必备: (总结) 清除原生ios按钮样式

写移动端的web开发时，需要清除IOS本身的各种样式：1.消除ios按钮原生样式, 给按钮加自定义样式:input[type="button"], input[type="submit"], input[type="reset"],input[type=text],input[type=password]{ -webkit-appearance: none; } te...

2018-10-09 11:06:00 173

空空如也

空空如也