- 博客(33)
- 资源 (2)
- 问答 (3)
- 收藏
- 关注
原创 css3动画之常用按钮、卡片动画特效
前言:不得不说引入CSS3的 transition 属性之后,让部分动画变得无比简单与高效,之前很多要用监听事件才能完成的动画效果,现在“一个” transition 就可以解决,而且高效多了。这里我先列出六种动画来浅谈下CSS3的 transition 属性来实现动画(你会发现实现其实大同小异的) 效果图: 了解transition:在讲解实现之前,我们要先来了解...
2018-07-26 20:27:04
1922
2
原创 webpack打包报错:Webpack has been initialised using a configuration object that does not match the API...
在对项目文件进行打包时可能会出现如下错误提示:Invalid configuration object.Webpack has been initialised using a configuration object that does not match the API schema. - configuration.resolve.extensions[1] should not be...
2018-07-22 19:20:42
28893
原创 grunt入门级使用
环境准备基于nodejs grunt是基于node的 所以使用grunt前务必要安装了node安装grunt npm install -g grunt-cli // 全局安装grunt 至此,grunt的环境准备基本完成本文将简易地涉及grunt的一些基础用法和三个插件: js压缩插件:grunt-contrib-unglify js合并插件:grunt-contri...
2018-07-13 14:53:11
1332
原创 JS正则 replace() 的使用
stringObject.replace(regexp/substr,replacement)这是W3C给出的关于replace()的用法,它有两个参数,第一个参数为被匹配的字符或正则,第二个参数常为字符串即待操作的原字符串。简单地引用W3C的例子:var str="Visit Microsoft!"document.write(str.replace(/Microsoft/, "W3Schoo...
2018-05-30 14:13:54
6314
原创 事件委托:给多个元素和动态添加的元素绑定js事件,
这个标题描述有点不准确,准确点讲应该是“事件委托”举个栗子,假如一个父容器里有一万个子元素,要给它们全部绑定事件,要怎么绑定呢?很容易想到的就是遍历每个子元素,但这也太占内存资源了吧。所以,“事件委托”就腾空出现啦事件委托就是利用冒泡的原理,把事件加到父元素或祖先元素上,触发执行效果。事件委托有一个很好的应用场景,就是你的HTML标签是动态添加的。事件的绑定是在文档载入时,JS渲染引擎渲染时就绑定...
2018-04-01 21:05:38
4113
原创 webpack打包报错WARNING in configuration the 'mode' option,ERROR in multi
在进行webpack打包前我们要确保已完成的工作:1)安装webpack:推荐全局命令 cnpm install webpack -g 查看webpack版本 webpack -v2)此时对文件进行打包可能出现错误,提示脚手架文件错误,因为在webpack4的版本里,CLI被单独分离出来了所以要我们单独安装 执行全局命令 npm i -g webpack-cli 安装完脚手架,按理讲是...
2018-04-01 00:38:49
5074
3
转载 HTTP协议的状态码详解
1xx:信息 1XX类型的状态码是临时响应,代表着请求已经被接受,但需要继续处理,值得注意的是,由于HTTP/1.0 协议中并没有定义1XX状态码,除非在试验条件下,服务器是禁止向客户端发送1XX响应的。 100 Continue — 服务器仅接收到部分请求,但是一旦服务器并没有拒绝该请求,客户端应该继续发送其余的请求。 101 Switching Protocols — 服务器转换协议:服...
2018-03-30 18:11:57
277
原创 js字符串的应用
1.回数对称数即一个数倒叙时,和原数值一样。例如:11,22,111等。现在利用所学js知识写一个取某范围内所有对称数的函数。 function reverseToNum(num){ //将该数值反转,取其反转后的值 'use strice'; var num = num; var str = num.toString().split(""); var r...
2018-03-25 21:28:16
318
原创 JavaScript的事件模型概述
1.原始事件模型属性事件处理模式如下。(1)基本事件处理。其实大多数人使用的JavaScript事件处理模式都是这种代码方式。(2)事件类型。分为“输入事件”(如onclick)和“语义事件”(如onsubmint)。2.标准事件模型DOM2对其作了标准化。(1)先由document向目标对象传播,称之为捕捉阶段。(2)目标对象的事件处理程序运行,称之为事件处理阶段。(3)从目标对象向docume...
2018-03-24 20:48:54
467
原创 非空校验,包括无输入及连续输入多个空格
在表格提交之前,我们通常要对表格内容做非空验证,非空验证包括空值校验和是否连续空格检验通常的验证方法就是直接给 input输入框 添加 required 属性 这是个 h5 的新属性,浏览器自行进行非空校验但对于某些不能很好的支持 h5 新属性或者某些需要异步提交的表单。(PS:要注意的是,required属性是针对form表单的,即如果你的输入框不在form表单内,且没有submit按钮,该属性...
2018-03-04 17:17:44
4616
原创 ajax上传多图到php服务器
一般上传图片到服务器有两种方式:1、把图片转换成二进制直接存储到数据库里2、把图片存储到本地目录,并将图片地址存储到数据库里先粗浅地谈下我对这两种存储方法的优劣点的认识:1、把图片转换成二进制直接存储到数据库的优点是有利于数据的备份和迁移,但缺点就是会影响数据读写速率。一般大图、多图不建议用此方式,一般存储用户头像、富文本内容存储时可以应用此方式。2、将图片存储到本地目录,在数据库上只存储图片路径...
2017-12-31 14:49:59
1714
3
原创 php实现上传图片到数据库
一般我们上传图片采用的传统方式是将图片保存在服务器本机文件夹里。这里我就简单介绍一下将图片直接存储到数据库里的方法实现。mysql数据库提供了Blob类型用于存储大量数据,BLOB有四种类型,能容纳不同大小的数据。TinyBlob 最大 255BBlob 最大 65KMediumBlob 最大 16MLongBlob 最大 4G需要注意的是:php配置文件本身有对pos
2017-12-05 20:04:51
15745
4
原创 初试Vue之元素、属性赋值
我们在vue中数据赋值时,会很自然而然的想到用“Mustache” 双大括号插值法来赋值在一个小案例中,比如给一个img标签附上链接 会很自然的想到运行时会很自然的发现文件资源请求失败,究其因很简单,因为src是属性而不是值,故不可直接src={{ img.path }}当然,Vue的 v-bind 已经为我们考虑完备了 官方文档对于v-bind的说明:动态地绑定一个或多个特
2017-10-23 20:53:31
19379
原创 js实现replaceAll方法与正则中引用变量
在JS String对象中,有个replace方法,但对于该方法,每次替换只能替换到一个字符串,即var a='abcda';var b=a.replace('a','f');console.log(b);输出的结果是 fbcda,如果要把字符串内指定的字符串全部都替换掉,js原生是没有提供这个方法的(在Jq中倒是有replaceAll这个方法)所以为了方便使用,可以自己写一个属于
2017-10-12 14:41:23
1039
原创 js父级函数调用子函数出现函数未定义问题
首先定义了一个全局函数Locating,又在Locating内定义了一个局部函数pageScroll,然后我全局函数调用pageScroll时,报错Uncaught ReferenceError: pageScroll is not defined。代码如下:function Locating(locate,time){ console.log(locate+' -...
2017-09-24 19:58:27
2354
原创 淘宝镜像cnpm安装后提示“不是内部命令”解决方法
默认安装完node后,继续安装npm,但是由于npm在国内经常大姨妈,所以建议安装淘宝的镜像cnpm淘宝镜像cnpm安装命令:“ npm install cnpm -g ” 全局安装cnpm然后在命令窗口框执行 " cnpm -v " 查看cnpm版本时 却提示 “ cnpm不是内部或外部命令,也不是可运行的程序或批处理文件 ”原因是没有在本机系统添加环境变量,
2017-09-17 12:40:09
26011
3
原创 apache2 重启 Invalid Mutex directory in argument file:${APACHE_LOCK_DIR}
在ubuntu 修改部分 apache2 配置文件 执行 apache2 -k restrat 重启时 出现错误 Invalid Mutex directory in argument file:${APACHE_LOCK_DIR}网友提供有效解决方案执行 sudo apachectl start至于为什么还没搞清楚
2017-09-04 13:03:08
1604
2
原创 js ajax跨域请求之天气查询
js的跨域一直是个让人头疼的问题老爸入了个新手机嫌弃自带天气查询不好 功能太多,于是就想用自己写一个简单的天气查询所以先在pc端写了个demo因为第一次在js跨域,之前听过js跨域就是坑,嗯,领悟到了。=====================分割线=====================废话不说,讲正事。先贴代码:btn.onclick=function(){
2017-07-21 22:23:02
1397
原创 上传和更新本地文件到GitHub远程仓库
GitHub仓库有两个最大的作用,一个就是项目备份,一个就是项目开源这里默认你已有GitHub帐号已经已安装Git客户端Top1:配置Git(1)创建本地的ssh key 先进入到你要上传的项目的目录里,右键Git Bash,进入Git客户端窗口输入命令: $ ssh-keygen -t rsa -C "your email" your email为你
2017-06-18 11:13:51
1237
4
原创 CSS绘制三角形
利用CSS绘制三角形 并应用在相应的场景中,减少图片的使用,可提高加载速率,降低HTTP请求次数在同一方向上,大致有三种绘制方式,绘制出来的有两种规格(在保持宽度不变的情况下)对比图:假定给第一个三角形命名为 triangle1,则第二第三个分别为triangle2,triangle3先从第三个最小面积的说起,代码如下:height: 0;width: 0;
2017-06-04 19:10:12
455
原创 JavaScript制作简单计时器
无聊写了一个简单的计时器demo,比较适合入门学习。代码如下:JS:var btn=document.getElementById("btn");btn.onclick=function(){ this.disabled=true; //设置input为可编辑状态 var that=this; //因为在函数 f()内 通过this 获取不到btn这个按钮 故需在外部定义词法环境
2017-05-05 14:48:33
1024
原创 JavaScript变量提升
先来看一段代码,尝试写出答案。var v1 = '这是全局变量v1'; var f1 = function(){ var d=v1; console.log(d); console.log(v1); var v1 = '这是局部变量v1'; };var v2 = '这是全局变量v2'; var f2 = function(){ cons
2017-05-01 15:14:37
436
转载 JavaScript的严格模式
什么是严格模式我们平时写的 JavaScript 代码一般都运行在正常模式中的,除了正常运行模式, ECMAscript 5 添加了第二种运行模式:”严格模式”( strict mode )。看名字就知道,这种模式会让 JavaScript 在更严格的环境中运行。包括 IE 10 在内的主流浏览器,都已经支持它,许多大项目已经开始全面拥抱。( github 上面好多项目都是
2017-04-30 17:27:23
2713
3
原创 JS经典递归及其易错点
先看下代码:function factorial(num){ if(num<=1){ return 1; }else{ return num*factorial(num-1); }}var anotherFactorial=factorial;factorial=null;alert(anotherFactorial(4));一看这是一段很典型的递归阶乘函数
2017-04-30 00:21:38
3223
原创 HTML+JS之点击按钮滚动到页面指定位置
在建站的过程中,我们难免遇到篇幅比较长的页面,这时候想看页面某个部分,如果是纯手动滚动那就略显笨拙幸好JQ提供一个直接获取某盒子top位置的方法 offset() 该方法包含两个参数 top与left top与left构成一个坐标轴offset().top为对象顶部的离窗口对象顶部的偏移量 offset().left为对象最左侧离窗口对象最左侧的偏移量 Talk ...
2017-04-23 20:53:13
10287
原创 HTML+JS基础之a标签href与onclick事件的冲突处理
这几天尝试一个小项目时遇到的一个很不明显的坑感觉前端初学者都很容易掉进这个坑呀就是在使用a标签中 如果同时有 href 和onclick事件时 如果没对 href 做处理 那么对 onclick 事件本身解析会有干扰举个我今天遇到栗子:在上面贴出的 code 中,因为我把这个链接设置成一个按钮 其目的是引发click_scroll函数 (页面滚动到指定位置) ,
2017-04-22 21:43:24
4457
原创 HTML+CSS基础之浅层理解box-sizing:content-box | border-box | inherit
在css2.中我们设置一个盒模型后,该盒子总占有宽高是为我们设定的内容宽高+内边距(width+padding)这有时会在实际开发时 由于计算的疏忽给我们带来一些不便 于是 css3的时候 引入了一种新的规范 box-sizing------------------------------分割线------------------------------box-sizing
2017-04-15 15:57:01
3160
原创 eclipse 配置ADT 出现"No software site found at jar:..."
在eclipse中配置ADT的方式有两种,一为在ADT地址栏输入 :https://dl-ssl.google.com/android/eclipse/ 进行在线安装,用这个办法是不会遇到如题的问题,但利弊相衬,这个办法经常卡死咯,比较服务器在国外。 另一个就是自己先下载ADT,然后在地址栏里选择我们下载的ADT的源目录。于是小编愉悦的找度娘下载了ADT-22.3.0(注意,不是在谷
2017-02-19 14:13:22
8439
1
转载 JTable不能正常显示表头
JTable 不能正确显示标题,关于这个,官方文档里面有说:JTable组件显示数据时,如果直接将其放置在Frame的contentPane中则表头一行会显示不出来,如果将其放置在JScrollPane中显示数据的话,表头会自动显示出来。引用Sun的原话为:It's easy to put a table in a scroll pane. You need just one or two lin...
2016-12-08 16:53:55
1461
原创 巧用 div 层次 和 巧用百分比
在第一学期中做的毕业设计时,登录页面的登录框 我是用PS直接做一个框架在背景图上的 但由于是附在背景上的 所以当 屏幕分辨率改变时 之前定位的表单就自然而然的脱离了 之前设计好的 那个背景中的登录框的那个位置。 基于这个问题,于是我打算把表单存放在一个 div 中 然后让div 自适 窗口大小 全部代码如下:<body ...
2016-02-19 00:59:08
836
TA创建的收藏夹 TA关注的收藏夹
TA关注的人