- 博客(14)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 Vue常用组件和组件传值和路由的使用
组件是vue.js中一个非常强大的功能，可以拓展HTML元素，封装可重用代码 1.将组件内容定义到template模板中 2.组件中实现指令以及事件绑定 组件传值： 3.父组件给子组件传值props 4.子组件给父组件传值$emit 路由介绍： 在一个系统中或者APP中，由多个页面组成，通常会使用Vue中的组件来实现。那么当从一个页面调到另一个页面时候，通过url路径来实现的，那个u...
2019-04-28 18:23:41
486
原创 Vue的数据驱动-MVVM模式介绍
Vue是一款轻量级的渐进式前端框架，主要功能： 模板渲染/数据同步 组件和模块化 拓展功能：路由等待 MVVM 1，Model数据模型，负责数据存储 2，View视图，负责页面的显示 3，VM负责业务处理，对数据进行加工，之后交给视图 ...
2019-04-28 01:41:26
756
原创 Vue常见指令介绍(简单易懂)
插值表达式 1，{{}} 当模型中的数据发生改变时，视图中的数据也会发生相应的变化 2，v-text 将一个变量的值渲染到指定的元素中 3，v-html 可以真正输出html元素。 4，v-model 实现双向数据绑定 5，v-bind 绑定页面中元素的属性 6，v-if和v-show v-if 作用：判断是否加载固定的内容，如果是真，就加载，如果是假，就不加载 语法：v...
2019-04-28 01:34:20
387
转载 自定义select样式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head&g..
2018-10-20 20:21:36
731
翻译 自定义select下拉框样式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> ..
2018-10-20 15:15:12
1458
原创 select在ie浏览器和其他浏览器样式问题
ie中取掉下拉箭头: 样式中加入 select::-ms-expand { display: none; } 其他浏览器取掉下拉箭头：-webkit-appearance: none; 重写select样式： . select { appearance: none; background: ...
2018-10-12 17:41:45
1959
原创 自定义placeholder的样式和颜色
.tes ::-webkit-input-placeholder { color: red; text-indent: .4rem; font-size: .50rem; } /*firefox 4-18*/ :-moz-placeholder { c...
2018-10-09 14:29:20
311
转载 前端实现选项卡切换的三种方式
实现选项卡切换的三种方式 首先我用Jquery库实现了一个简单的效果， 只需要点击上面的导航标签即可切换下方内容，Html代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>tab切换<
2018-09-12 17:22:04
29711
转载 原生JS去重（一）--两种方法去掉重复字符
所谓“去重”，即是去掉重复的字符。本篇博客讲述两种方式去重，一种是比较简单但代码比较啰嗦点的，另一种是有点深度但是简洁的。 我直接写JavaScript代码了。 方式一： function deleteRepetionChar(arr){ //先判断输入进来的是数组对象还是字符串 if( typeof arr == "object"){ var arr = ...
2018-09-11 14:01:03
1626
转载 JQuery控制radio选中和不选中方法总结
一、设置选中方法 复制代码代码如下: $("input[name='名字']").get(0).checked=true; $("input[name='名字']").attr('checked','true'); $("input[name='名字']:eq(0)").attr("checked",'checked'); $("input[name='radio_name'][chec...
2018-09-11 14:00:44
4862
原创 前端界面点击更换图片并且显示内容，再次点击内容消失
<style> </style> <div> <ul> <li> <div class="ui-dataLt">
2018-09-11 13:58:16
1008
原创 jq点击lable自定义单选框变换样式并且选中input
<style> input[type='radio'] { display: none; } .ui-zidingyi { width: 20px; height: 20px; display: inline-block; background: url(../img/未选中-大.png) no-repeat; position: rel...
2018-09-11 13:51:22
1264
转载 AJAX加载了HTML但是HTML里面的CLICK事件无效
链接：https://www.zhihu.com/question/23895785/answer/26573034 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 事件委托，ajax载入新dom之前js就加载完了，事件当然没有绑定到新载入的dom上。 举个例子，如果ajax载入了一个 span class="load">/span> 这个时候如果
2017-02-15 11:33:40
496
原创 JS动态生成界面中存在的问题！
公司在做一个 项目的时候需要JS动态生成html界面，类似于问卷调查的界面。可是怎么搭建才能更好呢？ 一，把所有问题和选项一起直接加载到界面。类似于这样： success: function(MyJson) { //回调函数，MyJson，返回值 var MyData = MyJson.d; MyData = eval(MyData); $.each(MyData, function(i, ...
2017-02-14 13:38:03
649
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人