- 博客(21)
- 收藏
- 关注
原创 前端页面模拟聊天记录内容
模拟聊天记录框页面<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>JavaWeb考试-题目1</title> <style type="text/css"> body {
2020-10-28 15:10:34 1931 2
原创 父元素设置min-height子元素设置height100%继承不了的情况解决
今天遇到的这个问题 百度方法没有效果 意外解决 首先子元素不要设置浮动这个很重要 父元素设置display:flex然后就OK了
2020-03-12 17:45:55 5013 1
原创 求取1到100的随机数
Math.ceil(Math.random()*100+1) //Math.ceil是向上取整//公式 包括1和100在内Math.random()*可能值的总数+第一个可能值;function sum(n,m){ Math.ceil(Math.random()*(m-n+1)+n) }第二个公式 查自https://www.cnblogs.com/xyn0909/p...
2019-03-09 20:33:21 3661
原创 遮罩层写法
.blackMask { height: 100%; width: 100%; background-color: #000000; opacity: 0.5; position: fixed; z-index: 1000; top: 0px; left: 0px }
2019-02-15 10:32:42 213
原创 去掉overflow滚动条的样式
因为自己用到了在这里就都归纳一下吧1.overflow属性visible 默认值。内容不会被修剪,会呈现在元素框之外。hidden 内容会被修剪,并且其余内容是不可见的。scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。inherit 规定应该从父元素继承 overflow 属性的值。2.去掉滚动...
2019-01-23 15:31:22 6651
原创 解决vue中使用pdf.js出现框无内容的问题
因项目中要实现pdf预览,查找了一圈最终决定使用pdf.js这一插件。这里主要是说一下我在使用时遇到的比较坑的bug参考博文:https://blog.csdn.net/Corey_mengxiaodong/article/details/81079135感谢这篇文章的大佬写的很详细。但是当我把demo运用在我的vue项目中时,却不显示pdf只出现一个白色的框,框里并没有内容。开始找了很多的...
2019-01-23 14:11:44 9002 1
原创 rem适配移动端js文件 两种方法
第一种方法1.1引入js文件(function (win){ var doc = win.document; var html = doc.documentElement; var option = html.getAttribute('data-use-rem'); if( option === null ) return; // defaut var b...
2019-01-15 18:05:08 1961
原创 mint-ui landmore组件使用坑点
1.上拉加载无效给landmore组件外面的父盒子设置overflow: scroll;2.解决mint-ui滚动时与下拉刷新和上拉加载冲突 造成页面回弹. 在手机测试上发现的真的很坑啊把父组件的高度设置为你页面需要展示的高度,如果全部展示就写100%;然后把你的landmore组件外面的父盒子高度设置需要展示页面的高度,一定要大于你组件里的高度而不能相等。...
2019-01-11 16:50:28 361
原创 使用Vue封装组件完成计数器插件功能
今天得空自己封装了一个组件的计数器小功能,分享给大家。代码都有注释详细。注意点:组件里的父子传值;以及如何使用使用Vue.use( )开发插件。那就直接来上代码啦/index文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta n
2018-10-21 23:15:25 2231
原创 VueCLI3.x通过CDN加载jQuery axios的配置
在运用中发现,vuecli3.x搭建的项目中CDN加载JQuery,axios等的配置有点不一样。所以分享一下。1.加载配置的第一步首先都是一样的 将第三方包引入到public下的index.html文件中&lt;script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;&lt;s
2018-10-21 20:42:41 6628 1
转载 Vue中使用的省市联动插件
很好用 转载自https://github.com/jcc/v-distpicker1.安装 npm install v-distpicker --save2.导入全局导入import Distpicker from 'v-distpicker'Vue.component('v-distpicker', Distpicker)局部导入 建议使用这个import VDistpic...
2018-10-19 22:53:21 533
原创 vuex的基本使用
1.首先给大家简单说明一下vuex以及用它主要来做什么:vuex是专门为vue.js设置的状态管理库,可以使用vuex处理数据实现组件之间的数据共享。换句话说就是,vuex是在全局最高的环境下保存的数据,所有的组件都可以访问到。2.代码演示1.安装cnpm install vuex --save2.全局导入main.js文件中使用import Vuex from 'vuex' 非...
2018-10-16 18:52:26 137
原创 Vue中如何导入路由简单使用
其实vue.router的使用,就是将组件 (components) 映射到路由 (routes),然后告诉 Vue Router 在哪里渲染它们。vue-router网址:https://router.vuejs.org/zh/guide/#html1 在终端安装下载cnpm install vue-router --save2 在main.js中引入import import Vue...
2018-10-13 19:15:04 10673
原创 如何安装Vue_cli来创建项目
之前写过一个手动配置的,但是建议还是使用官方的脚手架。简便又高效1.全局安装脚手架工具在安装了node.js的基础下,如果未安装cnpm 先安装npm install cnpmcnpm install -g @vue/cli 1.2 初始化项目vue create 项目名称 创建项目完毕之后 选择默认 按enter键直接去下一步选择包管理工具 国内一般建议使用npm 不用修改...
2018-10-13 18:36:11 105
原创 如何手动搭建webpack手脚架
资料来源webpack官网 https://webpack.docschina.org/guides/asset-management/虽然现在通常为了简便我们都会直接使用官网的脚手架,为了更熟悉我们的webpack,就尝试自己搭建了一个,操作不难。注意:请在网络良好的情况下进行操作,有时候会因为网络的问题导致下载包中有丢失的情况。第一步 是基于node.js的基础上搭建的,所有如果你还没有下...
2018-10-10 16:26:30 701
原创 如何使用原生js控制video和audio的播放暂停切换
1. video 给按钮添加点击事件 如果想通过controls来控制也可以调用H5C3中视频的方法1.1 html代码<div style="text-align:center;"> <button id="btn">播放/暂停</button> <br /> <video id=&quo
2018-09-30 22:42:15 7526
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人