- 博客(36)
- 收藏
- 关注
RSS订阅转载 Web前端常用插件
转载自：https://segmentfault.com/a/1190000002759802弹窗1.blockUI2.overlay3.sweetAlert视频1.jwplayer2.video.jshtml53.swfobjectFlash嵌入插件幻灯片、图片切换1.responsiveSlides2.swiper手机端响应式日期控件1.dat...
2020-03-13 10:44:07
367
转载 CSS 之 圣杯布局&双飞翼布局
这里有两种方法：https://www.cnblogs.com/niujifei/p/11269093.html还有种flex布局来实现，较为简单：html布局：<div class="container"> <header>header</header> <section> <div class="l...
2020-03-11 16:13:32
231
转载 vue发布之后会出现白屏现象主要几种原因和解决办法
转：https://www.cnblogs.com/songhongye/p/10107402.html
2020-03-06 14:27:19
1300
转载 amazeui学习笔记--css布局--网格Grid
一、总结基本使用1、div+class布局：amaze里面采取的就是div+class的布局方式<divclass="am-g am-g-collapse">2、网格布局中的行和列：.am-g.am-u-xx-n3、3种尺寸：sm md lg4、从普通css到amaze：.am-g {margin:0 auto;width:100%;} .a...
2020-02-24 15:23:01
467
原创 ElementUI :picker-options 限制结束时间不能大于开始时间（亲测有效）
一：如图：延期的时间不能大于原销售日期利用elementUi 的el-date-picker标签属性：picker-options二：代码如下 <el-date-picker placeholder="选择日期" :picker-options="pickerOptions" ty...
2019-09-09 16:27:09
20510
转载 JS将数字转换成三位逗号分隔的形式
function formatNum(num){ if(!/^(\+|-)?(\d+)(\.\d+)?$/.test(num)){alert("wrong!"); return num;} var a = RegExp.$1, b = RegExp.$2, c = RegExp.$3; var re ...
2019-08-07 10:42:37
1036
转载 Vuex 使用及简单实例(计数器)
什么是Vuex？vuex是专门为vue.js应用程序开发的一种状态管理模式，当多个视图依赖于同一个状态或是多个视图均可更改某个状态时，将共享状态提取出来，全局管理。引入Vuex（前提是已经用Vue脚手架工具构建好项目）1、利用npm包管理工具，进行安装 vuex。在控制命令行中输入下边的命令就可以了。cnpm install vuex --save要注意的是这里一定要加上 –...
2019-07-18 14:44:07
845
转载 Vue中qs插件的使用
之前用Vue+element写了一个后台管理系统，在登录时使用axios请求数据传参时无法正常的获取数据。之后也是一通百度，发现原因是传递参数要将参数序列化。这里使用了qs插件：简单来说，qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。在项目中使用命令行工具输入：npm install qs安装完成后在需要用到的组件中：import qs from 'qs’具体...
2019-07-05 13:48:13
2554
转载 css弹性盒子-------桃园三兄弟之：flex-grow、flex-shrink、flex-basis详解
转载自：https://blog.csdn.net/m0_37058714/article/details/80765562flex-grow、flex-shrink、flex-basis三个属性的作用：在flex布局中，父元素在不同宽度下，子元素是如何分配父元素空间的。(注意：这三个属性都是在子元素上设置的，下面小编要讲的是父元素，指以flex布局的元素(display:flex)...
2019-05-30 16:16:15
190
转载 es6之变量的解构赋值
解构赋值含义：https://blog.csdn.net/qq_36846234/article/details/78973402解构赋值应用：https://blog.csdn.net/qq_36838191/article/details/80856656
2019-05-05 16:55:15
110
转载 关于VUE中 import 、 export 和 export default 的注意问题
转载自：https://blog.csdn.net/mrliber/article/details/791557551、import引入一个依赖包，不需要相对路径。import 引入一个自己写的js文件，是需要相对路径的。示例：import axios from ‘axios’;import AppService from ‘./appService’;2、import什么情况...
2019-04-19 15:56:53
342
原创 vant 时间选择的用法
效果如图所示，点击“来访时间”的input框，手机下方出现事件选择器方法：点击vant-field这个input框，打开vant-pop弹窗,change事件当下拉改变值得时候触发注意：readonly="readonly"这一属性可以防止ios手机上触发自带键盘和vant组件键盘两个同时出现的情况 <div class="date-ti...
2019-03-22 16:45:11
30162
7
原创 vue elementui checkbox第一次点击选不中的问题
问题描述：使用vue2.0 elementUI el-checkbox 偶尔出现页面上的checkbox框样式没选中，但是用change检测该checkbox值得时候发现实际上值已经显示被选中了，~~~报错：expected array or number,got string......解决方案：把v-model="XXX"改为:checked="XXX"就好了如果是选中...
2019-03-22 16:19:39
7766
转载 ios input输入时弹出键盘框 页面整体上移键盘框消失后页面不能回弹的问题
问题描述：前端h5混合开发手机端ios 当有input输入时，手机下方弹出键盘使页面上移，当输入完成，键盘消失后页面不能回弹导致下方有空白，按钮不能点击；解决办法： 给input加blur事件 添加事件方法resetDiv，复制以下代码，okresetDiv(){//ios 兼容，input失去焦点后界面上移不恢复的问题 setTimeout(() =>...
2019-03-22 14:05:27
3352
1
原创 js获取url的参数值
例如网页的链接地址为：http://localhost:8080/#/html?id=1&user='zkk'如何获取问好后面id和user的值呢？直接上代码：function GetUrl(paraName) {//获取url参数值 let url = document.location.toString(); let arrObj = ...
2019-03-22 13:55:17
117
转载 如何在vue2.0中使用sass
如何在vue2.0中使用sass背景成功安装了sass！现在想把自己vue里面的css替换成scss!你问我为什么！因为为了熟悉scss!后面再用vue等前端框架我就直接用scss!解决1.先换成淘宝镜像再安装npm install -g cnpm --registry=https://registry.npm.taobao.org （安装淘宝镜像）用淘宝镜像...
2019-03-13 15:33:36
520
1
转载 关于VUE中 import 、 export 和 export default 的注意问题
关于VUE中 import 、 export 和 export default 的注意问题 1、import引入一个依赖包，不需要相对路径。import 引入一个自己写的js文件，是需要相对路径的。 示例：import axios from ‘axios’; import AppService from ‘./appService’;2、import什么情况下，要用{}的方式引...
2019-02-17 14:12:58
635
转载 element-ui使用导航栏(el-munu)跳转路由
首先复制官网的例子，在这基础上再修改成我们想要的样子。<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"> <el-menu-item index="1">处理中心</el-menu
2018-12-24 11:24:48
4882
3
转载 时间戳与日期格式相互转化
1. 将时间戳转换成日期格式： 1 2 3 4 5 6 7 8 9 10 11 12 function timestampToTime(timestamp) { var date = new Date(timestamp * 1000);//时间戳...
2018-11-22 13:45:09
868
原创 vue2.0 新建空项目并引入element-ui 步骤
从新建VUE项目到引入组件元一，新建项目1.查看 node和npm是不是已经安装好命令：node -v npm -v (没有安装的先安装环境);2.npm install -g cnpm --registry=https://registry.npm.taobao.org (安装国内的淘宝镜像文件，后面的安装npm可以全部改为cnpm)3.安装 vue-cli 1、...
2018-11-19 17:49:23
1472
原创 引入外部字体font
1：将字体的ttf文档放入项目：本例中文件夹顺序为：assents-->font-->pingfangnormal.fft2：在style表里写入如下代码：@font-face{ font-family: 'pingfang'; /*给自定义字体命名*/ src:url('~@/assets/font/pingfangnormal.ttf') format('t...
2018-11-12 13:32:11
1616
原创 rem 与px的转换
使用rem代替px，可以使网页随着屏幕大小变化而变化步骤：1，引用JS文件，如图2所示，调用1，引用JS文件（以下是remConfig.js） export default function(){ var deviceWidth = document.documentElement.clientWidth || window.innerWidth var whdef = ...
2018-11-12 11:20:16
1541
1
原创 项目中引入外部字体
分为两步：1.引入自定义的文字包，例如：引入pingfagnnormal.ttf 2.在需要使用此文字的页面style中：如需全局引入，写入app.vue中<<<<完>>>>>...
2018-11-06 09:57:09
1276
1
原创 短信验证码倒计时
项目所前端框架：vue，mintUI注：methods里命名方法：getCode,在点击“获取验证码”时调用此方法；代码如下--getCode() { let reg = /^1[3|4|5|7|8][0-9]\d{8}$/; if (reg.test(this.loginFormMobile.mobile)) {//通过手机号验证 //console.log('通过电话...
2018-11-01 10:51:59
171
原创 vue elementyUI table ：点击一行时选中这一行对应的复选框
<el-table @row-click="clickRow" ref="tb" :data="tbData" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55"/&a
2018-10-24 13:55:13
10281
5
原创 vue使用之路由跳转
1.需求：点击按钮，跳转到任意页面（不传参）声明式：<router-link :to="{name:'index'}}"> 或者 <router-link to='/index'>编程式：router.push(...)方法一: this.$router.push({path:'路径')};方法二：this.$router.push({name:...
2018-09-29 18:30:06
93066
5
原创 vue中 identify(生成图片验证码)插件
效果图如下：实现过程：1.写一个名为identify.vue的子组件 2.子组件的注册和引用 3.主页面中使用子组件 step1:identify.vue的子组件,代码如下：<template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" ...
2018-09-29 18:00:14
14320
1
转载 vue-cli项目在IE下运行钩子函数抛出异常“ReferenceError: “Promise”未定义”的解决办法
兼容IE是个坑，低版本IE很多都没法跑起来问题现象：vue-cli项目在IE下运行，会在钩子函数出现 ReferenceError: “Promise”未定义解决办法：step1:安装最新的web-pack-server 命令行：npm install --save-dev webpack-serverstep2:安装Babel Polyfill 命令行：（1）npm in...
2018-09-29 17:31:17
1742
1
转载 正确设置网站title、keywords、description（转载）
本文转载自蚂蚁HR(www.mayihr.com)1、title（网站标题）title，就是浏览器上显示的那些内容，不仅用户能看到，也能被搜索引擎检索到（搜索引擎在抓取网页时，最先读取的就是网页标题，所以title是否正确设置极其重要。）title一般不超过80个字符，而且词语间要用英文“-”隔开，因为计算机只对英语的敏感性较高，对汉语的敏感性不高。用法：<title>网站...
2018-09-27 11:25:09
1188
原创 Git本地代码同步到Github远程仓库
一：本地代码上传到git远程库步骤：1，（先进入项目路径）通过命令git init把这个目录变成git可以管理的仓库git init 2，把文件添加到版本库中，使用命令git add。git add .3，用命令git commit告诉Git，把文件提交到仓库。引号内为提交注释git commit -m 'xxx'4，关联到远程库git remote...
2018-09-27 11:14:11
5443
原创 css3 transition 简易动画
今天分享下用css3 的transition属性做的简易小demo,虽然简单，但用在一些官网类的项目中还是很实用滴哦~~~transition属性有：值 描述 transition-property 规定设置过渡效果的 CSS 属性的名称。 transition-duration 规定完成过渡效果需要多少秒或毫秒。（必须） transition-timin...
2018-08-30 15:56:25
852
原创 css 实现div在页面上的水平居中问题
css实现一个元素的水平垂直居中与页面中，是搭建页面及样式经常遇到的问题，下面呢，kk把在项目的实践中经常用到的几种方法总结了一下，和大家一起分享~~~（欢迎大家批评指正哦）先来个效果图方法一：（直接上代码）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &
2018-04-04 16:21:46
601
原创 css 背景图铺满整个屏幕无滚动条
kk总结了两种方式实现背景图铺满整个屏幕并且无滚动出现的方式，下面来一一介绍：方法一：先上个效果图html页面：一个用来放背景图的容器.bg<body> <div class="main"> <div class="bg"></div> </div><script>st
2018-04-03 15:53:43
8652
2
原创 新浪云个人项目部署步骤
新浪云个人项目部署步骤步骤1：进入新浪云 步骤2：登录 步骤3：点击‘创建新应用’ 步骤4：输入信息① 二级域名如果提示“该应用名已经被占用”，请你再尝试输入一些其他的名字我这里输入的是JCguanwang② 应用名称必须填写写“晶创官网”③ 应用描述可以不填写④ 运行环境我们选中php5.6⑤ 代码管理选择“svn”⑥ 上述完成之后，点击创建应用 创建之后，会显示如下页面：我们点击“点此进入...
2018-03-30 15:28:16
2984
1
原创 vue之路由的使用（一）
kk（就是本人啦）刚用vue做完一个项目，想着闲暇的时间对用到的常用功能做个小总结，方便复习的同时也能和各位大神进行交流讨论（关于路由的方法还有很多，本次就先讨论其中一种实现方式，后面kk会逐渐做补充完善的哈~~~）1：点击按钮，跳转到任意页面（不传参）方法: this.$router.push({path:'xxx');案例代码分享如下： 这是html部分 这是js部分注：go函数写在me...
2018-03-28 17:25:01
2072
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人