- 博客(36)
- 收藏
- 关注
RSS订阅转载 Web前端常用插件
转载自：https://segmentfault.com/a/1190000002759802 弹窗 1.blockUI 2.overlay 3.sweetAlert 视频 1.jwplayer 2.video.jshtml5 3.swfobjectFlash嵌入插件 幻灯片、图片切换 1.responsiveSlides 2.swiper手机端响应式 日期控件 1.dat...
2020-03-13 10:44:07
520
转载 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
297
转载 vue发布之后会出现白屏现象主要几种原因和解决办法
转：https://www.cnblogs.com/songhongye/p/10107402.html
2020-03-06 14:27:19
1446
转载 amazeui学习笔记--css布局--网格Grid
一、总结 基本使用 1、div+class布局：amaze里面采取的就是div+class的布局方式<divclass="am-g am-g-collapse"> 2、网格布局中的行和列：.am-g.am-u-xx-n 3、3种尺寸：sm md lg 4、从普通css到amaze：.am-g {margin:0 auto;width:100%;} .a...
2020-02-24 15:23:01
570
原创 ElementUI :picker-options 限制结束时间不能大于开始时间（亲测有效）
一：如图：延期的时间不能大于原销售日期 利用elementUi 的el-date-picker标签属性：picker-options 二：代码如下 <el-date-picker placeholder="选择日期" :picker-options="pickerOptions" ty...
2019-09-09 16:27:09
20795
转载 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
1122
转载 Vuex 使用及简单实例(计数器)
什么是Vuex？ vuex是专门为vue.js应用程序开发的一种状态管理模式，当多个视图依赖于同一个状态或是多个视图均可更改某个状态时，将共享状态提取出来，全局管理。 引入Vuex（前提是已经用Vue脚手架工具构建好项目） 1、利用npm包管理工具，进行安装 vuex。在控制命令行中输入下边的命令就可以了。 cnpm install vuex --save 要注意的是这里一定要加上 –...
2019-07-18 14:44:07
996
转载 Vue中qs插件的使用
之前用Vue+element写了一个后台管理系统，在登录时使用axios请求数据传参时无法正常的获取数据。之后也是一通百度，发现原因是传递参数要将参数序列化。 这里使用了qs插件： 简单来说，qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。 在项目中使用命令行工具输入：npm install qs 安装完成后在需要用到的组件中：import qs from 'qs’ 具体...
2019-07-05 13:48:13
2660
转载 css弹性盒子-------桃园三兄弟之：flex-grow、flex-shrink、flex-basis详解
转载自：https://blog.youkuaiyun.com/m0_37058714/article/details/80765562 flex-grow、flex-shrink、flex-basis三个属性的作用： 在flex布局中，父元素在不同宽度下，子元素是如何分配父元素空间的。 (注意：这三个属性都是在子元素上设置的，下面小编要讲的是父元素，指以flex布局的元素(display:flex)...
2019-05-30 16:16:15
248
转载 es6之变量的解构赋值
解构赋值含义：https://blog.youkuaiyun.com/qq_36846234/article/details/78973402 解构赋值应用：https://blog.youkuaiyun.com/qq_36838191/article/details/80856656
2019-05-05 16:55:15
161
转载 关于VUE中 import 、 export 和 export default 的注意问题
转载自：https://blog.youkuaiyun.com/mrliber/article/details/79155755 1、import引入一个依赖包，不需要相对路径。 import 引入一个自己写的js文件，是需要相对路径的。 示例：import axios from ‘axios’; import AppService from ‘./appService’; 2、import什么情况...
2019-04-19 15:56:53
411
原创 vant 时间选择的用法
效果如图所示，点击“来访时间”的input框，手机下方出现事件选择器 方法：点击vant-field这个input框，打开vant-pop弹窗,change事件当下拉改变值得时候触发 注意：readonly="readonly"这一属性可以防止ios手机上触发自带键盘和vant组件键盘两个同时出现的情况 <div class="date-ti...
2019-03-22 16:45:11
30514
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
8113
转载 ios input输入时弹出键盘框 页面整体上移键盘框消失后页面不能回弹的问题
问题描述： 前端h5混合开发手机端ios 当有input输入时，手机下方弹出键盘使页面上移，当输入完成，键盘消失后页面不能回弹导致下方有空白，按钮不能点击； 解决办法： 给input加blur事件 添加事件方法resetDiv，复制以下代码，ok resetDiv(){//ios 兼容，input失去焦点后界面上移不恢复的问题 setTimeout(() =>...
2019-03-22 14:05:27
3443
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
191
转载 如何在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
613
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
703
转载 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
5058
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
983
原创 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
1600
原创 引入外部字体font
1：将字体的ttf文档放入项目： 本例中文件夹顺序为：assents-->font-->pingfangnormal.fft 2：在style表里写入如下代码： @font-face{ font-family: 'pingfang'; /*给自定义字体命名*/ src:url('~@/assets/font/pingfangnormal.ttf') format('t...
2018-11-12 13:32:11
1783
原创 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
1689
1
原创 项目中引入外部字体
分为两步： 1.引入自定义的文字包，例如：引入pingfagnnormal.ttf 2.在需要使用此文字的页面style中：如需全局引入，写入app.vue中 <<<<完>>>>>...
2018-11-06 09:57:09
1360
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
225
原创 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
10586
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
93790
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
14580
1
转载 vue-cli项目在IE下运行钩子函数抛出异常“ReferenceError: “Promise”未定义”的解决办法
兼容IE是个坑，低版本IE很多都没法跑起来 问题现象：vue-cli项目在IE下运行，会在钩子函数出现 ReferenceError: “Promise”未定义 解决办法： step1:安装最新的web-pack-server 命令行：npm install --save-dev webpack-server step2:安装Babel Polyfill 命令行：（1）npm in...
2018-09-29 17:31:17
1845
1
转载 正确设置网站title、keywords、description（转载）
本文转载自蚂蚁HR(www.mayihr.com) 1、title（网站标题） title，就是浏览器上显示的那些内容，不仅用户能看到，也能被搜索引擎检索到（搜索引擎在抓取网页时，最先读取的就是网页标题，所以title是否正确设置极其重要。）title一般不超过80个字符，而且词语间要用英文“-”隔开，因为计算机只对英语的敏感性较高，对汉语的敏感性不高。 用法：<title>网站...
2018-09-27 11:25:09
2029
原创 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
6265
原创 css3 transition 简易动画
今天分享下用css3 的transition属性做的简易小demo,虽然简单，但用在一些官网类的项目中还是很实用滴哦~~~ transition属性有： 值 描述 transition-property 规定设置过渡效果的 CSS 属性的名称。 transition-duration 规定完成过渡效果需要多少秒或毫秒。（必须） transition-timin...
2018-08-30 15:56:25
950
原创 css 实现div在页面上的水平居中问题
css实现一个元素的水平垂直居中与页面中，是搭建页面及样式经常遇到的问题，下面呢，kk把在项目的实践中经常用到的几种方法总结了一下，和大家一起分享~~~（欢迎大家批评指正哦）先来个效果图方法一：（直接上代码）<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &
2018-04-04 16:21:46
688
原创 css 背景图铺满整个屏幕无滚动条
kk总结了两种方式实现背景图铺满整个屏幕并且无滚动出现的方式，下面来一一介绍：方法一：先上个效果图html页面：一个用来放背景图的容器.bg<body> <div class="main"> <div class="bg"></div> </div> <script>st
2018-04-03 15:53:43
9000
4
原创 新浪云个人项目部署步骤
新浪云个人项目部署步骤步骤1：进入新浪云 步骤2：登录 步骤3：点击‘创建新应用’ 步骤4：输入信息① 二级域名如果提示“该应用名已经被占用”，请你再尝试输入一些其他的名字我这里输入的是JCguanwang② 应用名称必须填写写“晶创官网”③ 应用描述可以不填写④ 运行环境我们选中php5.6⑤ 代码管理选择“svn”⑥ 上述完成之后，点击创建应用 创建之后，会显示如下页面：我们点击“点此进入...
2018-03-30 15:28:16
3125
1
原创 vue之路由的使用（一）
kk（就是本人啦）刚用vue做完一个项目，想着闲暇的时间对用到的常用功能做个小总结，方便复习的同时也能和各位大神进行交流讨论（关于路由的方法还有很多，本次就先讨论其中一种实现方式，后面kk会逐渐做补充完善的哈~~~）1：点击按钮，跳转到任意页面（不传参）方法: this.$router.push({path:'xxx');案例代码分享如下： 这是html部分 这是js部分注：go函数写在me...
2018-03-28 17:25:01
2167
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人