- 博客(40)
- 收藏
- 关注
RSS订阅原创 当CSDN接入ChatGPT，我再也不是百度工程师了
的功能，CSDN应该是每个程序员都翻阅的网站，百度一搜，关键词匹配大量CSDN的网站，点进去干货却寥寥无几，大多水文或者搬运文，可倘若CSDN+ChatGPT结合呢？本文就到这里吧，我个人相信，像 chatGPT 这样的 AI 技术会和搜索引擎扮演同等重要的角色，那么如何更好地理解并运用 AI，是未来需要不断学习探索的课题。以后再也不用一篇篇去翻阅文章了，快速得到自己想要的代码，CV仔的春天来了！按钮，快速进入提问界面，代码一键复制，CV仔直呼牛逼！接下来，好好体验下有些什么功能！ChitGPT它来了。
2023-04-09 15:40:50
1894
1
转载 移动端点击300ms延迟问题和解决
今天屁颠屁颠写完了，手机端做测试时，点击，发现有延迟，就百度了下，原来这就是传说中的300ms延迟啊，百度了点资料，记录下，解决项目中这个小问题！一、移动端300ms点击延迟一般情况下，如果没有经过特殊处理，移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟。也就是说，当我们点击页面的时候移动端浏览器并不是立即作出反应，而是会等上一小会儿才会出现点击的效果。在
2017-03-14 17:48:42
20433
转载 避免if语句的深层次嵌套
公司做了个抢红包的限制，然后ajax请求的返回字段，要进行多层逻辑的判断，想想是真恶心，虽然都是简单逻辑，而且看别人以前写的代码，发现，哎，注释能不能写上吶，像我写代码都是细致到，哪怕初学者也能看懂这是要实现什么，还有尽量避免深层次的if嵌套，不然后面产品要加新需求，条件限制了，来个五六个if嵌套，，想想都蛋疼了，故而就查询了一下如何优化，然后把之前的代码给重新整理了下，哎，强迫症又犯了，明明不是
2017-03-14 13:12:49
24696
6
转载 JS判断客户端是否是iOS或者Android手机移动端
公司这几天做的附近商家定位功能，要嵌入到客户端，看到了调用定位接口时，要判断客户端的类型，于是记录一下了：通过判断浏览器的userAgent，用正则来判断手机是否是ios和Android客户端。代码如下：var u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr')
2017-03-10 15:00:21
2906
转载 ajax进行异步请求数据添加loading效果
在与后台实现数据交互时经常会遇到一种这样的情况：1.需要用一个ajax请求后台数据，并且要在获取到数据之后再渲染到页面，这个时候就必须用同步（async:false）。2.然而在这个时候就会有另一种情况，当ajax的请求花费的时间比较长的时候需要一个loading层来显示等待状态3.这个时候beforeSend是没有效果的，即使把loading的代码写在ajax之前也不行。
2017-03-07 16:00:05
18827
1
转载 vue父子组件通信问题解决的思路之一
组件之间的作用域独立，而组件之间经常又需要传递数据。A 为父组件，下面有子组件 B 和 C。A 的数据可以通过 props 传递给 B 和 C。A 可以通过 $broadcast 调用 B 和 C 的 events，从而操作 B 和 C 的数据。B 和 C 可以通过 $dispatch 调用 A 的 events，从而操作 A 的数据。当 B 需要操作 C 的数据就
2017-02-28 08:52:11
2963
原创 vue移动端项目解决 延迟点击
1.npm install fastclick --save（自己看github：https://github.com/ftlabs/fastclick）
2017-02-24 10:19:09
2821
原创 前后端分离方案速查
xx公司的实践：1.http://blog.csdn.net/u011413061/article/details/50294263淘宝PPT：.http://2014.jsconf.cn/slides/herman-taobaoweb/index.html#/前后端分离的一些疑问：https://segmentfault.com/q/1010000005591961
2017-02-17 16:25:37
1409
转载 vue-cli快速搭建vue项目
1.安装node(使用6+)2.安装cnpm:安装包时，记得以管理员权限打开cmd3.安装vue-cli ：npm install -g vue-cli4.创建项目：vue init webpack XX （请确保安装了webpack）5.开发模式的文件在src目录下，进入文件后，打开package.json ,查看配置信息
2017-02-08 09:29:43
4425
原创 vue-cli搭建项目解决跨域问题
使用vue-resource 然后就是报出跨域错误;在build/webpack.dev.conf.js这个文件里面添加对应的http代理，具体的用法查看对应的地址这里使用的是vue-cli创建的
2017-02-07 17:24:57
4207
2
转载 node解决安装包后xx-v命令无效
1、windows下的NodeJS安装是比较方便的（v0.6.0版本之后，支持windows native），便可以看到下载页面。 2、下载完成后双击运行进行安装，安装过程基本直接“NEXT”就可以了（全部采用默认方式安装）。（windows的安装msi文件在过程中会直接添加path的系统变量，变量值是你的安装路径，例如“C:\Program Files\nodejs”）。3、安装完成
2017-02-06 13:43:03
7864
1
转载 响应式图片的3种解决方案
个人总结：在当前响应设计和自适应设计的流行下，很多web 应用往往都兼容手机、平板和PC，其中一个让人比较头痛的问题就是图片的加载了。不同平台显然不可能用同一张大的图片，这样子不但浪费手机流量、影响网站载入速度并且在小屏幕下会很不清晰。让浏览器根据分辨率自动识别图片是最好的方法。响应图片和响应媒体是响应式网站的三大基础重点之一。表面上看这是一件非常简单的事情，只要把图片元素的高、宽属性值都移去
2016-10-13 13:57:30
2664
原创 box-sizing:border-box用于移动端页面的开发！
*，*：：before,*；；after{ border-sizing:border-box;}(bootstrap全局中设定该样式)先从块级元素的盒子大小说起，通常一个块级元素实际所占宽高度=外边距（margin）+ 边界宽度(border-width) + 内边距（padding）+ 高度（height） / 宽度（width）如果设置了bord
2016-10-13 12:57:12
4830
1
转载 CSS3 修改和去除移动端点击事件出现的背景框 (tap-highlight-color)
最近研究移动端页面时学到了很多CSS3的有用属性，其中有一个印象比较深刻的属性：-webkit-tap-highlight-color参见 http://css-infos.net/property/-webkit-tap-highlight-color这个属性是用于设定元素在移动设备（如Adnroid、iOS）上被触发点击事件时，响应的背景框的颜色。例如在Ad
2016-10-13 12:42:37
6927
转载 bootstrap中的列排序？
今天看bootstrap文档学习的时候，看到列排序，发现浮动原来还能这么用,就找了源码看了看~ 列排序其实就是改变列的方向，也就是改变左右浮动，并且设置浮动的距离。在栅格系统里，可以通过.col-md-push-*和.col-md-pull-*来实现这一目的。先来看看效果示意图默认情况下，col-md-9在左边，col-md-3在右边，如果要互换位置，需要将col-md-9列向右移
2016-10-06 12:30:52
9176
原创 每日一面试题--MVC思想是什么？
1.认识两个类似的名词！MVP-Backbone.js(model-view-presenter;模型-视图-表现类)MVVM-Knockout.js(model-view-viewmodel;模型-视图-视图模型)---核心：实现了业务逻辑和显示的分离1）.model（模型）、view（视图）、control（控制层），是软件工作中的一种架构模式；--模型：用于封装和应用程序
2016-09-20 12:48:39
7459
转载 理解argument和 callee 属性
arguments javascript中的函数定义并未指定函数形参的类型，函数调用也未对传入的实参值做任何类型检查。实际上，javascript函数调用甚至不检查传入形参的个数function add(x){return x+1;}console.log(add(1));//2console.log(add('1'));//'11'console.log(add());/
2016-08-10 17:28:32
2099
1
转载 函数传参中传递的是值还是引用？
同java一样，javascript中参数也只有值传递。这点同变量的访问不同，变量的访问可以有按值和按引用两种方式。以下分为基本数据类型和引用数据类型说明。1.基本数据类型 在向参数传递基本数据类型的值时，被传递的值会被复制给一个局部变量(命令参数，或者是argument对象中的一个元素)。1 function addTen(num){2 num += 10;3
2016-08-10 16:50:44
2519
转载 闭包的常见应用
事实上，通过使用闭包，我们可以做很多事情。比如模拟面向对象的代码风格；更优雅，更简洁的表达出代码；在某些方面提升代码的执行效率。1、匿名自执行函数我们知道所有的变量，如果不加上var关键字，则默认的会添加到全局对象的属性上去，这样的临时变量加入全局对象有很多坏处，比如：别的函数可能误用这些变量；造成全局对象过于庞大，影响访问速度(因为变量的取值是需要从原型链上遍历的)。除了每次使用
2016-08-10 14:26:19
4105
转载 几个闭包内存泄漏的优化方案！
本文通过举例，由浅入深的讲解了解决js函数闭包内存泄露问题的办法，分享给大家供大家参考，具体内容如下原代码：function Cars(){ this.name = "Benz"; this.color = ["white","black"];}Cars.prototype.sayColor = function(){ var outer = this; r
2016-08-10 14:19:32
7171
3
转载 立刻执行函数深入了解
转自：http://web.jobbole.com/82520/原文是一篇很经典的讲解IIFE的文章，很适合收藏。本文虽然是译文，但是直译的很少，而且添加了不少自己的理解。ps：下文中提到的“立即执行函数”其实就是“立即执行函数表达式”1.我们要说的到底是什么？现在我们定义了一个函数（function foo(){}或者var foo = function(){
2016-08-10 13:01:45
2054
1
转载 深入理解javascript执行上下文
在这篇文章中，将比较深入地阐述下执行上下文 - Javascript中最基础也是最重要的一个概念。相信读完这篇文章后，你就会明白javascript引擎内部在执行代码以前到底做了些什么，为什么某些函数以及变量在没有被声明以前就可以被使用，以及它们的最终的值是怎样被定义的。什么是执行上下文Javascript中代码的运行环境分为以下三种：全局级别的代码 - 这个是默认
2016-08-10 09:46:09
1538
转载 使用let避免变量提升的问题！
之前通过babel-node将es6转为es5后结合生成的es5代码认为let是在es5的基础上封装的语法糖，并且通过babel-node执行没有报ReferenceError而认为其有变量提升，其实这是错误的，let是es中新加入的一个标识符而已。并且没有变量提升。特此勘正。 1、let中没有变量提升。 在通过babel-node执行es6的代码时，是将es6转换为es5后去执行的，
2016-08-09 21:11:40
3089
转载 javascript定义全局变量的时候有var和没有var的区别
首先讨论的范围是在浏览器端的javascript 在平常我们定义一个全局的变量 代码如下： var x = 2; y = 3; console.log(x); //2 console.log(y); //3 console.log(window.x);//2 console.log(window.y);//3复制代码 可以看出x,y都挂在window下，成为window
2016-08-09 20:47:03
3137
转载 javascript中创建变量时作用域和内存详解！
JS变量是松散型的(不强制类型)本质,决定了它只是在特定时间用于保存特定值的一个名字而已;由于不存在定义某个变量必须要保存何种数据类型值的规则,变量的值及其数据类型可以在脚本的生命周期内改变;一 变量及作用域1.基本类型和引用类型// JS变量包含两种不同的数据类型的值:基本类型值和引用类型值;// 1.基本类型值:保存在栈内存中的简单数据段;即这种值完全保存在内存中的一个位置
2016-08-09 18:04:31
2474
转载 IE中getElementByName失效的问题！
注意：在IE下有些节点是没有name 属性的，就是用document.getElementsByName获取不到的。只有下面的tag有name属性：A, APPLET, attribute, BUTTON, EMBED, FORM, IMG, INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=hidden,
2016-08-09 15:07:41
2640
转载 alert()实现原理的探索！（c++底层机制我也不懂啊！）
作者：貘吃馍香链接：http://www.zhihu.com/question/20963787/answer/34123046来源：知乎著作权归作者所有，转载请联系作者获得授权JS BOM api 中 alert 的实现GUI 中模态窗口阻塞其他代码运行原理一个个来说第一个比较简单。首先它是目标平台的包装函数，也就是非JS原生 API。这需要调用J
2016-08-09 13:32:49
3867
转载 chrome中console的那些用法！
Chrome 控制台console的用法下面我们来看看console里面具体提供了哪些方法可以供我们平时调试时使用。目前控制台方法和属性有：["$$", "$x", "dir", "dirxml", "keys", "values", "profile", "profileEnd", "monitorEvents", "unmonitorEvents", "inspect",
2016-08-09 13:08:16
2881
转载 让IE8兼容console
问题描述经测试发现问题只出现在：1、原生IE8（其他版本IE模拟出的IE8无此问题）2、从打开IE8没有开启过F12（曾经开启过又关闭的无此问题） IE8报错“由于出现错误80020101而导致此项操作无法完成”，进而导致当前页面无法显示，同时整站所有页面都无法加载。 问题分析-IE8没有console对象从上述症状分析，猜测应该跟IE8的开发者工具有关，说明代
2016-08-09 13:03:52
11230
2
转载 document.write的用处!
document.write是JavaScript中对document.open所开启的文档流(document stream操作的API方法，它能够直接在文档流中写入字符串，一旦文档流已经关闭，那document.write就会重新利用document.open打开新的文档流并写入，此时原来的文档流会被清空，已渲染好的页面就会被清除，浏览器将重新构建DOM并渲染新的页面。--（重写页面问题！
2016-08-09 10:52:00
47517
5
转载 document.write的广告无阻塞的加载
一、广告代码分析很多第三方地广告系统都是使用document.write来加载广告，如下面地一个javascript地广告链接. 代码如下:<script type=text/javascript src=http://gg.5173.com/adpolestar/5173/;ap=2ebe5681_1ba3_4663_fa3f_e73d2b83fbdc;ct=js;pu=5
2016-08-09 10:13:51
1584
转载 Javascript 同步异步加载详解 （十足的好文章！！强烈推荐）
原文链接：http://handyxuefeng.blog.163.com/blog/static/4545217220131125022640/ 本文总结一下浏览器在 javascript 的加载方式。关键词：异步加载（async loading），延迟加载（lazy loading），延迟执行（lazy execution），async 属性， defer 属性
2016-08-08 21:35:54
8731
1
转载 避免全局变量污染的一些措施！
一、尽量少用全局对象全局变量的问题在于，你的JavaScript应用程序和web页面上的所有代码都共享了这些全局变量，他们住在同一个全局命名空间，所以当程序的两个不同部分定义同名但不同作用的全局变量的时候，命名冲突在所难免。web页面包含不是该页面开发者所写的代码也是比较常见的，例如：第三方的JavaScript库广告方的脚本代码第三方用户跟踪和分析脚本代码不同类型的小组件，标志和
2016-08-07 20:43:55
10327
8
转载 for循环中的闭包问题及解决方案
说到闭包，我们首先来看一个最最简单的例子，也是最最基础的例子：为多个相同的元素，绑定事件，在点击每一个元素时，提示被点击元素的排列位置。 栏目1 栏目2 栏目3 栏目4 拿到手的第一反应就是for循环添加点击事件了（添加索引值也可以！）这里讨论闭包解决！（i=4 ，一直弹4，好烦！）function b
2016-08-07 19:51:16
5427
5
转载 定时器中的this指向问题
原文地址：http://www.zhangyunling.com/?p=134看例子：代码中中的两个setTimeout执行后的结果分别是什么？ var a = 1; function B(){ var a = 2; setTimeout("C()",1000); setTimeout(C,2000);
2016-08-07 19:06:28
5457
转载 this指向 最简单的两种！
原文地址：http://www.zhangyunling.com/?p=251 在我们刚刚使用JS时，不知道您是否因为一些东西而思路直接混乱的情况，反正我是有过，曾经有段时间，我是尽量在所有能不使用this的地方，不去使用this，因为这个家伙总是让我不知道，它在一些地方，到底是代表的什么含义，现在，自认为有了一些认识，所以也敢于使用这个变量了，所以就有了本篇文章。
2016-08-07 18:12:30
1725
6
转载 css动画和js动画比较！
原文地址：http://css-tricks.com/myth-busting-css-animations-vs-javascript/译文地址：https://github.com/classicemi/blog/issues/3曾经某个时期，大多数开发者使用 jQuery 给浏览器中的元素添加动画。让这个淡化，让那个扩大，很简单。随着互动的项目越来越复杂，移动设备的大量增
2016-08-07 13:35:21
4881
转载 http状态码有哪些？代表什么意思？（查询手册而已）
完整版 1**(信息类)：表示接收到请求并且继续处理 100——客户必须继续发出请求 101——客户要求服务器根据请求转换HTTP协议版本 2**(响应成功)：表示动作被成功接收、理解和接受 200——表明该请求被成功地完成，所请求的资源发送回客户端 201——提示知道新文件的URL 202——接受和处理、但处理未完成 2
2016-07-21 17:17:43
2932
转载 JavaScript中的setter和getter方法!!
javascript中的setter、getter是平时接触比较少的方法，其本身也并不是标准方法，只在非ie浏览器里支持（ie内核也许有其他方法可以做到呢？暂时不知其解），但是加以利用可以做许多事情，比如：1、对数据的访问限制：a.value是对value变量的getter方法调用，如果在getter方法实现中抛出异常，可以阻止对value变量的访问2、对dom变量进行监听：win
2016-07-21 15:39:41
5439
原创 reset css 的方法总结！
本着中华名族的优良传统，今天又从度妈那里来借鉴各路大牛的文章了！没办法没办法，在慕课上做个扁平化博客的时候，那老师偷懒不写reset css的代码，两句话就忽悠过去了，表示非常不甘心，这玩意，究竟有多少种写法有多少套路！好吧，让我来摘抄摘抄！ 打开各大网站，套路不一，让我这菜鸟，陷入了沉思当中，我究竟该抄谁的好啊！我还是学生狗呢,身边也没工作经验的大牛来说句，这句样式多余的去掉去掉...
2016-07-20 12:09:01
2001
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人