- 博客(20)
- 资源 (1)
- 收藏
- 关注
翻译 css 实现箭头小三角
参考链接:https://www.cnblogs.com/monozxy/p/7903019.html带有边框的三角形如何实现呢这种就相当于两个绝对定位的无边框三角形叠加在一起为了代码简洁在非ie6下采用:before和after伪类,ie6下用样式名来实现,代码1.dom元素<div class="box sanjiao_border"> <!--i...
2018-08-30 14:22:00 864
翻译 jquery操作css属性
参考链接:http://www.w3school.com.cn/jquery/css_css.asp<script>$("p").css({ "color":"white", "background-color":"#98bf21", "background-position":"0 0", "font-family":"Arial", "font-si...
2018-08-24 16:53:17 163
原创 php 设置字符集编码为utf-8
1.如果你的php文件在浏览器显示的字符编码有问题,需要在php文件中做一下设置<?php // 服务器读取的 编码设置 header('Content-type:text/html;charset=utf-8');?>...
2018-08-21 17:08:11 13351
原创 swiper 一组显示5张且点击左右按钮移动一张图片,选中的当前项有放大效果
1.dom元素<div id="box"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="./banner1.png" alt="" /> </div&...
2018-08-20 13:49:07 9299 1
原创 swiper 一组显示5张且每次点击按钮一次性移动5张(5张为一组)
1.dom元素<div id="box"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="./banner1.png" alt="" /> </di...
2018-08-20 13:36:00 10833
翻译 vue使用swiper
参考网址:https://blog.csdn.net/generon/article/details/78685203注:执行npm run build 的时候需要用到swiper,下面的这种方式在打包的时候不会出错1.html代码<div class="swiper-container"> <div class="swiper-wrapper"> ...
2018-08-20 13:21:57 520
翻译 css设置滚动条样式
参考链接:https://blog.csdn.net/zh_rey/article/details/72473284 https://blog.csdn.net/messicr7/article/details/702118201.css样式<style> .box { width: 300px; height: 200px;...
2018-08-17 11:51:12 246
原创 vue 组件之间通信
1.在main.js中注册全局的busVue.prototype.bus=new Vue();2.在组件中使用// 子组建使用:this.bus.$emit('自定义事件名',实参)methods:{ handleClick(){ // 触发事件 this.bus.$emit('openMenu',true) }...
2018-08-13 10:33:55 1371
翻译 vue中使用axios
1.安装依赖npm install axios -S2.修改原型链 参考:https://www.cnblogs.com/wisewrong/p/6402183.html// 在main.js中引入axios import axios from 'axios'// 全局axios默认配置 axios.defaults.baseURL = 'https://ap...
2018-08-13 10:18:48 440
原创 vue-cli Vue Router的使用
1.如果你在初始化项目的时候安装了vue-router 在src目录下会自动生成router文件夹|router/index.js 如果没有安装,需要手动安装 并在src目录下创建文件夹router|router/index.jsnpm install vue-router -S 在index.js中写如下代码import Vue from 'vue'import R...
2018-08-09 17:49:11 827
原创 vue中使用vuex
参考官网网址:vuex1.安装vuexnpm install vuex --save2.在src文件夹下创建store文件夹 |文件store/index.js,并在index.js中引入vueximport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)// 导出实例对象export default new V...
2018-08-09 16:50:24 173
原创 jquery.filter() 实现元素前3个显示,其余隐藏
1.dom元素如下<ul> <li class="info">1</li> <li>2</li> <li class="info">3</li> <li class="info">4</li> <li>5</li> <li>...
2018-08-09 16:12:26 5172 2
原创 vue中使用less
1.安装less 依赖npm install less less-loader --save2.即可vue文件中使用less操作css
2018-08-09 15:45:33 131
翻译 Math 的常用方法
1. Math.abs() 取绝对值<script> var num=-12.01; var num1=Math.abs(num); console.log(num1); //12.01</script>2.Math.round()把一个数字舍入为最接近的整数<script> // 0.5的情况 该方法将进行上舍入 cons...
2018-08-09 14:51:06 161
原创 jquery each()方法的使用
1.直接遍历数组<body><table> <thead> <tr> <th>姓名</th> <th>年龄</th> </tr> </thead> <tbody> <tr> <td>zhangsan&...
2018-08-09 09:46:56 635
翻译 js实现四舍五入,且保留两位小数
实现步骤<script> var num=112.2546845; console.log(num.toFixed(2)); //112.255</script>
2018-08-09 09:44:16 6481
原创 jquery实现tab栏切换
1.在<head>里面引入jquery.js<script src="jquery.js"></script>2.css如下<style type="text/css"> * { margin: 0; padding: 0; } ul { list-style: none; } .wrapper...
2018-08-08 18:02:43 1057
原创 form表单非空验证
1.在<head>里面引入jquery.js<script src="jquery.js"></script>2.dom元素如下<div class="register"> <form> <p class="info"></p> <div class="content"> ...
2018-08-08 17:52:47 12177
原创 vue 自定义类名的过渡(结合animate.css)
transition 结合animate使用1.下载animate.csshttps://daneden.github.io/animate.css/2.在main.js中引入animate.cssimport './assets/animate.css'3.使用<transition enter-active-class="animated tada" leav...
2018-08-06 10:55:44 808
原创 vue-cli项目中使用jquery
第一种:绝对路径在index.html中直接引入,全局可用提示:在index.html中引入的文件必须放在static下面1.在index.html中引入jquery.js <script src="./static/jquery.js"></script>注意:如果是在index.html引入的是自己写的全局的js,写在window.onload=f...
2018-08-04 22:10:15 3109
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人