- 博客(72)
- 收藏
- 关注
原创 mac下配置环境-node以及nvm
nvm是针对于node版本的包管理器大家在使用node的时候,大部分都是单一版本下载,如果后面遇到版本问题,则需要卸载node后重新安装,比较繁琐。这个时候就可以使用nvm来对node版本进行管理,简单便携。
2023-10-23 13:42:53
1340
原创 Brew包的基本安装(手把手教学)
大家在使用mac或者linux系统的过程中,大致了解Homebrew的用处,不多说直接进入正题相信大家已经看到了的安装介绍了,我们依然使用终端(不去下载应用过于麻烦)
2023-10-18 06:47:55
2145
原创 Js数组的常用的方法概述
学习JS的同学们,也曾对数组进行学习掌握,所以我也把数组中常用的方法列举下来,相互学习不多废话,直接上正文 。 快乐的分割线。。。一、对象继承的方法 数组是一种特殊的对象,继承了对象Object的toString()、toLocaleString()和valueOf()方法 1.toString() toString方法返回由数组中每个值的字符串形...
2018-07-19 14:01:00
21
原创 深入理解JS各种this指向问题
说到this,入前端坑的人都知道这是JS初期语言毕竟之路。很多人(我就是)对于this的了解很模糊,或者不够全面。最近打算在反过来在看下es6,在es6中又出现了箭头函数对于this的理解有多了层认识。所以就在写一遍来加强自己的认知。在讲this之前,我们先把作用域链在复习一下在红宝书中对作用域链的描述有这么一句话:当代码在一个环境中执行时,会创建变量对象的一个作用域链。作用域链的用途是保...
2018-07-12 15:33:00
22
原创 浅谈ES5和ES6继承和区别
最近想在重新学下ES6,所以就把自己学到的,记录下加强下自己的理解首先先简单的聊下ES5和ES6中的继承1.在es5中的继承:function parent(a,b){ this a = a; this b = b;}function child(c){ this c = c}; 通过子集去继承父级:parent.call(child,1,2)...
2018-07-10 17:15:00
28
原创 vue
Vue相关网站参考: Vue中文帮助网站:http://cn.vuejs.org/ Vue github开源地址:https://github.com/vuejs/vue Vue.js专业中文社区:http://www.vue-js.com/ 前端开发Vue相关:http://www.opendigg.com/tags/front-vue 本文开源地址:https://gi...
2018-07-05 15:55:00
26
原创 使用 vue-i18n 切换中英文
兼容性:支持 Vue.js 2.x 以上版本安装方法:(此处只演示 npm)npm install vue-i18n使用方法:1、在 main.js 中引入 vue-i18n (前提是要先引入 vue)import VueI18n from 'vue-i18n'Vue.use(VueI18n)2、准备本地的翻译信息const messages = { ...
2018-04-13 15:55:00
76
原创 js_数组对象的浅克隆
如果再考虑更奇葩更复杂的情况,例如我们定义:var obj = [{ "a": { "a1": ["a11", "a12"], "a2": 1 }, "b": 2 }, ["c", { "d": 4, "e": 5 }]];这是一个由对象、数组杂合成的奇葩数组,虽然我们平时写程序基本不可能这么折腾自己,但是可以作为一种特殊情况来考虑,这样我们就可以结合之前说的方法去拓展拷贝函数:va...
2018-04-03 15:03:00
21
原创 flex布局简析
最近开始对flex布局进行一个重新的认识。首先。flex布局适用于所有元素但是注意一点的就是,一旦父级元素设定flex布局的时候,子元素的传统布局属性, float,clear,vertical-align属性都会失效的。一.父容器的属性1.flex-direction是决定元素主轴的方向row:默认值,由左到右正序。row-reverse:有右到左的逆序...
2018-03-27 15:52:00
19
原创 git 命令小结
一、git 版本管理1.git log: 获取当前版本之前的所有操作2.git log --pretty=oneline:获取当前版本的前三和后三个操作3.git reflog :获取当前项目下所有项目的历史记录3.git reset --hard 制定版本: 回退到指定版本HEAD^:上一个版本...
2018-03-27 15:45:00
20
原创 css3之nth-child和nth-of-type的区别
之前一直开发的是兼容老版本的代码,所以很少用到有关c3里面的代码格式,今天就对于使用的c3选择器中nth-child和nth-of-type做一个区分。首先:1.nth-child(n):是选择父级元素下对应位置的对应子元素,n是代表第几个。2.nth-of-type(n):是选择父级元素下对应的元素的第几个,n代表第几个。是不是在第一次没看懂这两句话的含义?那么这么写在结合一下你就会恍然大悟。...
2018-03-27 15:45:00
22
原创 elementUI-事件绑定Bug
刚开始使用elementUI的,慢慢的摸索。今天在绑定click事件的时候,在给el-某标签绑定。然后事件失效了。我就很纳闷,这怎么可能失效呢,当我给它的自己元素嵌套了一层div的时候,仍可是使用所以,我就查看了下elementUI的文档对事件的处理。其实,是因为这个库把原生的click给禁用了。解决办法:把之前写法:@click="要写的事件“ 改成:@click.native="要写的事...
2018-03-27 15:42:00
26
原创 智齿客服网页端接入文档V2.3
产品介绍智齿客服网页端接入提供以下两种部署方式。一、网页组件(推荐)通过智齿客服网站咨询组件,企业的用户可快捷联系到企业客服获取帮助。智齿客服网页组件提供强大的用户行为采集能力和系统对接能力,支持客服主动联系浏览网站的用户,企业部署一套代码同时适配桌面网站和移动网站。效果如下图:<桌面网站咨询入口-网页组件><移动网站咨询入口-网页组件>...
2018-03-19 15:27:00
32
原创 VUE请求本地数据的配置json-server
VUE开发请求本地数据的配置,早期的vue-lic下面有dev-server.js和dev-client.js两文件,请求本地数据在dev-server.js里配置,最新的vue-webpack-template 中已经去掉了dev-server.js和dev-client.js 改用webpack.dev.conf.js代替,所以配置本地访问在webpack.dev.conf.js里配置即...
2018-01-12 14:53:00
39
原创 webpack学习
// 一个常见的`webpack`配置文件const webpack = require('webpack');const HtmlWebpackPlugin = require('html-webpack-plugin');const ExtractTextPlugin = require('extract-text-webpack-plugin');module.expor...
2018-01-10 17:23:00
30
原创 浅谈浏览器兼容
>>>通用hack方法篇<<<最近看到淘宝已经放弃IE8了,瞬间乐了,但是转瞬一想,自己还在苦逼的兼容着IE6,顿时心灰意冷,生无可恋啊!没有IE就没有伤害!在此衷心起到IE6/7/8早日被抛弃,还世界一片安宁!言归正传,这次是想把自己整理的一些浏览器兼容方案post上来,希望可以帮到一些和我一样苦逼兼容着IE6的伙伴。一些通用的hack方法这边...
2017-12-13 17:43:00
19
原创 JS实现键盘监听
不说废话直接上正文:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" language=JavaScript> document....
2017-03-23 16:51:00
22
原创 vue关于class和样式的使用
这篇文章主要为大家详细介绍了Vue.js的Class与样式绑定,具有一定的参考价值,感兴趣的小伙伴们可以参考一下数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是 attribute,我们可以用 v-bind 处理它们:只需要计算出表达式最终的字符串。不过,字符串拼接麻烦又易错。因此,在 v-bind 用于 class 和 style 时,Vue.js 专门增强了...
2017-03-13 19:02:00
22
原创 requireJS的初步掌握(二)
前面我们讲述了requireJS的一些认知和优点,==》http://www.cnblogs.com/wymbk/p/6366113.html这章我们主要描述的是requireJS的一些常用的API:一.HTML页下 1.data-main属性 首先我们知道requireJS可以有效的解决JS阻塞浏览器渲染这个问题, 那么它实现的方式是什么样子的呢?<scri...
2017-02-07 18:48:00
23
原创 requireJS的初步掌握
前一段时间,因为一些事吧这个习惯落下了,现在争取重新捡起来。最近开始自学requireJS,为了更好的掌握,所以写出一个自我理解的博客供参考。分割线-------------------------首先,学习requireJS,要知道什么是requireJS.requireJS是一个可在js和node环境下运行的一个非常小巧的一个AMD规范下的js模块载入框架,通俗的理解为模块加载器。...
2017-02-04 18:09:00
19
原创 webpack的安装和使用
Webpack是什么首先可以看下官方文档,文档是最好的老师。Webpack是由Tobias Koppers开发的一个开源前端模块构建工具。它的基本功能是将以模块格式书写的多个JavaScript文件打包成一个文件,同时支持CommonJS和AMD格式。但让它与众不同的是,它提供了强大的loader API来定义对不同文件格式的预处理逻辑,从而让我们可以将CSS、模板,甚至是自定义的文件...
2016-12-13 22:55:00
18
原创 前端模块化开发的价值
随着互联网的飞速发展,前端开发越来越复杂。本文将从实际项目中遇到的问题出发,讲述模块化能解决哪些问题,以及如何使用 Sea.js 进行前端的模块化开发。恼人的命名冲突我们从一个简单的习惯出发。我做项目时,常常会将一些通用的、底层的功能抽象出来,独立成一个个函数,比如function each(arr) { // 实现代码}function log(str) { // 实现代...
2016-11-22 18:16:00
17
原创 匿名函数的理解与分析
初次遇到匿名函数的时候,是在我刚开始学jquery的时候,浏览JQ的底层代码的时候看到的。(function(){ //...代码..})(); 在看到源码的第一眼,我就迷糊了。为什么只有一个匿 名函数又没看到运行(当然是运行了……),就能有jQuery这么个函数库了?然后开始从网上搜它的答案,总结的答案是当一个匿名函数被括起来,然后再在后面加一个括号,这个匿名函数就能立即运行起来...
2016-11-17 15:50:00
17
原创 浅析z-index(覆盖顺序)和定位
多次在项目中遇到html页面元素的非期待重叠错误,多数还是position定位情况下z-index的问题。其实每次解决类似问题思路大致都是一样的,说到底还是对z-index的理解比较模糊,可以解决问题却不大了解其原因,导致重复出错......于是决定把重叠问题弄清下,把z-index理顺下。经过一番查找对比实践理解,下面就从元素重叠的背景常识及可能原因说起,浅谈下position定位元素的z-...
2016-11-10 16:49:00
20
原创 JS数字计算精度误差的解决方法
本篇文章主要是对javascript避免数字计算精度误差的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助。如果我问你 0.1 + 0.2 等于几?你可能会送我一个白眼,0.1 + 0.2 = 0.3 啊,那还用问吗?连幼儿园的小朋友都会回答这么小儿科的问题了。但是你知道吗,同样的问题放在编程语言中,或许就不是想象中那么简单的事儿了。不信?我们可以做个试验。先来看一段 JS。...
2016-11-04 18:54:00
19
原创 JQuery插件之Jquery.datatables.js用法及api
1、DataTables的默认配置$(document).ready(function() {$(‘#example’).dataTable();} );示例:http://www.guoxk.com/html/DataTables/Zero-configuration.html2、DataTables的一些基础属性配置“bPaginate”: true, //翻页功能“bL...
2016-10-27 19:16:00
24
原创 巧用Ajax的beforeSend 提高用户体验
jQuery是经常使用的一个开源js框架,其中的$.ajax请求中有一个beforeSend方法,用于在向服务器发送请求前执行一些动作。具体可参考jQuery官方文档:http://api.jquery.com/Ajax_Events/$.ajax({ beforeSend: function(){ // Handle the beforeSend event },...
2016-10-26 11:24:00
15
原创 浅谈cssText
给一个HTML元素设置css属性,如var head= document.getElementById("head");head.style.width = "200px";head.style.height = "70px";head.style.display = "block";这样写太罗嗦了,为了简单些写个工具函数,如function setStyle(obj,css)...
2016-10-10 15:13:00
15
原创 即时搜索(input框)
做搜索功能的时候,经常遇到输入框检查的需求,最常见的是即时搜索,今天好好小结一下。即时搜索的方案:(1)change事件 触发事件必须满足两个条件:a)当前对象属性改变,并且是由键盘或鼠标事件激发的(脚本触发无效)b)当前对象失去焦点(onblur)(2)keypress 恩,还好。。。。。就是能监听键盘事件,鼠标复制黏贴操作他就无能为力的赶脚了。。。。。(3)prope...
2016-09-29 11:43:00
16
原创 HTML的页面IE注释
我们常常会在网页的HTML里面看到形如[if lte IE 9]……[endif]的代码,表示的是限定某些浏览器版本才能执行的语句,那么这些判断语句的规则是什么呢?请看下文:<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--><!--[if IE]> 所有的IE可识别 <![endif]-->...
2016-09-29 11:07:00
16
原创 浅谈attr()和prop()
刚开始学JQ的时候 ,看到attr()和prop()这两个属性的时候感觉很迷茫,而且配合官方给出的推荐使用图:prop()可以做到的attr()完全都可以,而且做不到的attr()也可以做到。何用? 然后我就把它丢掉了。。。直到。。今天切一个页面,在checkbox判断的方面上除了问题,就是通过jquery设置选中的时候,发现checked和disabled属性已经设置上去了,而且一旦手...
2016-09-13 19:34:00
21
原创 input---checked小问题
想必有很多做前端同学都遇到了这么一个问题。那就是checkbox。那就是我们通过jquery设置选中的时候,发现checked属性已经设置上去了但是选中的样式却没有。我们做一个简单的测试:看下面三张图片通过上面三张图我们可以看到我们有两个checkbox默认是第一个选中。我们通过点击将第二个设置为选中状态。然后我们通过jquery的attr属性修改选中状态。我们神奇的发现,选中...
2016-09-13 17:58:00
16
原创 JQuery 绑定事件
在日常写代码的时候 不免有绑定代码,对于新手的我,对JQ中事件的绑定做一个大致的区分。jQuery on()方法是官方推荐的绑定事件的一个方法。$(selector).on(event,childSelector,data,function,map)由此扩展开来的几个以前常见的方法有.bind()$("p").bind("click",function(){ alert(...
2016-09-07 17:36:00
13
原创 二级域名和二级目录的区别
当网站发展到一定时期,想要扩大网站规模、建立新频道的时候,相信很多人和我一样在选择二级域名和二级目录上犯了难。这篇文章我深入分析之后给出了答案。如果你的网站在使用二级域名和二级目录捉摸不定的时候,看看此文,会对你有所帮助的。首先,我们来看看什么是二级域名,什么是二级目录?1:二级域名:需要创建二级域名,设置DNS,修改A记录,指定IP等操作。具体建网站或者编辑网页时,需要对不同二级域名下的内...
2016-08-31 10:22:00
17
原创 在Web应用中接入微信支付的流程之极简清晰版
背景:在Web应用中接入微信支付,我以为只是调用几个API稍作调试即可。没想到微信的API和官方文档里隐坑无数,致我抱着怀疑人生的心情悲愤踩遍了丫们布下的所有坑。简要介绍几个主要大坑:坑一:关于WeixinJSBridge这个对象查阅网页端调起支付API的开发文档,此对象即旁若无人的映入眼帘。然后我们就理所应当的在代码里调用了丫的。可是,too young too naive……...
2016-08-29 15:43:00
25
原创 meta标签的小拓展
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> 1、width :控制viewport的大小,可以指定一个值,如600, 或者特殊的值,如device-width为设备的宽度(单位为...
2016-08-29 14:48:00
18
原创 ng-表单验证
表单验证<AngularJs>常用的表单验证指令1. 必填项验证某个表单输入是否已填写,只要在输入字段元素上添加HTML5标记required即可:<input type="text" required /> 2. 最小长度验证表单输入的文本长度是否大于某个最小值,在输入字段上使用指令ng-minleng= "{number}":<inp...
2016-08-16 19:30:00
17
原创 面试小记---外部脚本必须包含 <script> 标签吗?
外部脚本必须包含 <script> 标签吗?答案是否定的。 身为小白的我一开始也是以为这句话的对了,因为本来嘛,引用外部脚本不都用的是<script>标签中的src属性吗。所以这句话不是对的吗? 不不不,其实这个问题是诱导你犯错误的一个问题,因为在外部脚本文件中,只能包含脚本语言代码,不能包含其他代码(如HTML代码等),而script标签元素是属于html代码...
2016-08-16 10:54:00
99
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人