- 博客(82)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 PLSQL 11注册码
注册码：Product Code：4t46t6vydkvsxekkvf3fjnpzy5wbuhphqzserial Number：601769password：xs374ca版本：Version 11.0.2.1766
2017-06-14 13:20:31
852
原创 vue.js程序启动运行时，遇到Unexpected tab character问题
在vuejs程序启动时，会遇到一种常见问题，在终端报错：Unexpected tab character。如下图：解决方法：在eslint的配置文件中（.eslintrc）rules项中添加一行："no-tabs":"off"，如下图：具体详细用法，可以参照网站：http://eslint.org/docs/rules/no-tabs
2017-06-14 09:24:55
34539
原创 Vue.js搭建路由报错 router.map is not a function
错误：出现问题原因：2.0已经没有map这个方法了，只有1.0兼容该方法。解决方法：（1）方法1：使用命令npm install vue-router@0.7.13兼容1.0版本vue。在代码中的使用方法：（2）解决方法2：基于vue2.0，写对应的方法。具体用法如下图：注：1.0和2.0在一些用法上有比较大的差别，用的时候需要注意。
2017-06-14 09:08:52
15334
8
原创 URL特殊符号处理
有些特殊符号在url中试不能直接传递的，如果要在url中传递这些符号，就需要使用它们的编码；否则，将会出现乱码。十六进制值（1）+ URL 中+号表示空格 %2B （2）空格 URL中的空格可以用+号或者编码 %20（3）/ 分隔目录和子目录 %2F （4） ? 分隔实际的 URL 和参数 %3F （5）% 指定特殊字符 %25（6）# 表示书签 %23
2017-06-09 10:46:57
1227
原创 按回车键，焦点转到下一个
代码写的过程中，会遇到一种需求，敲击回车，焦点转到下个输入框，简单总结一下，代码如下：html代码：css代码：实现方式两种，第一种：原生js；第二种：jquery第一种：js代码：第二种方式：jquery代码
2017-06-09 09:50:36
2864
1
原创 JS设置和获取自定义属性
JS设置自定义属性—— setAttribute()函数用法如下：效果图如下：获取自定义属性—— getAttribute()函数用法如下：jQuery设置和获取非标准属性——attr()函数设置属性，如下：获取属性，如下：注意：凡是按照id来获取元素，不论js还是jQuery，一定要确保i
2017-05-31 20:19:08
3998
原创 git 的简单命令
1、查看远程分支，命令：git branch -a2、查看本地分支，命令：git branch3、创建分支，命令：git branch name(分支名称)4、切换分支，命令：git checkout name(分支名称)，注：如果切换的分支不存在，将自动创建分支，并切换到该分支。5、删除本地分支，命令：git branch -d name(分支名称)6、分支合
2017-05-03 09:46:42
456
原创 隐藏滚动条、保留鼠标滚动效果
项目开发中，为了美观，经常会隐藏滚动条，但保留滚动效果（滚动条的宽度为18px），下面介绍一个简单的方法：HTML代码：CSS代码：效果图：
2017-03-08 18:57:50
1384
原创 Vue.js快速创建项目并启动
Vue.js快速创建项目并启动1、安装Node 官方网址：https://nodejs.org/en/在官网下载安装。2、安装webpacknpm install webpack -g3、安装Vue脚手架npm install vue-cli -g4、创建模板项目。命令：vue init webpack 项目名（不能含中文）。如下图：上图中的配置信息如
2017-02-21 18:30:28
10818
1
原创 正则表达式插件封装
项目开发过程中，经常会用到正则表达式，尤其是在做登录框等一些功能的时候。因此对常用的判断功能做了简单的封装，功能主要包含：手机号、密码、用户昵称和验证码等。代码如下：封装功能数量有限，希望多多补充。
2017-02-15 14:41:29
978
转载 常用正则表达式和JS控制输入框输入限制(数字、汉字、字符)
一、常用正则表达式（1）验证数字：^[0-9]*$（2）验证n位的数字：^\d{n}$（3）验证至少n位数字：^\d{n,}$（4）验证m-n位的数字：^\d{m,n}$（5）验证零和非零开头的数字：^(0|[1-9][0-9]*)$（6）验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$（7）验证有1-3位小数的正实数：^[0-9]+(.[0-9]{1,
2017-02-15 14:20:12
5668
原创 元素去重
元素去重，常用方法简单小结：方法一：indexOf（）方法去重方法二：利用object对象保存数组值去重方法三：利用数组下标的方法运行结果：
2017-02-09 18:49:54
492
原创 通过git命令行从github或服务器上克隆、修改和更新项目
项目开发时，为了方便版本管理，许多公司采用git来控制项目版本。简单介绍下：第一步：在本地新建一个文件夹，作为本地仓库，如“test”。打开git bash，进入到该文件夹目录下，如下图：第二步：将本地仓库初始化，命令：git init。如下图：第三步：将项目从github或者服务器上克隆下来，命令：git clone url。url为项目服务器地址或github地址，
2017-01-22 17:20:01
33231
1
原创 windows系统下git的安装
在linux系统下，可以直接在命令窗口安装和使用git。但是，在windows系统下，想要达到同样的效果，可以安装git，使用git bash到达效果。具体安装步骤如下：第一步：官网上下载git 网址：https://git-for-windows.github.io/；版本：2.11.0。第二步：双击下载好的git安装包，弹出提示框，如下图：
2017-01-22 11:22:11
66392
1
原创 MongoDB的安装与配置
一、安装mongoDB第一步：mongoDb的下载。网址：https://www.mongodb.com/download-center#community选择相应版本号：注：（1） MongoDBfor Windows 64-bit 适合 64位的Windows Server 2008 R2, Windows 7 ,及最新版本的 Window
2017-01-19 18:48:44
311
原创 原生Ajax：XMLHttpRequest对象
AJAX概念：一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。用于创建快速动态网页的技术。XMLHttpRequest 是 AJAX 的基础，并且所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。AJAX工作原理：
2017-01-18 15:45:56
1547
原创 input标签动态设置只读属性及其兼容性
项目中，经常会用到input标签，有时候还会用到input标签的只读属性“readOnly”。但是，input标签的只读属性“readOnly”具有一定的局限性，它只支持谷歌浏览器，不支持火狐浏览器和IE8浏览器。如果要求考虑兼容性，让input标签的只读属性同时支持谷歌、火狐和IE，那么我们可以采用input标签的另外一个属性：disabled。动态设置只读属性的具体方法如下：HTML代码：
2017-01-16 14:57:19
9008
原创 下拉加载、下拉刷新
移动端开发中，上拉加载、下拉刷新这个功能经常用到，简单介绍下：该功能采用了插件iScroll.js，下载地址如下：http://cubiq.org/iscroll-4，示例demo如下：HTML代码：<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type...
2017-01-13 19:08:41
884
原创 Form表单上传文件，上传成功后获取返回数据
项目开发过程中，涉及到了图片上传和文件上传。在做"图片上传"和"文件上传"的功能时，我在项目中用的是form表单，简单示例如下：一、图片或文件上传HTML代码如下：在页面渲染效果如下：选择文件，点击提交，执行结果如下：由上面执行结果的第一张图可知，Form表单中的action已被执行；由上面执行结果的第二张图可知，所选文件及相关信息已被上传。
2017-01-11 19:39:10
34920
原创 使用photoshop（ps）将图片的背景色变成透明
在前端开发过程中，经常会用到图片（图片背景色是透明色的图片）。有时候设计比较忙，自己学习了一下，总结如下：第一步，打开Photoshop（ps），并在打开要变为透明色的图片。如下图：第二步，双击右边栏里面该图片的背景，弹出一个“新建图层”的弹出框，将该框中的名称改为“图层0”（可以为其它），然后点击确定。如下图：点击确定后，Photoshop右边栏中的“背景”变成了刚才
2017-01-09 14:14:25
60570
2
原创 JS中保留N位小数，四舍五入函数
对于小数，有时候要取到小数点后面的特定几位，JS中有特定的方法：toFixed()。代码如下：上图可见，对于一个number类型的数据data，要取小数点后的特定n位，data.toFixed(n)即可，这样可以达到四舍五入的效果。并且支持性良好，各个浏览器的打印结果如下：（1）谷歌浏览器中，结果如下：（2）火狐浏览器，结果如下：（3）IE浏览器（IE8），
2017-01-09 12:11:36
2104
原创 轮播图
在做项目的过程中，经常会用到轮播图，轮播图的实现主要通过“平移量”来实现。简单总结一下：HTML代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>轮播图</title> <scri...
2017-01-06 13:01:11
514
2
原创 location对象
最近项目中，Location对象用的比较多，简单总结：Location 对象包含有关当前 URL 的信息。Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。Location 对象存储在 Window 对象的 Location 属性中，表示那个窗口中当前显示的文档的 Web 地址。除了设置 locati
2017-01-06 09:34:26
376
原创 Javascript中定时器的使用方法
项目中，经常会用到定时器来实现数据实时更新、时间等，简单总结一下：Javascript中的定时器有两种，setInterval和setTimeout，而定时器的作用就是延迟执行。一、定时器的写法setInterval(expression,milliseconds)；setTimeout(expression,milliseconds)；上式中，expression
2017-01-04 17:38:09
29174
原创 将Url解析成对象
在项目中，可能会遇到这样一种需求：将获取到的“URL”解析成对象。代码如下：html:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>解析URL成Obj</title> </head>...
2017-01-03 15:02:59
1702
原创 判断客户端是手机端还是PC端
项目应用中，当PC端和手机端并存时，就需要通过判断客户端是哪种类型，从而来加载相应界面。代码如下：function IsPC() { const userAgentInfo = navigator.userAgent; const Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPo...
2017-01-03 14:49:25
2303
原创 js中，清空对象（删除对象的属性）
在项目中，有些对象用完后需要重置，下面简单介绍下JS中清除对象的方法。方法如下：方法一：字面量定义对象第一步，定义一个空对象并打印出来，代码和效果：代码：const student = {};console.log(student);打印结果：第二步，为对象添加属性并打印，代码和打印结果如下：代码：student.name = "xiaoming";st...
2016-12-28 10:13:15
63390
1
原创 内存泄漏
最近做的一个项目中，遇到了内存泄漏的问题，查了很多资料，问题解决后，简单记录下。一、内存泄漏的概念：严格意义讲，内存泄露的原因只有一种：没有释放向系统申请的内存，因为不申请内存，就谈不上什么泄露。二、内存泄漏的原因：上述提到，内存泄漏就是内存没有释放，而内存没有释放的原因有很多种：可能写代码的时候，忘记了释放自己代码里申请的内存；也有可能是你使用了一个写
2016-12-27 15:22:32
969
原创 清除浮动的方法
浮动会使当前元素脱离普通文档流，从而对父级元素和兄弟级元素造成影响，最终影响布局。所以，清除浮动是每个前端必须掌握的知识。下面列举几种清除浮动的方法，如下：方法1：父级定义高度（height）html代码：css代码：效果图：原理：父级元素手动设置高度，可以解决子元素浮动后，父级元素无法自动获取高度的问题。优点：代码少、简单、易掌握。缺点
2016-12-27 15:00:53
521
原创 JS的导出功能
最近的项目中，涉及到了导出功能，觉得比较有用，记录一下。HTML代码：JS代码：注意：一定要有存放导出文件的目录，在forwardUrl中拼接出来。另外，后缀为xls或doc的话可以导出下载，而后缀为xlsx或docx时，无法导出，而是直接打开。原因是由于两种后缀代表的情况不一样。效果图如下：
2016-12-26 17:05:49
6518
原创 inline-block元素间隙的解决方法
元素如果设置display为inline-block，元素间会有一段默认的间隙。这种间隙是由元素间的回车照成的，有时候会影响样式的精确度，代码及效果如下：HTML、CSS、效果图：解决方法：第一种方法：html不变而css变，css如下：如上图，父级元素的font-size设置为0，子元素设为对应大小。效果如下：第二种方法：htm
2016-12-26 15:45:36
517
原创 php中，从数据库中读取数据后，出现乱码的情况及解决方法
从后台读取数据时，通常会出现乱码情况，比如“汉字”变成“？”等，造成这种情况的原因通常是编码设置不对，解决方法如下：第一种方法：在php中添加如下代码，将编码格式设为“utf-8”，代码如下：header("Content-Type: text/html; charset=UTF-8");第二种方法：在php中添加另外一行代码，同样用来转码，代码如下：$conn = mysql...
2016-12-26 10:34:52
11035
2
原创 php从数据库读取数据，并以json格式返回数据
php中，从数据库读取数据，并以json格式返回数据。具体方法如下：第一步，定义相关变量$servername = "localhost";$username = "root";$password = "root";$mysqlname = "datatest";$json = '';$data = array();class User{ public $id;...
2016-12-26 10:11:27
17173
14
原创 百度地图API接口下，创建标注的hover事件。
最近项目中，涉及到了百度地图以及基于百度地图API的开发。在这个过程中，学习到了很多知识，现在将比较关键hover事件记录下来。首先，实例化地图，并创建标注，代码如下：const map = new BMap.Map("allmap");map.centerAndZoom("东平", 12);const point = new BMap.Point(116.404, 35.915);...
2016-12-21 16:56:06
4560
2
转载 ie9以下版本，ajax的error提示no transport的问题
ajax跨域请求数据在谷歌火狐我本地IE10都是没问题的。让测试就发现问题了，IE8下请求不到数据，然后我查看一下自己写的js看有没有不兼容问题，可是都没有啊，为什么就请求不到呢。我把ajax的error打印出来提示no transport，网上找了资料在js中第一行加这个就可以了jQuery.support.cors = true; 好了这个问题没有了，另一个error没有权限。最后发现是
2016-12-21 16:14:43
1744
原创 百度API接口开发，创建标注和Label标签。
在公司项目中，用到了基于百度地图API的开发，下面简单介绍一下：第一步：在页面中引入js文件，src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"。第二步：创建实例，进行初始化：const map = new BMap.Map("container"); // 创建地图实例 map.centerAndZo...
2016-12-21 15:53:59
9000
5
原创 百度API接口下，设置已建覆盖物（椭圆或多边形）的填充色为透明
代码如下：在定义好所要创建的遮盖物后，添加上述红框代码，即可将遮盖物的填充色设为透明色。效果如下：未设置透明：设置透明后：
2016-12-21 15:33:35
4062
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人