leaf ...-CSDN博客

原创 js判断是移动端还是电脑端

console.log(“这是移动端”);console.log(“这是PC端”);

2023-09-27 15:45:44 374

原创前端页面模拟聊天记录内容

模拟聊天记录框页面<!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 1817 2

原创父元素设置min-height子元素设置height100%继承不了的情况解决

今天遇到的这个问题百度方法没有效果意外解决首先子元素不要设置浮动这个很重要父元素设置display:flex然后就OK了

2020-03-12 17:45:55 4884 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 3514

原创遮罩层写法

.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 188

原创 vue2.0 使用echarts饼状图插件

1.效果图2.代码如下 myEcharts.vue 3.调用代码

2019-01-28 14:51:33 1824

原创去掉overflow滚动条的样式

因为自己用到了在这里就都归纳一下吧1.overflow属性visible 默认值。内容不会被修剪，会呈现在元素框之外。hidden 内容会被修剪，并且其余内容是不可见的。scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。inherit 规定应该从父元素继承 overflow 属性的值。2.去掉滚动...

2019-01-23 15:31:22 6494

因项目中要实现pdf预览，查找了一圈最终决定使用pdf.js这一插件。这里主要是说一下我在使用时遇到的比较坑的bug参考博文：https://blog.csdn.net/Corey_mengxiaodong/article/details/81079135感谢这篇文章的大佬写的很详细。但是当我把demo运用在我的vue项目中时，却不显示pdf只出现一个白色的框，框里并没有内容。开始找了很多的...

2019-01-23 14:11:44 8499 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 1871

原创 mint-ui landmore组件使用坑点

1.上拉加载无效给landmore组件外面的父盒子设置overflow: scroll;2.解决mint-ui滚动时与下拉刷新和上拉加载冲突造成页面回弹. 在手机测试上发现的真的很坑啊把父组件的高度设置为你页面需要展示的高度，如果全部展示就写100%；然后把你的landmore组件外面的父盒子高度设置需要展示页面的高度，一定要大于你组件里的高度而不能相等。...

2019-01-11 16:50:28 320

原创使用Vue封装组件完成计数器插件功能

今天得空自己封装了一个组件的计数器小功能，分享给大家。代码都有注释详细。注意点：组件里的父子传值；以及如何使用使用Vue.use( )开发插件。那就直接来上代码啦/index文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta n

2018-10-21 23:15:25 2195

原创 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 6599 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 521

原创 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 122

原创 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 9671

原创如何安装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 89

原创如何手动搭建webpack手脚架

资料来源webpack官网 https://webpack.docschina.org/guides/asset-management/虽然现在通常为了简便我们都会直接使用官网的脚手架，为了更熟悉我们的webpack,就尝试自己搭建了一个，操作不难。注意：请在网络良好的情况下进行操作，有时候会因为网络的问题导致下载包中有丢失的情况。第一步是基于node.js的基础上搭建的，所有如果你还没有下...

2018-10-10 16:26:30 688

原创如何使用原生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 7104

qq_42874794的博客