自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Cherries_h的博客

致力学习前端的小小陈

  • 博客(20)
  • 收藏
  • 关注

原创 js判断ie版本ie6,7,8,10及10+

文献参考http://caibaojian.com/detect-ie-version.html360浏览器手动切换兼容模式,设置meta和ie条件注释无法生效的使用方式参考// Internet Explorer/Edge 6-10 var isIE = document.all && document.compatMode; // Internet Expl...

2020-02-22 22:35:54 264

原创 js易错点

2、new Date()的使用方法有:·不接收任何参数:返回当前时间; 接收一个参数x: 返回1970年1月1日 + x毫秒的值。 new Date(1, 1, 1)返回1901年2月1号。 然而….,new Date(2016, 1, 1)不会在1900年的基础上加2016,而只是表示2016年 3. 替换函数没有真的替换? let s = "bob"const replac...

2019-08-13 11:03:46 204

转载 jQuery ajax参数详解

  内容大部分来自转载和整理 1、通用写法     $.ajax({url: "http://www.hzhuti.com", //请求的url地址 dataType: "json", //返回格式为json async: true, //请求是否异步,默认为异步,这也是ajax重要特性 data: { "id": "value" }, //参数值 type: "GET", /...

2018-06-13 15:07:33 907

转载 chrome浏览器开启Ajax跨域访问调试

     前端想自己在本地调试数据,用ajax请求json文件进行调试,以前在火狐上是可以请求到数据的,现在行不通了。报404错误,而在chrome浏览器上进行本地数据调试请求会报跨域访问错误    网上查了些资料,找到了一种简单的解决方案,具体可参考:https://jingyan.baidu.com/article/148a1921c9dbf24d71c3b11f.html下面简单概述一下如何...

2018-06-12 16:22:52 5992 1

原创 手机浏览器点击input,textarea页面放大,导致页面左右可移动问题

android上面的浏览器,点击网页上的文本输入框()的时候,会自动把网页放大,

2018-05-31 16:37:22 5260

翻译 vue列表渲染数组与对象更新检测

一、数组检测       1、触发视图更新的数组变异方法            数组的方法只要改变了原始数组,就会触发视图更新。有如下方法:push()、pop()、shift()、unshift()、splice()、sort()、reserve(). 如:example1.items.push({ message: 'Baz' })        2、替换数组(不改变原始数组)        ...

2018-05-22 15:39:09 1055

翻译 vue列表渲染注意事项

vue列表通常有两种形式 1、一个数组的列表渲染(数据项里要遍历是一个数组,里面的项是对象,如果遍历的是一个对象,对象里面每项也是对象也可用此方式遍历) 用 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用item in items 形式的特殊语法,items 是源数据数组并且 item 是数组元素迭代的别名。支持一个可选的第二个参数为当前项的索引index。v-for 块...

2018-05-22 14:56:35 434

原创 vuex的基本使用

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。 为什么使用状态管理?整站开发会有很多数据和状态,整站也是由很...

2018-05-02 15:33:41 11947

转载 vue中vue-route

Vue路由是指:根据不同地址,创造不同页面。如单页面应用,不刷新整个页面,不频繁请求,请求数据,通过js操作(ajax),如:切换两个不同图片,不同地址,只需第一次需要请求,第2次共用请求资源,只需再请求一张图片即可vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起...

2018-05-02 13:52:11 10614 1

原创 vue学习总结(二)vue实例生命周期钩子

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数 1、beforeCreate 实例初始化之后 ,数据观测 (data observer) 和 event/watcher 事件配置之前被调用2、created 钩子:用来在一个实例被创建之后执行代码:在...

2018-04-28 15:42:10 569

翻译 vue学习总结(一)vue实例

      Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动    Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统,Vue.js ...

2018-04-28 11:40:39 263

转载 vue中v-model对select的绑定

1、单选时<select v-model="selected"> <option disabled value="">请选择</option> <option>A</option> <option>B</option> <opti

2018-04-25 15:39:12 52244

原创 VUE中v-model对复选框的输入绑定

v-model 指令在表单 <input> 及 <textarea> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。对于单选按钮,复选框及选择框的选项,v-model 绑定的值通常是静态字符串 (对于复选框也可以是布尔值)。对于复选框有如下方式1、单个复选框,绑定到布尔值        <input type="checkbox" id="ch...

2018-04-25 15:21:31 11699

原创 vue中的v-model更新radio控件的方式

实践过程中v-model更新radio控件的方式,v-model 指令在表单 <input>及 <textarea>元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素1、v-model绑定radio控件的value值,移除value属性,picked变量值无效。<div id="example-4"> <input type="rad...

2018-04-25 11:10:42 9366

原创 javascript中对象使用push

var obj = {   '1':'a',   '2':'b',       'length':'2',   push:Array.prototype.push};obj.push('c');浏览器执行以上脚本后,obj 的 length 属性会变为 3;obj[2] 的值是 c;obj[3] 的值是 undefined;push 方法把值添加到数组中。push 方法有意具有通用性。该方法和 c...

2018-04-24 17:09:10 8294

原创 ajax异步无法获得返回值及无法操作iframe

1、ajax异步无法获得返回值function GetUserInfo() { var username; $.ajax({ type: "get", url: "Handle/OpeartionHandler.ashx", success: function(userinfo) { username = us...

2018-04-24 17:08:22 1722

原创 解决JSON返回的时间带字符T的问题(前端解决办法)

1、当数据库中updatetime的类型为datatime而非varchar时,用ajax操作,转成json时出现带T字符串,在360浏览器显示比原定时间多一天。(如:10月30日变成10月31日)function showArticleList(id){    var myUrl = "../api/Articles";    $.ajax({        type: 'GET',      ...

2018-04-24 16:40:45 5473

原创 通过$.Ajax()方式上传文件,使用FormData进行Ajax请求,应注意

首先,在 http 中传输文件的问题。起初,http 协议中没有上传文件方面的功能,直到 rfc1867 为 http 协议添加了这个功能。当然在 rfc1867 中限定 form 的 method 必须为 POST , enctype = “multipart/form-data” 以及. 传统提交表单 后面有boundary以及一串字符,这是分界符,后面的一堆字符串是随机生成的,目的是防止上传...

2018-04-24 16:09:04 23536 1

原创 解决css设置字体,网页字体超过16px显示高低不一情况

设计者通常不想网页字体,以浏览器默认字体显示,通常会在样式文件中对body设置全局的字体样式,只对于font-family设置常规字体,会出现汉字高低不一的情况,这种可能是种英文字体,汉化有问题。原代码:body{ font-family: 'Microsoft Yahei','微软雅黑';}现代码:body{font: 12px/1.5 tahoma,arial,'Hiragino Sans G...

2018-04-24 16:05:44 2411 1

原创 boostrap容器类container与container-fluid区别

<div class="container"> ...</div>Bootstrap 3 的 container class 用于包裹页面上的内容,内边距(padding)是固定宽度,container 的左右外边距(margin-right、margin-left)交由浏览器决定,这里为auto的话,那么默认就是居中显示,margin随浏览器变化而变化.contai...

2018-04-17 16:40:34 1110

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除