- 博客(45)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 webstorm编写ES6报错：Classes are not supported by current JavaScript version
报错原因：当前的webstorm的js文件的配置问题，当前的配置支持的ES版本太低。修改一下配置就好了。
2018-01-09 17:19:05
5189
1
原创 nodeJS之Express框架初步学习
初步学习NodeJS的express框架，觉得有必要记录一下学习过程中遇到的问题和解决的方法，以便加深印象。1. 写了一个简单的express框架的demo，在运行的时候，出现了错误，找不到express模块。通过查询和事件，几分钟后解决了这个问题。解决方法是：在当前目录下执行命令 npm install express，就解决了问题。
2017-12-19 15:51:08
362
原创 解决兼容性的方法整理
1.获取浏览器可视区域大小（即：不包括工具栏和滚动条）主流浏览器：window.innerWidth 和 window.innerHeightIE5、6、7、8: document.documentElement.clientWidth 和 document.documentElement.clientHeight或document.body.clientWidth 和
2017-12-12 14:54:23
340
转载 angularJS指令ng-repeat生成的dom元素js获取不到
用ng-repeat生成的元素用js怎么也获取不到;这个其中原由是：angular拥有自动化渲染DOM的特性，它能帮助我们专注于操作数据，而页面的渲染则由angular自身来完成。这就造成了 ng-repeat 循环完成后angular并不会告诉我们dom渲染完了;换句话说就是不知道angular渲染dom何时完成(得不到生成的元素是因为这个元素还没有渲染出来)。也就是说要找一个方法使你知
2017-12-07 09:39:48
3025
1
原创 ionic和AngularJs 项目问题笔记
1. 上拉加载更过使用的标签：ion-infinite-scroll问题：进入页面，加载更多方法自动执行一次，原本只想显示首页数据，现在加载了两页的数据。那么如何禁止第一次加载呢？答：给标签设置 immediate-check 属性为false；取消第一次加载。code：ion-infinite-scroll ng-if="loadMoreApplication" imme
2017-12-01 09:41:06
271
转载 如何让div获取焦点或可编辑
做项目的时候，想用到segment组件，由于是ionic2的组件，ionic1 用不了，就想自己写一个类似的组件。其中，想让div实现获取焦点的功能，使用的js或jq并没有效果。于是，上网搜索了一下，发现连个很好用的属性可以实现，于是做一下笔记。 DIV获取焦点（两种方法）： 需添加tabindex="0"或者contenteditable="true"属性 ①：设置div为可编辑状态，则可点
2017-11-15 17:26:17
23997
转载 欢迎使用CSDN-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2017-10-25 10:48:20
118
原创 学习收集：关于ES6的知识点
1. 多行字符串输出js 中使用 \n 实现。 ES6中提供了新的方法，用反引号` ...` 表示。（反引号再Esc键的下方）例如:alert(`多行字符串输出`);2. 字符串的拼接js 中使用“+”实现拼接。ES6 中提供了一种模板字符串，表示方法和上面的多行字符串输出一样，用反引号` ... ` 表示，但是它会自动替换字符串中的变量。例如：
2017-10-13 11:12:37
183
原创 strict模式
strict模式:不用var申明的变量会被视为全局变量，为了避免这一缺陷，所有的JavaScript代码都应该使用strict模式。在strict模式下运行的JavaScript代码，强制通过var申明变量，未使用var申明变量就使用的，将导致运行错误。启用strict模式的方法是在JavaScript代码的第一行写上："use strict"。例如："use st
2017-10-13 10:50:11
282
原创 前端中常见的名词解释
1. 动态语言var a = 10; a = "aaaastring";像这种，变量本身类型不固定的语言称之为动态语言，与之对应的是静态语言。静态语言在定义变量时必须指定变量类型，如果赋值的时候类型不匹配，就会报错。
2017-10-13 10:36:43
536
翻译 js 比较运算符
第一种 “==” 比较：会自动进行类型转换，再进行比较。 有时候结果诡异，不推荐使用。第二种 “===” 比较：先比较数据类型是否一致，如果数据类型不一致，返回false，如果一致，再比较值是否相等。由于JavaScript这个设计缺陷，不要使用==比较，始终坚持使用===比较。另一个例外是NaN这个特殊的Number与所有其他值都不相等，包括它自己：NaN === N
2017-10-13 10:11:59
460
原创 未知大小的img或div如何水平垂直居中显示？
这里做一下方法总结，便于以后的学习和使用:方法一：主要利用绝对定位和相对定位实现。父div相对定位。子标签img绝对定位，并且设置top：0；bottom：0；left：0；right：0；和margin：auto，缺一不可。具体代码如下：html如下： div class="box"> img src="" alt=""> div>css如下：
2017-09-03 15:23:19
2743
翻译 js一个页面嵌套另外一个页面
div id="mainContent">div>script type="text/javascript"> $(document).ready(function() { $("#mainContent").load("content.html"); });script>注意：$(document).ready(function() { });是要
2017-06-29 14:51:30
6275
原创 开发的应用程序启动不了
今天上班，想要搜索点东西，发现连接不上互联网了。于是乎我就用360自带的断网急救箱自动修复了一下，结果还很好的，可以连接上互联网了。但是，当我打开应用程序的时候，我的应用程序是用angularjs实现的，应用程序启动不了，调用后台接口一直报错，总走error方法。单独访问接口也是不行的，status=-1。本人愚笨，花了两个多小时检查错误，是不是自己的代码哪里出现问题，然而并不是代码的错。结果
2017-06-16 15:05:54
265
原创 用来操作Array对象的方法
concat(array1,arrat2); 数组的连接，返回新的数组；indexOf(value); 返回数组中value的第一个索引，如果没找到value条目，返回－1；lastIndexOf(value); 返回数组中value的最后一个索引，如果没找到value条目，返回－1；join("-"); //[a-b-c-d-e-c] 数组中所有元素拼接为一个有‘－’连接的字符串
2017-06-11 17:57:44
297
原创 处理字符串方法
/*字符串的处理*/var str1 = "a1a2r";var str3 = "a,1,a,3,r";var str2 = "b2";var s = 98;str1.charAt(0); //a 返回指定索引处的字符；str1.charCodeAt(0); //97 返回指定索引处的字符的Unicode值；String.fro
2017-06-11 16:57:30
412
原创 js对象{...}属性访问和属性有无的判断
方式一：点语法例如：var newObj = { name:"Join", age:18, getName :function () { return this.name; }}console.log(newObj.name);console.log(newObj.getName());方式二：通过使用object[prop
2017-06-11 15:37:02
413
原创 日期格式的转化
1、 第一种方式。例如：“date = Tue Apr 04 2017 00:00:00 GMT+0800 (中国标准时间) ” 转换成 “2017-5-31 0:0:0”实现方式为： return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate() + ' ' + date.getH
2017-05-15 18:57:09
441
原创 angularJS中chekbox选中状态前后台交互传值和查看回值问题
初步接触angularJS，使用的并不熟练。工作中遇到的问题以及解决的办法还是有必要总结起来的，以便后续自己和其他人的学习。现在，有两个页面，一个添加页面，一个查看修改页面。添加页面有多选框，点击修改跳转到修改页面，修改页面会展示添加页面选中的状态。本想自己实现功能的，但是后来放弃了。找个一个插件。废话不多说，直接上代码。首先，需要引入插件；script type="text/ja
2017-04-19 11:51:15
1269
原创 jquery插件TreeViewt实现动态树状结构
html>html lang="en">head> meta charset="UTF-8"> title>一款jquery插件TreeViewt实现动态树状结构title> script src="http://code.jquery.com/jquery-latest.js">script> link rel="stylesheet" href="css/
2017-03-31 00:29:28
3683
转载 jquery实现外静态html文件的引入---即：include嵌入效果
建立footer.html，内容为要嵌入的内容。 在需要嵌入的页面中加入：script type="text/javascript">$.get("footer.html",function(data){ $("#foot").html(data);});其中foot为嵌入的页面放的位置的外层DIV等。
2017-03-24 12:45:16
2496
翻译 未知宽高的img元素水平垂直居中显示
例如：html代码：div class="wrap"> img class="wei" src="images/p3.png" alt="" > span>span>div>css样式：.wrap{ width:500px; height:500px; text-align: center;}span{ displa
2017-03-03 16:30:30
1373
原创 margin外边距合并问题
margin属性：所有浏览器都支持 margin 属性。这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度，也可以分别设置个边的外边距。margin是一个复合属性，包括：margin-top、margin-bottom、margin-left、margin-right 基本使用：例如：margin：10px 20px 40px 30px;----表示：上/右/下/
2017-03-03 14:07:54
1103
转载 移动端 单位 rem
rem是指相对于根元素的字体大小的单位(相对单位)rem和em的区别，em相对于父元素的字体大小的单位。rem相对于根元素html字体大小计算， px是一个绝对的单位。所以rem可以实现强大的屏幕适配布局例如：html{ font-size:20px; } .btn{ width:6rem; he
2017-03-01 12:42:40
244
翻译 兼容所有浏览器的CSS3圆角效果
在各个浏览器中实现圆角的较简单快速的方案是结合CSS3和JavaScript。CurvyCorners是一个为HTML元素创建漂亮的圆角的免费JavaScript库。该脚本的最大优势是可以在Safari/Chrome/Firefox中使用原生的CSS3属性(通过-webkit-border-radius和-moz-border-radius私有属性分别支持)而在IE和Opera中使用JavaScr
2017-02-28 23:30:18
1634
转载 IE兼容CSS3圆角border-radius，box-shadow，text-shadow的方法
IE兼容CSS3圆角border-radius，box-shadow，text-shadow的方法1.下载ie-css3.htc 2.CSSbox { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari 和 Chrome */ border-
2017-02-28 18:04:35
219
原创 h5和css3地理位置信息
地理位置信息由经度和纬度决定。位置信息来源于：GPS定位系统、IP地址、WIFI无线网络以及基站。if(navigator.geolocation){ navigator.geolocation.getCurrentPosition(locationSucess,locationError,{ })}navigator.geolocation
2017-02-16 10:39:36
473
原创 @media媒体查询
css3 媒体查询当页面可是区域小于960px时，执行里面的css代码@media (max-width:960px){ background:red;}但是，有时候我们会遇到下面的情况，在上述代码的基础上，多了一个screen，如下面的代码：@media screen and (max-width:960px){ background:red;}这
2017-02-08 17:28:47
1634
原创 git的实际操作指令总结
Git是一款开源的分布式的代码管理工具。何为分布式和集中式？集中式就是：代码仓库在中央服务器上，所有人提交代码都要提交到中央服务器上。如果一旦断网，便不能进行代码提交。然而，分布式 就是：每个人的电脑上都有一个代码仓库，在代码提交时，先提交到本地仓库。然后再推送到远程服务器端的代码仓库中。分布式的好处是：即使断网，还是能能进行Git操作，先将代码提交到本地仓库，只要等到有网的时候，再推送到
2017-01-18 17:42:32
214
原创 jQeury事件中常用方法的总结
* .ready()相当于js中的onload ,.ready()相对来说功能更多。 .ready(function(){ }) ==> .onload= function(){ };应用：图片懒加载，数据加载完成后等。* .on() 事件绑定 参数1-- 绑定事件； 参数2---data:传递数据；参数3---执行的函数。* .off() 事件解绑 参数，只有一个参数， 解绑的事件
2017-01-18 17:32:23
187
原创 jQuery 筛选中常用方法的作用总结
* jQuery 筛选* .eq() 在对象集合中选定指定索引或下标的单个对象，并且返回它。* .index() 返回指定对象节点在兄弟节点中的索引或下标。* .first() .last() 返回指定对象集合中的第一个/最后一个对象,并返回它。* .hasClass(class) 检测是否有指定类的元素。有的话，则返回true;否则，返回false；注意：返回的类型的boolea
2017-01-16 16:58:24
419
原创 jquery 中关于DOM 的常用操作
* jquery 的 DOM 操作* $("create p") jQuery 中创建节点* .append() 传参，参数可以是：{1.文本，2. 对象：{1.创建的对象，2. 获取的节点对象}* .append() .appendTo() 添加节点( 添加位置：匹配元素内容的最后 , 和匹配元素的关系：父子)；* .prepend() .prependTo() 添加节点( 添
2017-01-12 18:16:30
440
原创 jQuery中的元素位置及大小的获取
/* jQuery 中的 css* offset() ： 元素距离整个文档的顶部/左边的距离。 返回一个对象，该对象有两个属性 .top 和 .left* position() ：绝对定位的元素相对于相对定位的父级元素（若没有，相对于body）的顶部/左边的距离。* position()返回一个对象，该对象有两个属性 .top 和 .
2017-01-12 16:29:24
287
翻译 jQuery中的attr() 和 prop()的区别和联系
jQuery中的attr()和prop()两种方法，都是用来获取/设置 attributes 和properties的值的，其中，prop() 是从jQuery 1.6 开始新增的一个方法。既然两种方法的作用一样，为何还要新增一个方法呢？那是因为用 attr() 获取或设置属性的值的时候，会出现不一致的行为。根据官方的建议：具有 true 和 false 两个属性的属性，如 checked
2017-01-11 22:55:22
231
原创 canvas绘制直线时颜色填不上去的问题及如何开始绘制扇形举例
//绘制直线，写方法stroke和strokeStyle的顺序调整一下，如下面的例子： ctx.beginPath(); console.log("开始"); ctx.moveTo(50,80); ctx.lineTo(280,200); ctx.lineWidth=10;// ctx.stroke(); 放在这里不行，应该放在strokeSt
2016-08-26 11:45:26
471
原创 CSS 选择符
CSS 选择符（也称：选择器）元素选择器 关系选择器属性选择器伪类选择器伪对象选择器元素选择器 通配符 ：*{ }———用处：初始化，如内、外边距设置为0类选择符 : .类名称{ }ID选择符 : #类名称{ }类型选择符 (标签选择符) ：标签{ }关系选择器子元素选择符 ：父亲 > 儿子，⚠️不包括其孙子兄弟选择符 ：你自己～
2016-08-02 18:31:27
369
原创 CSS 样式表
CSS 样式表结构性注释：/* —————————*/。注释符 快捷键 “command +? ”提示行注释：.news_list li span {float : left ; width : 80px;color :#9999; }CSS 样式表加载总结（即：样式表和网页结合的方式 ），有 4 种（内部样式、行内样式、外部样式、导入样式）内部样式
2016-08-02 18:30:26
208
原创 div 和span的区别
div 和span的区别 （块元素和内联元素的区别）块元素 又名块级元素（block element） 和内联元素（inline element），都是HTML 规范中的概念。块元素的特点：（1）总是在新行上开始；（会自动换行）（2）高度，行高、内边距和外边距都是可控制的；（3）宽度缺省是它容器的100%，除非设定一个宽度；（4）它可以容纳内联元素和其他的块元素。
2016-07-29 17:39:17
326
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人