随笔分类 -  前端

JS sort() 函数
摘要：说实话，看源码没看懂，作为一个码农来说是很失败了。虽然想要 知其然而知其所以然，然而技术太菜没办法，只能先把表面使用掌握了。 JS 的sort函数，有传参和不传参两种模式，不传参我这里就不说了，随便看看都能掌握。这里对传参做一下记录，好让自己以后忘记了可以快速记起来（只是适用于我自己快速捡起的方式） 阅读全文
posted @ 2019-10-16 17:21 Fannn 阅读(1662) 评论(0) 推荐(0)
vue的实例
摘要：vue的实例 创建一个vue实例的写法和创建一个变量一样 var vm = new Vue{{ //我们一般用vm来接收vue的实例，vm是 ViewModel的缩写 }} 然后，我们就可以给vue实例添加属性和方法了 var vm = new Vue{{ data: { //属性的声明，不同的属性 阅读全文
posted @ 2018-08-28 17:53 Fannn 阅读(1062) 评论(0) 推荐(0)
vue的声明式渲染
摘要：声明式渲染 答：2018-8-23声明式渲染是vue对数据进行操作的模式，也叫做响应式渲染当dom节点上绑定了vue的对象的属性时，如果这个属性发生了改变，无需你进行其它的操作，页面上的数据会自动发生变化，所以叫做响应式渲染。但是需要注意的是，响应式渲染的前提是vue对象默认有这些属性存在，如果你给 阅读全文
posted @ 2018-08-28 11:10 Fannn 阅读(2245) 评论(0) 推荐(0)
Vue清除所有JS定时器
摘要：Vue清除所有JS定时器 在webpack + vue 的项目中如何在页面跳转的时候清除所有的定时器 JS定时器会有一个返回值(数字)，通过这个返回值我们可以找到这个定时器 在vue项目中可以使用路由守卫的 beforeEach方法，来进行清除功能 首先，声明一个全局变量数组，把所有的定时器的返回值 阅读全文
posted @ 2018-08-07 10:42 Fannn 阅读(9341) 评论(0) 推荐(0)
$.ajax(),$.get(),$.post()的区别，以及一些参数注意规则
摘要：$.ajax()方法和$.get(),$.post()方法的对比 $.ajax()方法是最完整的写法，可以完成所有的ajax请求(包含get类型和post类型) $.get()和$.post()都是简易版，用来完成单一的简便的功能，为了使代码看起来不那么繁琐，简洁写法，省去很多不必要的功能 $.ge 阅读全文
posted @ 2018-07-03 23:19 Fannn 阅读(653) 评论(0) 推荐(0)
前端使用定时刷新效果
摘要：setTimeout(abc(), 1000);//1000表示1000毫秒，即1sfunction abc(){ alert(123);}前端非常简单的页面数据定时刷新功能 阅读全文
posted @ 2017-11-20 14:45 Fannn 阅读(2184) 评论(0) 推荐(0)
获取当前对象的key的名称
摘要：获取当前对象的key的名称（无法获取），只能曲线救国 通过给标签添加class，id， 然后通过对class的遍历，来获取到id(这个id对应数据库的字段，所以对应对象的key) 然后再给 id 赋值 $(".gridData").each(function (){ alert($(this).at 阅读全文
posted @ 2017-11-07 23:01 Fannn 阅读(1735) 评论(0) 推荐(0)
js分割字符串
摘要：js分割字符串 我想达到通过 ： 分割 只要第一次分割，后面的内容不使用分割 不行，没找到可以直接用的方法，不过可以通过其它方式达到效果 eg: str.split(':',2)[0] (第一个分隔符之前的内容) str.replace(str.split(':',2)[0]+':','') (第一 阅读全文
posted @ 2017-10-20 14:54 Fannn 阅读(6735) 评论(0) 推荐(0)
chrome debugger 调试
摘要：debugger 使用chrome调试时，html页面的js代码中可能不好打断点(因为在jvm中才会有代码) 我一开始是故意在需要断点的后面或前面写个错的alert，通过jvm找到此处，然后在需要的地方打上断点，再把错的注释，刷新页面，就可以断点调试了 但是后来不知道为什么这种方法没用了，不管怎么样 阅读全文
posted @ 2017-10-19 16:47 Fannn 阅读(1826) 评论(1) 推荐(1)
jquery点击li 获取当前父节点所在类的索引
摘要：jquery点击li 获取当前父节点所在类的索引 $('.jbcz').find('.content li').click(function(){ //alert($('.jbcz').find('.content').index($(this).parent().parent().parent() 阅读全文
posted @ 2017-10-19 16:44 Fannn 阅读(3884) 评论(0) 推荐(0)
JS数组push一个对象
摘要：这个是正确的数据添加对象 var dypieArr = []; var dyArr = []; var arrStr = ''; for(var i = 0; i < dataStreet.length; i++){ if(dataStreet[i].pid == '460105'){ //aler 阅读全文
posted @ 2017-10-15 22:09 Fannn 阅读(62367) 评论(1) 推荐(1)
echarts饼图扇区添加点击事件
摘要：在echarts最后面添加上这段代码就可以了 function eConsole(param) { //alert(option.series[0].data.length); //alert(option.series[0].data[i]); //param.dataIndex 获取当前点击索引 阅读全文
posted @ 2017-10-15 22:05 Fannn 阅读(16932) 评论(0) 推荐(0)
jsonp 跨域只能调用一次ajax(无法多次调用或者循环调用)
摘要：jsonp 跨域只能掉用一次ajax(无法多次调用或者循环调用) 百度搜索关键字：jsonp 只能调用一次ajax 解决方法 //回调函数设置，给后台执行 window[callbackName] = function(){ /* console.info('callbackName argumen 阅读全文
posted @ 2017-10-13 16:07 Fannn 阅读(683) 评论(0) 推荐(0)
echarts重新加载动画
摘要：echarts重新加载动画 var option1 = area_right_top1.getOption();area_right_top1.clear();area_right_top1.setOption(option1); 阅读全文
posted @ 2017-10-13 16:07 Fannn 阅读(6985) 评论(0) 推荐(0)
获取点击li的当前索引
摘要：获取点击li的当前索引 点击特定次序的li 展现特定的页面 $('.wgsb').find('.wangge_data_list li').click(function(){ var index=$('.wgsb').find('.wangge_data_list li').index($(this 阅读全文
posted @ 2017-10-13 16:03 Fannn 阅读(465) 评论(0) 推荐(0)
有一段<script>代码，效果是点击<p>就会弹出信息，但是有的<p>点击会有效果，有的没有效果
摘要：问题：有一段<script>代码，效果是点击<p>就会弹出信息，但是有的<p>点击会有效果，有的没有效果 解决： 页面代码是至上而下执行的，如果你的这个标签在<script>效果后面，那么就不会执行， 思考：如果按照上面解决的思路参考的话，那为什么jsp页面里的<script>都是写在 <head> 阅读全文
posted @ 2017-10-13 15:59 Fannn 阅读(239) 评论(0) 推荐(0)