- 博客(64)
- 收藏
- 关注
RSS订阅
原创 VUE（template标签 事件绑定与监听）
一、template标签Vue.js提供了template标签，可以将指令作用到这个标签上，对其子元素进行渲染，但最后渲染的结果里不会有它。二、事件绑定与监听1.方法与内联语句处理器1）Vue.js中通过v-on可以绑定实例选项属性methods中的方法作为事件的处理器，v-on:后参数可以接受所有原生的事件名称。2）v-on:的简写形式，用@代替；除了直接绑定methods函数外，v-...
2019-03-17 23:09:56
11287
1
原创 git clone 报错:SSL certificate problem: self signed certificate
git clone 的时候报出如下错误输入：git config --global http.sslVerify false 问题完美解决
2022-03-01 15:18:27
2118
原创 【无标题】
git上传超出100M 不允许上传1.打开cmd 到项目文件路径修改配置 git config http.postBuffer 输入最大数值（如524288000代表500M）2.git config -l如果还是不行 就可以使用Git Large File Storage 官方提供的https://git-lfs.github.com/...
2021-12-30 10:00:42
167
原创 vue(class与style绑定 模板渲染 列表渲染)
一、class与style绑定1.class绑定class绑定的数据可以是对象和数组语法：1）对象语法：v-bind:class = ‘{“类名1”:布尔值,“类名2”:布尔值…}’2）数组语法：v-bind:class = ‘[“类名1”,“类名2”…]’class绑定数据也可以是三目运算符注意：v-bind:class指令可以与普通的class属性共存2.style绑定sty...
2019-03-16 18:06:00
1580
原创 vue(计算属性 表单控件)
一、计算属性在项目开发中，我们展示的数据往往需要经过一些处理， Vue.js中提供了computed属性，来避免在模板中加入过重的业务逻辑，保证模板的结构清晰和可维护性。计算属性中，默认只有getter属性，需要时可以使用setter二、表单控件Vue.js中提供v-model的指令对表单元素进行双向数据绑定，在修改表单元素时，实例中对应的属性值也会同时更新，反之亦然。绑定value:表...
2019-03-16 18:04:55
1313
原创 vue(生命周期 数据绑定)
生命周期Vue.js实例在创建时有一系列的初始化步骤，例如：建立数据观察，编译模板，创建数据绑定等。在此过程中，我们可以通过一些定义好的生命周期钩子函数（hook function）来运行业务逻辑。钩子函数就是系统事件所触发的回调函数。生命周期钩子有：-beforeCreate:在实例开始初始化时同步调用。此时的数据观察、事件等都尚未初始化。-created:在实例创建后调用。此时已完成数...
2019-03-16 18:03:55
945
原创 angularjs访问接口
angularjs访问接口使用http访问服务器，http访问服务器，http访问服务器，http也是一个服务，可以看出是对ajax一个封装格式：$http({method:’’,//请求方式：post、getparams:字符串,//传递的参数url:“路径”//访问的接口地址}).then(function(data){//访问成功},function(err){//访问失...
2019-03-16 18:03:00
713
原创 angular（$location）
1、location当我们在某一个模板中需要通过事件跳转或是手动跳转，需要用到此参数通过location 当我们在某一个模板中需要通过事件跳转或是手动跳转，需要用到此参数 通过location当我们在某一个模板中需要通过事件跳转或是手动跳转，需要用到此参数通过location.path(‘路径’)2、传参在路径后面通过追加/参数 进行传参在when中，通过 “/路径/:变量...
2019-03-16 18:02:18
396
原创 angular（路由）
一、自定义指令1、transclude2、controllerAs：给控制器起一个别名3、link：在指令中操作DOM，需要用到该属性，其属性值为一个函数，称为链接函数语法:link:function(scope,element,attrs){操作DOM}-scope：与指令想关联的当前作用域-Element：当前指令对应的元素-attrs：当前元素的属性所组成的对象二、路由...
2019-03-16 17:57:35
305
原创 angular（自定义指令transclude）
一、自定义指令1、transclude是否嵌入，也就是在使用指令时，是否保留原有的元素，默认是false2、scope默认是false，设置指令内作用域，当设置为true时，会从父作用域继承并创建自己的作用域，也就是在ng-controller的作用域基础上创建新的-false 直接使用副作用域，当指令中变量修改时，也会影响到父作用域中的变量-true-{}，可以是一个对象，创建一个...
2019-03-15 22:27:10
422
原创 angular（自定义指令）
一、自定义指令指令是扩展html标记，增加自定义属性，实现功能的扩展自定义指令就是通过一个自定义的指令名，来指向一段html代码1、自定义指令1）指令执行的过程-浏览器得到html字符串内容，解析得到DOM结构-ng引入，把dom结构抛给compile函数，进行下一步处理−找出dom结构中有变量的占位符−匹配dom中所包含的所有指令−把指令关联dom−关联到dom的多个指令，对这些指令...
2019-03-15 22:26:24
412
原创 angular（json）
1）json将对象格式化成一个标准的json字符串语法:{{对象 | json}}2）lowercase/uppercase将字符串转换成小写或大写语法：{{字符串 | uppercase/lowercase}}3）number格式化数字，为数字加上千位分割，比如123,456,789；同时可以接收一个参数，用于指定小数点后保留几位语法：{{数字 | number:数字}}4）o...
2019-03-15 22:25:37
1162
原创 angularjs(模块)
一、模块1、概念模块是一些提供独立功能或服务的功能块大部分的程序都有一个主方法用来实例化、阻止、启动医用；而AngularJS没有主方法，而是使用模块来声明应用该如何启动优点：-启动过程是声明式的，更容易懂-可以在单元测试中只测试指定模块-第三方可以打包成可重用的模块-模块可以以任何先后或者并行的顺序加载（因为模块的执行本身就是延迟的）2、AngularJS中的模块在Angul...
2019-03-15 22:24:34
293
原创 angularJs删除一整行(Dome)
<!DOCTYPE html><html><head> <title></title> <script type="text/javascript" src = "angular.min.js"></script> <style ty
2019-03-15 22:23:31
762
原创 angular（双向数据绑定&$digest()方法）
<!DOCTYPE html><html><head> <title></title></head><body> <input type="text" id="t1" oninput="fun(this)"&g
2019-03-15 22:21:29
291
原创 angularjs(表达式&控制器)
一、表达式表达式写在双大括号内：{{表达式}}表达式能够将数据绑定到HTML中，类似于ng-bind将表达式写在需要显示数据的地方表达式可以包含字符串、运算符、变量等1、表达式的类型1）数值{{表达式}}，表达式有数值组成或是单个数值2）字符串类型{{表达式}} 表达式是一个字符串或者是一个字符串类型的变量3）对象类型二、控制器Angular的应用程序被控制器控制，控制...
2019-03-15 22:19:38
299
原创 angular（使用Angular&指令）
-ng-repeat用于循环创建元素语法：在需要循环创建的元素上添加属性：ng-repeat=“变量 in 数组” 变量是数组中的元素，可以使用ng-bind或表达式进行值得显示-ng-class用来给元素绑定雷鸣，其指令表达式的返回值可以为使用控制器中的变量通过键值对方式绑定-ng-style用于设定元素的css样式-ng-show元素是否显示，取值为布尔值,通过修改d...
2019-03-15 22:17:53
1707
原创 ES6(template string)
template string当我们要插入大段的html内容到文档中时，传统的写法非常麻烦，所以之前我们通常会引用一些模板工具库，比如mustache等等。大家可以先看下面一段代码：$("#result").append( "There are <b>" + basket.count + "</b> " + "items in your basket, " +
2019-03-15 19:58:11
561
原创 ES6(class, extends, super,arrow function)
class, extends, super这三个特性涉及了ES5中最令人头疼的的几个部分：原型、构造函数，继承ES6提供了更接近传统语言的写法，引入了Class（类）这个概念。新的class写法让对象原型的写法更加清晰、更像面向对象编程的语法，也更加通俗易懂。class Animal { constructor(){ this.type = 'animal' }...
2019-03-15 19:43:54
248
原创 ES6(let, const)
let, const这两个的用途与var类似，都是用来声明变量的，但在实际运用中他俩都有各自的特殊用途。首先来看下面这个例子：var name = 'zach'while (true) { var name = 'obama' console.log(name) //obama break}console.log(name) //obama使用var...
2019-03-14 22:10:35
151
原创 bootstrap中提供的插件(模态框&工具提示&弹出框&滚动监听&轮播图)
1、介绍bootstrap中提供了12中jq插件，大部分插件可以在不编写任何代码的情况下触发引用boostrap插件的方式有两种-单独引用：使用其js文件，通过.插件名进行引用-data属性在boostrap中，自定义了data属性，可以通过该属性直接引用插件，不需要js语句2、模态框模态框是覆盖在父元素上的一个子界面，主要用来显示单独的内容，可以在不离开父元素的基础上进行交互 ...
2019-03-14 22:05:31
630
原创 Bootstrap(组件)
组件：1、字体图标在网页中显示某些图标，通过设置相应的类，所有的图标都需要基类和单独的图标类，包含图标的元素需要独立使用，尽量使用span元素；图标类尽量不要包含文字或子元素2、下拉菜单.dropdown类用于显示连接列表的，可切换、有上下文的菜单；有一个拥有此类的父元素，包含一个下拉按钮和一个列表-button需要dropdown-toggle的类，需要设置id属性、需要设置data-...
2019-03-14 22:03:07
180
原创 Bootstrap(导航&导航条)
1、导航1）标签页通过给列表添加class = nav-tabs和 nav2）胶囊式导航栏给列表设置class为nav和nav-pills3）垂直胶囊式在原有nav的基础上添加类.nav-stacked通过给li添加.active表示当前所处的导航位置4）两端对齐的导航可以通过添加类.justified 让导航栏与父元素等宽2、导航条通过向nav标记添加类.navbar...
2019-03-14 22:02:16
1270
原创 Bootstrap（页头&缩略图&警告框&进图条&面板）
1、页头会在网页标题四周添加适当的间距，需要将div的class设置为page-header2、缩略图通过添加class=thumbnail，会添加边框及内边距，当使用超链接作为thumbnail时，鼠标悬停会有一个轮廓我们可以通过给一个div设置thumbnail，实现自定义的缩略图内容，可以将图片进行分组4、警告框可以通过添加.alert实现警告框，同时需要结合状态类：.aler...
2019-03-14 22:01:31
389
原创 Bootstrap(well&页数&标签&角标&巨幕)
1、wellwell是一种具有凹陷效果的内容显示元素，只需要给元素添加class = well即可还可以通过class调整well的尺寸-.well-lg-.well-sm注意，上面两个类，需要与well结合使用2、页数-pagination,通过该类，可以显示页码效果，可以通过给li添加.disabled或.active来表示不同的页面效果-.pager实现翻页按钮，可以通过给l...
2019-03-14 22:00:24
1148
原创 Bootstrap表单
表单1、基本表单把标签和控件放在一个带有.form-group的div中，会使元素间有一定的空隙，同时给表单控件添加.form-control2、水平表单通过向form添加.form-horizontal，并联合使用栅格，可以将label和控件水平布局，这是form-group就类似于.row;此外需要向标签添加.control-label3、表单控件状态通过给父元素添加相应的cla...
2019-03-14 21:58:41
267
原创 排版&栅格
1、排版在bootstrap中，提供了一些排版相关的特性，比如副标题、段落相关等1）副标题使用创建副标题2）引导主体副本给段落添加强调文本，通过.lead实现，增大字体，增加行高3）强调&lt;strong&gt;&lt;/strong&gt;、&lt;em&gt;&lt;/em&gt;在bootstrap中提供了一批用于强调文本的类4）缩写提供了用于缩写的标
2019-03-14 21:52:46
711
原创 响应式布局（响应式网页的构成&bootstrap框架）
一、响应式布局1、概念响应式又叫自适应网页，可以根据网页窗口的调整而自动布局，不会导致页面效果的错乱，主要是针对移动端浏览器；通过响应式布局，可以使一套代码同时兼容多个尺寸的屏幕2、响应式网页的构成1）允许网页自动调整使用viewport属性，让窗口可以自动伸缩语法：&amp;lt;meta name=&quot;viewport&quot; content = &quot;width=device-width,initi...
2019-03-14 21:51:31
2260
原创 JS（字符串常用操作）
1、截取字符串从原有字符串中截取出一个新的字符串-slice(start,end); 返回start到end-1区域的子字符串，如果省略end，则直接截取到字符串结尾语法：字符串名.slice(start,end);-substring(start,end);用法与slice相同2、分割字符串（分割成一个数组）使用分隔符将字符串进行拆分语法：字符串名.split(分隔符,count...
2019-03-14 21:50:12
431
原创 拖放API&拖拽删除Dome
拖放API1、拖动元素拖放API引入了一些新的事件，其中就有一些事件由拖动的元素触发（源元素），这些事件称之为源元素事件；拖动属性-draggable，设置为true时，表示一个元素允许被拖动拖动源元素事件：-dragstart：当元素开始被拖动时触发-drag：元素正在被拖动的过程中-dragend：拖动结束时触发2、目标元素事件由目标元素触发的事件，叫目标元素事件-dra...
2019-03-13 22:57:15
454
原创 获取用户位置&百度地图API
一、Geolocation 1、简介 Geolocation用于获取用户当前的地理位置信息，该对象保存在navigator对象中，地理位置信息属于用户隐私，浏览器不会直接允许访问，当我们需要获取用户位置信息时，浏览器会弹出询问框，如果选择允许则可以获取地理位置信息 2、获取位置信息 语法： -获取用户当前位置 navigator.geol...
2019-03-13 22:55:46
2301
原创 自定义进度条音量DOME&音频处理&本地存储
<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <script src="jquery-3.1.1.js"></script>&am
2019-03-13 22:53:30
838
原创 视频处理/通过js控制播放器
1、播放视频H5增加了一个可以在html文档中播放视频的元素，该元素就是video元素，它提供了播放、暂停发、音量控制等操作来控制视频，也可以调整视频画面的尺寸，需要注意的是，video元素支持ogg、mp4格式的视频文件2、video元素语法：<video src="视频路径"></video>属性：-src：视频路径-autoplay：设置视频自动播放，可以...
2019-03-13 22:52:09
1164
原创 html5(新增input类型新增表单元素&新增表单属性&HTML5自带表单验证)
1、新增input类型-电子邮件类型语法：当输入的邮件地址格式不对时，会弹出提示信息-搜索类型语法：<input type="search">手机键盘会将确定变换为搜索-URL类型语法：<input type="url">当输入的网址格式不正确时，会弹出提示信息-电话号码类型语法：<input type="tel">主要针对移动端，针..
2019-03-13 22:50:17
4121
1
原创 验证码Dome/在线翻译Dome
<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"></head><body> <meta http-equiv="Content-
2019-03-13 22:47:52
260
原创 截取字符Dome、滚动广告Dome、判断两次输入Dome、判断输入的字数并输出输入了多少次Dome
截取字符&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;meta charset="utf-8"&gt; &lt;script t
2019-03-13 22:40:26
171
原创 jQuery（选择器）
1、jQuery选择器jQuery选择器类似CSS选择器，能够实现定位元素、施加行为。2、jQuery选择器的优势1）写法简洁()工厂函数在很多js类库中都被作为一个选择器函数使用，支持css1到css3所有的选择器，使用jQuery选择器，不用考虑浏览器的兼容性2）()工厂函数在很多js类库中都被作为一个选择器函数使用，支持css1到css3所有的选择器，使用jQuery选择器，不用考虑...
2019-03-13 22:35:15
252
原创 jQuery（表单验证插件&jquery-validate&jquery ui）
表单验证插件表单验证主要是针对表单元素的值进行验证，并根据验证结果给出文字或图片提示；主要验证用户是否输入了内容或者输入的内容是否符合要求常用的表单验证插件有：jQuery-validate、formValidatorjquery-validate首先引入validate的js文件及本地化文件1、将验证直接写在html中-required 表示必填字段-type="email"...
2019-03-13 22:32:24
1456
原创 jQuery（表单验证插件&插件属性>日历）
表单验证插件表单验证主要是针对表单元素的值进行验证，并根据验证结果给出文字或图片提示；主要验证用户是否输入了内容或者输入的内容是否符合要求常用的表单验证插件有：jQuery-validate、formValidatorjquery-validate首先引入validate的js文件及本地化文件1、将验证直接写在html中-required 表示必填字段-type="email"...
2019-03-13 22:29:14
539
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人