- 博客(39)
- 收藏
- 关注
转载 textarea高度自适应
function autoTextarea (ele, maxHeight) { var elem = document.getElementById(ele) // html自身的字体大小 var baseFontSize = parseFloat(document.documentElement.style.fontSize) maxHei...
2018-12-01 17:43:00
113
转载 h5页面软件盘把position为fixed和absolute的元素顶上来
最近开发的时候遇到了一个很头疼的问题。就是在手机页面中点击输入框的时候,会弹出一个软键盘。这个时候在有些手机中底部position设置了absolute和fixed的值会被顶上来。 网上查阅了一下原因,说是因为软键盘弹出的时候页面的高度的值被改变了,所以定位的元素就被挤到上面来了。 然后在网上搜索了下解决办法,说是可以在元素获取焦点的时候让position值变为stati...
2018-06-05 20:16:00
461
转载 Nginx入门级配置
每个公司都会有几个公司常用的技术和软件,之前公司主要是PHP开发,web服务器搭建主要用的是xampp,对于xampp会有一个简单的掌握。 新公司的话本地测试会经常用到nginx,以前一直没有用过,所以看见nginx也是两眼一抹黑,根本不会用,后来请同事帮忙,在本地搭建了tomcat服务器,虽然说本地是跑起来了,但是发现我用本地请求测试环境资源的时候跨域了...对tomcat跨...
2018-05-24 19:14:00
137
转载 短期学习目标
1.Vue相关 Vue Route,webpack相关知识,es6相关知识2.http相关 《http权威指南》 http2的升级3.websocket相关知识的学习4.nginx的学习转载于:https://www.cnblogs.com/wqc5730/p/8971018.html...
2018-04-29 14:34:00
474
转载 css reset
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }body, button, input, select, text...
2018-04-22 11:41:00
69
转载 xampp 配置二级子域名
<VirtualHost *:80> ServerAdmin webmaster@dummy-host2.example.com DocumentRoot "E:/XAMPP/htdocs/frontend ##ServerName test.net ServerAlias www.test.net test.net #...
2018-04-20 17:33:00
265
转载 webpack安装入门
这两天心血来潮,突然想研究下webpack,花了一天时间,看网上有很多教程,不过发现安装的都是比较老的版本。后来发现还是我太年轻了,找技术播客还不如找官方网站。下面是一个webpack的官方网站,里面详细讲解了最新版本webpack的用法 https://www.webpackjs.com/guides/ 不过官网毕竟是官网,教的东西太多了,demo总是会引入一...
2018-03-24 17:03:00
81
转载 项目开发总结
最为一个前端入坑快两年的人来说,也算接触过几个大大小小的项目。 刚刚接触前端的时候,是照着网上教程抄代码,然后凭记忆边抄边背来还原抄的代码。那时候的代码能力还停留在死记硬背的程度,也不知道代码的实现原理,只知道这么写代码能写出页面来。而且写的是最基础的HTML+CSS页面布局,也不需要js来实现各种样式。那时候虽然在上学,但是就学业来说并不繁忙,一天也就两三节课,下课了就去泡图...
2018-03-14 11:43:00
133
转载 JQ在光标处插入文字
内容转载自网络这是一个JQ的扩展方法。在teatarea获得焦点时,往光标处插入文字,扩展代码如下(function($){ $.fn.extend({ "insert":function(value){ //默认参数 value=$.extend({ ...
2018-03-02 23:36:00
511
转载 phpStorm安装方法
1)下载http://big2.h5gamen.com/soft/jetbrainscrack-2.6.2.zip放到phpstorm安装目录下的lib文件夹如放到f盘F:\PhpStorm 2016.1\lib\JetbrainsCrack-2.6.2.jar2)找到phpstorm 的安装路径, 在\bin目录下有两个文件 PhpStorm.exe.vmoptio...
2018-03-02 10:21:00
108
转载 ajax利用FormData异步文件提交
通常情况下,我们上传文件都会使用form表单来提交文件。但有时候,我们会有异步提交文件的需求,在这种情况下,我们就需要新建一个Formdata来提交文件,后台如果使用的是PHP的话可以使用$_FILES来获取上传的文件。var formdata = new FormData();//新建一个Formdata用来存储文件formdata.append('submitfile...
2018-02-24 11:46:00
96
转载 格式化JSON数据
function formatJson(json, options) { var reg = null, formatted = '', pad = 0, PADDING = ' '; options = options || {}; options.newlineAfterColonIfBef...
2018-02-24 10:38:00
128
转载 获取url中的参数
function getUrlParmas(parmasName) { //获取所有参数 var parmas = window.location.href.split('?')[1]; //参数数组 var parmasArr; //参数的值 var parmasVal; if (!!parmas) { ...
2018-02-24 09:58:00
180
转载 xampp配置多端口访问
1.修改D:\xampp\apache\conf\extra中的httpd-vhosts.conf文件,在最底部添加 <VirtualHost *:8080> ##需要监听的端口号 ServerAdmin webmaster@dummy-host2.example.com DocumentRoot "D:/xampp/htdocs...
2017-12-06 17:00:00
185
转载 自动识别移动端还是PC端
平时在开发中经常会遇到这样的需求,除了开发PC端之外,还会同时开发移动端。对于简单的页面,可以使用bootstrap之类的框架实现响应式页面,可是当页面很复杂的时候,就需要开发一个移动端页面,一个PC端页面。这个时候,就会遇到这样的需求,想要访问同样的网址,然后根据设备不同显示不同的页面。之前一直想招相关的资料没有找到,到后来发现是我百度搜索的水平不行,心好累~~~下面就是我找到的通...
2017-06-27 21:39:00
206
转载 一些常见的shell命令和git命令
shell命令: pwd : (Print Working Directory) 查看当前目录 cd (Change Directory) 切换目录,如 cd /etc ./当前目录 ../上级目录 ls (List) 查看当前目录下内容,如 ls -al,“.”(表示当前目录)和“..”(表示当前目录的父目录) mkdir (Ma...
2017-03-29 13:22:00
120
转载 网站性能优化之减少HTTP请求
之前看到一句话,在这个计算机快速发展的时代里,想要不被计算机代替,就不要像计算机一样去思考。一直不是很懂这句话是什么道理,直到发现工作到了瓶颈的时候。 作为一个前端工程师,在很多人眼里就是个写写页面的,或者说稍微懂点我们这个行业的人会说:哦,还能跟后端做做交互。但是,工作久了就发现,好像前端的存在感怎么越来越弱了呢。前端这个行业的门槛很低,基本上你只要稍微懂点电脑,花个半个月速...
2017-03-28 13:26:00
240
转载 ajax学习笔记
在很早之前,就已经接触过ajax了,包括原生ajax请求方式、跨域ajax请求方法、HTTP的相关知识。这次写ajax主要是对之前学习的知识的一个回顾会总结吧,因为我发现之前好像被我玩的滚瓜烂熟的东西渐渐被我忘记了。我发现这个淡忘很可怕,回顾我之前学的那些知识,发现好多东西都是模模糊糊的有些映像,可是真的要去想又想不起来了,所以我觉得能有个平台,把自己学习的东西记录下来。这样,不管是...
2017-03-10 14:39:00
136
转载 canvas随笔
公司刚刚处于创业初期,总是会尝试着做一些新奇的东西。尤其是对于网上一些好玩的东西,总是希望自己也能有一样的功能。不得不说,对于我来说,既是种机遇,也是种挑战。因为这样给了我足够的发展空间,可以按着自己想的去实现功能,可以去选择一些优秀的框架来学习和使用。不过,对于我这样经验还不够的人来说,该怎么选择,也是一种挑战。 不过,说实在的,我还是挺喜欢这样的日子的。老板总是会有些稀奇古...
2017-02-27 21:49:00
95
转载 移动端利用rem实现自适应布局
好久没有写博客了,刚好说说最近遇到的移动端布局问题吧。 本来一直是觉得我的页面布局能力还是不错的,当然,是相对于较基础的来说还是不错的。不过,自己写的案例终归是跟实际开发有区别的,自己写案例的是觉得这个样式有时候并没有那个完美就放弃那个效果了。到后来 ,发现这是一个很不好的习惯,一直想着小毛病不去解决,想着以后总归是会的。结果在实际开发的时候,发现这个太影响工作效率了。的确,很...
2017-02-14 11:45:00
116
转载 jQuery入门(一)
相信学js的人多多少少听过JQuery,JQuery对于前端开发人员来说是不可或缺的,他让开发变得更加简单。那到底什么是JQuery呢?用一句话来说,JQuery就是一个javascript的库。所谓的javascript库也就是一些封装好的常用的方法,我们把它封装到一个单独的js文件中,在要用的时候直接调用就好了。所以,我们学习jQuery就是学习他的方法。 我们可以在JQu...
2016-08-20 22:19:00
58
转载 BOM基础(四)
最近写的文章感觉内容不像之前那么充实,内容可能也有点杂。对于DOM,和BOM来说,要理解是不难的,难的是做的时候。要自己想的到,而且,对于目前阶段来说,BOM还存在着很大的兼容性问题,最主要就是要兼容ie8。不过说实在的,用不了多久,ie8也差不多被淘汰了,新版本的ie浏览器对标准属性兼容性还是很好的。不过接下来要说的主题还是BOM中的一些内容。前一篇文章中主要讲了两种注册事件的方式...
2016-08-17 22:43:00
79
转载 BOM基础(三)
在我之前关于DOM的文章里,其实已经有提到过事件的概念。在讲事件之前,首先要知道的就是javascript是由事件驱动的。什么叫事件驱动呢?打个比方,比如我们在页面中点击一个按钮,才会跳出一个窗口或者一句话,又或者说,我们鼠标滚轮移动的时候,出现了一些动画之类的,这就是事件驱动。那什么是事件呢?事件本质上来说就是个触发和响应的过程。事件有三部分组成:事件源,事件名和事件处理函数。所谓...
2016-08-16 11:54:00
72
转载 BOM基础(二)
跟DOM一样,BOM其实也是由很多的API组成。 不过对于BOM来说,最痛苦的不是不记得API,而是明明记得这个这个API,却没有考虑到它的兼容性。 之前的文章中讲到了offset系列的属性,他的宽高是由border,padding和width组成的。而它的offsetLeft和offsetTop则是相对于offsetParent的距离。这里的offsetParent指的是子盒...
2016-08-15 00:18:00
88
转载 BOM基础(一)
学完了js的基础语法和DOM之后,就要要看看javascript中最后一项BOM了。BOM,全称brower document model,翻译过来就是浏览器对象模型。DOM是文档对象模型,属于BOM中的很重要的一部分。而BOM除了包含DOM之外,还有很对其他的对象。我们所说的BOM就是整个浏览器,他除了展示给我文档对象模型之外(也就是展示的页面),还有地址栏,前进后退和刷新之类的。...
2016-08-13 23:47:00
126
转载 DOM基础(四)
每次写DOM的时候,就觉得好像没什么好写,因为涉及到知识点的方面的确不多,对于DOM来说,更多的还是练习为主。在练习的时候,最好能结合着js基础语法的知识点来学习。这样,在学习DOM的时候就不会那么枯燥了。 在DOM基础(三)里我提到了追加子元素的概念,也就是appendChild()方法,这个方法是用来给节点的子节点中的最后添加一个元素。之前我提到的是把克隆的节点添加到节点的...
2016-08-10 09:53:00
97
转载 DOM基础(三)
对于DOM来说,知识点其实并不多,要理解DOM并不难,难的是会用。可能有的人看见DOM获取元素要这么长一串单词就觉得生无可恋了。不过说实在的,如果你能理解他的意思跟用法。而且稍微再有点英语基础的话,DOM其实还是很简单的。而对于觉得自己英语不好的人来说,不用想了,多打代码是你唯一的出路,程序员练得就是手感。 上一篇文章中,我主要讲了下一些事件,还有一些节点的操作。不过对于节点的...
2016-08-08 22:19:00
316
转载 DOM基础(二)
在我之前写的DOM基础(一)的文章中提到过兼容性的问题,也就是在获取标签间文本信息的时候,早期的火狐版本是不支持innerText的,只支持textContent ,现在的火狐浏览器两者都支持。而IE老版本,也是IE8之前的版本,包括IE8是不支持textContent的,只支持innerText。那要如何解决这个问题呢,我们总不能规定用户兼容我们写的代码的浏览器吧。毕竟顾客是上帝这...
2016-08-07 23:21:00
60
转载 DOM基础(一)
在我们刚刚学JavaScript的时候,就应该听说过,JavaScript是由三部分组成的。分别是ECMAScript,DOM和BOM组成的。ECMAScript是JavaScript的核心,它描述了JavaScript的基本语法和对象,DOM则是描述了处理网页内容的方法和接口,而BOM描述了与浏览器进行交互的方法和接口。在我之前的关于JS入门系列的文章里,就讲了许多关于JavaSc...
2016-08-05 22:03:00
102
转载 JS入门(五)
前面提了很多JS的基础知识,像一些基本输出语句啊,JS中的关键字呐。然后是JS中的一些循环,数组之类的,在之后就是函数了。这些都是在JS中很基础的一些东西,在我刚开始学JS的时候,这些我就觉得很简单,都是一笔带过的。但在我学到后来的时候,包括接触了一些流行框架,和Ajax的时候,我发现,很多知识点都是似懂非懂的,感觉好像看到过,可是做起来却一点都不会。这都是基础不扎实的表现,只能看着...
2016-08-05 08:53:00
70
转载 JS中一些常用的内置对象
在JS中,经常会遇到明明知道一个对象有某个属性或方法,可是又不知道怎么写的情况。下面,我就罗列了一些JS中常用的内置对象的属性和方法。Math对象: Math对象的作用是执行常见的算术任务。 首先Math属性中最常用的属性就是PI了,我们一般用Math.PI来调用它。在控制台中输出它的值为3.141592653589793,也就是圆周率。Math对象的常用的属性主要就...
2016-08-02 11:08:00
94
转载 JS入门(四)
接之前一篇的函数。写之前的函数的时候讲的比较笼统,在这重新写一下函数的内容。函数: 之前提过,函数就是代码复用的一种机制或是将代码封装成功能的代码段。函数的声明在这边就不多提了,因为相对来说比较简单。除了正常的函数声明之外,还有一种函数的声明方式,就是函数表达式。它的格式如下:var fun=function(){ console.log("啦啦啦");...
2016-08-01 10:36:00
60
转载 JS入门(三)
数据的类型转换:之前提到过,js中数据类型分两种, 基本数据类型string number boolean undefined null 复杂数据类型 对象 Date Array function 而在实际编程中,经常会与到数据类型转换的问题,比如把字符串类型的数据转化成数字类型的,又或者是把数字类型的转化成布尔类型的,那js中到底怎么实现...
2016-07-30 20:20:00
55
转载 JS入门(二)
关于运算符: js中判断运算符跟数学的运算符基本差不多,就是大于>,小于<,大于等于>=,小于等于<=,等于==,不等于!=,全等于===;可以看出来,跟我们印象中的判断运算符最大的区别就是,在js中等于是用两个等号的,因为在js中一个等于号是属于赋值,两个等于号属于判断等号两边的值是否相等,而三个等号则是判断之类型跟数据类型是否都是相等的。而不等于也不像数...
2016-07-30 11:43:00
58
转载 JavaScript中冒泡排序
在我大学的时候,就已经接触到过很多的排序方式,只是那时候听得还很懵懂,大概知道这么个东西,也对冒泡排序有点印象,但真要我写,我是写不出来的。最近,在回顾js基础的时候,又接触到了冒泡排序。于是,就把冒泡排序又仔细的研究了一遍,以下是我个人的理解。在讲冒泡排序之前,首先要知道的就是冒泡排序的原理。说的简单点,冒泡排序就是数组每中两个相邻的数字进行比较,如果后面的数字比前面的数字小,...
2016-07-27 22:05:00
100
转载 JS入门(一)
在学js之前,我们应该先清楚js是什么,js全称JavaScript。是一门基于对象和事件的,有安全性的脚本语言。所谓脚本语言,就是一行一行执行的,就像剧本一样,一句句的往下读。而对象和事件,则是js自带的一些功能。Js也有很多特点,比如解释执行,就是当需要执行的时候才去检查代码是否符合语法规范,一行一行的执行。同时,js也是基于对象的,这里的对象主要是指js的内置对象。 好了...
2016-07-27 22:03:00
117
转载 页面的编写(二)
标准流跟浮动像div,p标签这样的块级元素独占一行,而像span,a这样的行内元素或是input,button,img这样的行内块元素,可以一行显示多个,我们可以把这样的显示方式叫做标准流。在标准流中,块级元素自己独占一行,可以设置宽高,也可以设置margin,padding,或者说设置的margin和padding的上右下左都起作用。行内元素一行可以显示多个,设置了宽高后,不起...
2016-07-25 22:58:00
135
转载 页面的编写(一)
当项目文件和css初始化完成之后,就是静态页面的书写了。当然,在书写静态页面的之前,有几点是需要注意的:1.之前提到过,在书写页面的时候,要注重标签使用的语义化。2.其次在页面布局的时候,一般都是从上到下,从左到右。3.在写页面的时候,一般考虑使用标准流的元素,其次才使用浮动或是定位。在标 准流元素当中,宽高是最稳定的,其实才使用padding,最后或者可以使用margin。...
2016-07-24 22:27:00
236
转载 编写页面之前的准备
做为一个前端开发人员,能独立且快速的完成一个静态页面是最基础的。 在制作一个静态页面之前,首先就是要配置开发环境,相比于java来说,前端的开发环境配置简单的简直令人发指。一个文本文档,加个浏览器,开发环境就已经有了。不过这只是对于一个刚入门的前端人员来说的,等实际开发的时候,一些更加完善的开发软件还是很有必要的。就个人而言,我比较喜欢webstorm跟谷歌浏览器。websto...
2016-07-23 19:05:00
112
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人