- 博客(14)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 Vue常用组件和组件传值和路由的使用
组件是vue.js中一个非常强大的功能，可以拓展HTML元素，封装可重用代码1.将组件内容定义到template模板中2.组件中实现指令以及事件绑定组件传值：3.父组件给子组件传值props4.子组件给父组件传值$emit路由介绍：在一个系统中或者APP中，由多个页面组成，通常会使用Vue中的组件来实现。那么当从一个页面调到另一个页面时候，通过url路径来实现的，那个u...
2019-04-28 18:23:41
444
原创 Vue的数据驱动-MVVM模式介绍
Vue是一款轻量级的渐进式前端框架，主要功能：模板渲染/数据同步 组件和模块化 拓展功能：路由等待MVVM1，Model数据模型，负责数据存储2，View视图，负责页面的显示3，VM负责业务处理，对数据进行加工，之后交给视图...
2019-04-28 01:41:26
687
原创 Vue常见指令介绍(简单易懂)
插值表达式1，{{}}当模型中的数据发生改变时，视图中的数据也会发生相应的变化2，v-text将一个变量的值渲染到指定的元素中3，v-html可以真正输出html元素。4，v-model实现双向数据绑定5，v-bind绑定页面中元素的属性6，v-if和v-showv-if作用：判断是否加载固定的内容，如果是真，就加载，如果是假，就不加载语法：v...
2019-04-28 01:34:20
343
转载 自定义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
686
翻译 自定义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
1378
原创 select在ie浏览器和其他浏览器样式问题
ie中取掉下拉箭头:样式中加入select::-ms-expand { display: none; }其他浏览器取掉下拉箭头：-webkit-appearance: none;重写select样式：. select { appearance: none; background: ...
2018-10-12 17:41:45
1899
原创 自定义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
272
转载 前端实现选项卡切换的三种方式
实现选项卡切换的三种方式首先我用Jquery库实现了一个简单的效果，只需要点击上面的导航标签即可切换下方内容，Html代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>tab切换<
2018-09-12 17:22:04
29563
转载 原生JS去重（一）--两种方法去掉重复字符
所谓“去重”，即是去掉重复的字符。本篇博客讲述两种方式去重，一种是比较简单但代码比较啰嗦点的，另一种是有点深度但是简洁的。 我直接写JavaScript代码了。 方式一：function deleteRepetionChar(arr){ //先判断输入进来的是数组对象还是字符串 if( typeof arr == "object"){ var arr = ...
2018-09-11 14:01:03
1582
转载 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
4826
原创 前端界面点击更换图片并且显示内容，再次点击内容消失
<style> </style><div> <ul> <li> <div class="ui-dataLt">
2018-09-11 13:58:16
957
原创 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
1193
转载 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
456
原创 JS动态生成界面中存在的问题！
公司在做一个 项目的时候需要JS动态生成html界面，类似于问卷调查的界面。可是怎么搭建才能更好呢？一，把所有问题和选项一起直接加载到界面。类似于这样： success: function(MyJson) { //回调函数，MyJson，返回值var MyData = MyJson.d;MyData = eval(MyData);$.each(MyData, function(i, ...
2017-02-14 13:38:03
598
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人