前端
默默的菜鸟--
这个作者很懒,什么都没留下…
展开
-
Http Get请求的参数中含有&,=,-,+ 等等特殊字符时我们需要怎么做
在我的博客点击打开链接,对URl对应的网页进行解析的博客中,我们使用了一个链接地址进行解析,但是当遇到&等特殊字符的时候,这些特殊字符后面的数据就会被截断。我们可以使用Jquery Ajax 对的接口进行访问,接口实现工具类。JQuery自定义封装了对参数带特殊字符的解析...原创 2018-06-07 17:06:16 · 14936 阅读 · 1 评论 -
在一个页面文件中(JSP 或者HTML)使用href 跳转另一个页面时使用Js中获取传递过来的参数
在一个页面文件中(JSP 或者HTML)使用href 跳转另一个页面时使用Js中获取传递过来的参数,我们在开发的时候这种情况很常见,比如在一个table 页面中想要查看详细的信息的时候,需要点击查看,将id 传过去,然后获取使用Ajax 技术获取详细信息例如下面document.location.href = "/XXXXX/XXXXX/resume_show.html?userid=原创 2017-12-26 17:11:23 · 2928 阅读 · 2 评论 -
Vue简单学习之关于 html 代码标签属性 v-bind 和v-on 的使用
v-bind 是vue 绑定属性的指令<input type="button" name="按钮" value="按钮" v-bind:title="mytitle + '新加的'">注意: v-bind 可以简写为 :要绑定的属性,v-bind 中可以写合法的js 表达式<input原创 2019-03-05 13:50:59 · 885 阅读 · 0 评论 -
Vue 实战——跑马灯效果
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <script src="https://unpkg.com/vue/dist/vue.js"></script></head原创 2019-03-05 13:53:04 · 1220 阅读 · 0 评论 -
Vue简单学习之v-on 事件绑定修饰符的使用
. .stop :停止冒泡 (1) 如果事件没有任何修饰的话,那么点击按钮的结果是: 1. 点击了btn 2. 进入了div 【冒泡机制,一层一层的往外】 代码: &lt;div class="inner" @click="divHandle"&gt; ...原创 2019-03-05 13:54:38 · 423 阅读 · 0 评论 -
Vue简单学习之v-model 进行数据的双向绑定
实现数据从 model - view 的双向数据共通下面实例:&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible&a原创 2019-03-05 13:55:35 · 302 阅读 · 0 评论 -
Vue实战——一个简单的计算器
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title&l原创 2019-03-05 13:57:47 · 1060 阅读 · 0 评论 -
Vue简单学习之自定义指令
自定义指令Vue 使用 Vue.directive() 来定义全局的指令 例如: v-focusVue.directive(“focus”, {}) 来定义focus 指令参数1: 指令的名称,注意,在定义的时候,指令的名称前面,不要加v-前缀,但是在时候的时候需要加上v- 前缀参数2:是一个对象,这个对象身上,有一些指令相关的处理函数(钩子函数),这些函数可以在特定的阶段,执行相关的操...原创 2019-03-05 14:00:09 · 135 阅读 · 0 评论 -
Vue简单学习之Html标签绑定 css 样式
Vue Html标签绑定 css 样式外联式&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible"原创 2019-03-05 14:01:57 · 778 阅读 · 0 评论 -
Vue简单学习之项目使用小技巧与过滤器
Vue 小应用数组对象的删除操作实例: list = [{ id: 1001, name: "zhangsan" }, { id: 1002, name: "lisi" }, { ...原创 2019-03-05 14:03:41 · 192 阅读 · 0 评论 -
Vue简单学习之Vue实例的生命周期
Vue 实例的生命周期什么是生命周期:从Vue 实例的创建,运行,到销毁期间,总是伴随着各种各样的事件,这些事件统称为生命周期生命周期钩子:就是生命周期事件的别名生命周期钩子 = 生命周期函数 = 生命周期事件生命周期函数分类创建期间的生命周期函数:beforeCreate: 实例刚在内存中创建出来,此时,还没有初始化好data 和methods属性created : 实例已经...原创 2019-04-12 09:31:41 · 164 阅读 · 0 评论 -
Vue简单学习之关于 html 标签属性 v-for, v-if, v-show使用
v-for 循环&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content=&qu原创 2019-03-05 13:49:23 · 3972 阅读 · 0 评论 -
Vue简单学习之 Vue.js 简介与一个简单的Vue.js实例
什么是Vue.jsVue 是目前最火的前端框架,React 是最流行的前端框架,React 可以开发手机APP,Vue也可以,需要借助于Weex只关注于视图层为什么要学习流行框架提高开发效率发展流程: 原生JS --&amp;gt; JQuery之类的类库 --&amp;gt; 前端模板引擎 --&amp;gt; Augular.js / Vue.js (能够帮助我们减少不必要的DOM操作,提高渲染效率,...原创 2019-03-05 13:45:59 · 300 阅读 · 0 评论 -
CSS的各种选择器
每一条css样式声明(定义)由两部分组成,形式如下:选择器{ 样式;}在{}之前的部分就是“选择器”,“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。标签选择器标签选择器其实就是html代码中的标签。例如下面代码:p{font-size:12px;line-height:1.6em;}上面的css样式代码的原创 2017-03-18 19:58:18 · 234 阅读 · 0 评论 -
JavaScript 中滚动的无缝滚动和间歇无缝滚动实现
在HTML中滚动可以使用 标签进行实现,然后我们可以使用其参数进行设置滚动的方式和滚动的样式。1. behavior 滚动的方式: alternate : 表示在两端之间来回的滚动, scroll : 表示 由一端滚动到另外一端,会重复 slide: 表示由一端滚动到另一端,不会重复 2. direction 滚动的方向是down,up,left,r原创 2017-08-27 18:23:30 · 737 阅读 · 0 评论 -
CSS 中权值使用(笔记)
权值的作用及怎么计算:有的时候我们为同一个元素设置了不同的CSS样式代码,那么元素会启用哪一个CSS样式呢?我们来看一下面的代码:p{color:red;}.first{color:green;}三年级时,我还是一个胆小如鼠的小女孩。p和.first都匹配到了p这个标签上,那么会显示哪种颜色呢?green是正确的颜色,那么为什么呢?是因为浏览器是根据权值来判断使原创 2017-07-29 20:27:18 · 533 阅读 · 0 评论 -
Html 标签的使用小结(实例代码)
标签的使用 blockquote 的使用 <!-- 作者:offline 时间:2017-07-29 描述: 空格使用 --> 明月出天山, 苍茫云海间。 长风几万里, 吹度玉门关。汉下白登道,胡窥青海湾。由来征战地,不见有人还。 戍客望边色,思归多苦颜。高原创 2017-07-29 19:36:51 · 278 阅读 · 0 评论 -
CSS 选择器总结
Css 使用在什么地方?怎么使用 1.内嵌式 直接在标签中写style 然后写样式 2. 嵌入式,将css 写在head 中使用 通过选择器然后进行css样式的设计 3. 外部式:就是将css 设计的代码单独放置在一个.css 文件中 然后在 head 中进行引入 注意:他们的优先级为就近原则CSS原创 2017-07-29 19:34:10 · 277 阅读 · 0 评论 -
js中时间函数的使用(实现时钟)
定时器 var attime; function clock(){ var time=new Date(); attime=time.getFullYear()+":"+(time.getMonth()+1)+":"+time.getDay()+":"+time.getHours()+":"+time.getMinutes()+":"+time.get原创 2017-03-30 09:46:56 · 932 阅读 · 1 评论 -
CSS样式设置
水平居中设置-行内元素如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的。(父元素和子元素:如下面的html代码中,div是“我想要在父容器中水平居中显示”这个文本的父元素。反之这个文本是div的子元素 )如下代码:html代码: 我想要在父容器中水平居中显示。css代码:原创 2017-03-19 19:56:20 · 248 阅读 · 0 评论 -
CSS布局模型
布局模型。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上,又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本,那么 CSS 布局模板就是末了,是外在的表现形式。。CSS包含三种基本的布局模型,用英语概括为:FLOW(流动模型),Layer(层模型)和Float(浮动模型)。 流动模型流动(Flow)原创 2017-03-19 11:27:58 · 216 阅读 · 0 评论 -
盒子模型
(1)边框盒子模型的边框就是围绕着内容和补白的线,这条线你可以设置它的粗细,样式和颜色div{border:2px solod red;}或div{border-width:2px;border-style:solid;border-color:red;}注意:1、border-style(边框样式)常见样式有:dashed(虚线)| d原创 2017-03-18 21:13:40 · 191 阅读 · 0 评论 -
css之文字排版
文字排版--粗体p span{font-weight:bold;}文字排版--斜体p a{font-style:italic;}三年级时,我还是一个胆小如鼠的小女孩。文字排版--下划线有些情况下想为文字设置为下划线样式,这样可以在视觉上强调文字,可以使用下面代码来实现:p a{text-decoration:underline;}三年级时,我原创 2017-03-18 20:42:24 · 481 阅读 · 0 评论 -
css的继承
继承CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。p{color:red;}三年级时,我还是一个胆小如鼠的小女孩。但注意有一些css样式是不具有继承性的。原创 2017-03-18 20:12:24 · 290 阅读 · 0 评论 -
使用js制作一个简单的计算器
事件 function count(){ //获取第一个输入框的值 var num1=document.getElementById("txt1").value; //获取第二个输入框的值 var num2=document.getElementById("txt2").value; //获取选择框的值 var str=document.ge原创 2017-03-29 20:44:22 · 1153 阅读 · 0 评论