- 博客(101)
- 收藏
- 关注
RSS订阅原创 Android视频播放之VideoView
针对第一个问题，查了一些资料，有人说是因为默认情况下，如果视频分辨率小于设备的屏幕分辨率，VideoView在播放视频时都是在左上角显示的，将VideoView组件的gravity属性设置为center即可。Android的VideoView组件可以从不同的来源（例如资源文件或内容提供器）读取图像，计算和维护视频的画面尺寸以使其适用于任何布局管理器，并提供一些诸如缩放、着色之类的显示选项，包含在widget下面：android.widget.VideoView。注：以下描述中重复参数的解释就不给出了。
2024-01-31 15:38:07
1444
原创 git 忽略某个文件的提交
1. 将某文件永久忽略,不提交至git首先在你git所管理文件夹根目录下,创建一个名为.gitignore的文件,随后将你需要忽略的文件都放到这里即可。注意这种方式对已经提交到git上面的文件是无法奏效的,例如在.gitignore这个文件存在前,.project这个文件已经托管提交给git了,那后面在.gitignore这个文件里添加.project表示忽略这个文件也不行,git依然会帮我们提交这时候需要用到第二种方法。2. 忽略某个已经托管给git的文件,防止二次提交..
2022-05-30 09:52:31
1228
1
原创 外接显示器输入不支持解决办法
设置 => 显示 => 高级显示设置 => 显示器2的显示适配器属性 => 列出所有模式 => 选择1440*900# 注意：如果本身模式就是1440*900 ，那就试试切换别的模式应用再切换回来。
2022-04-13 10:09:28
4065
1
原创 python matplotlib.pyplot 散点图详解
一、创建散点图可以用scatter函数创建散点图并使用show函数显示散点图代码如下：import matplotlib.pyplot as plt #导入模块x = [5, 7, 8, 10, 6]y = [3, 7, 13, 8, 10]plt.scatter(x, y, color="skyblue", s=100) #创建散点图#color参数设置颜色#s参数设置大小#marker参数设置图案，其中“s“为正方形plt.show() #显示散点图运行如下
2022-04-07 11:06:01
2047
原创 selenium.common.exceptions.WebDriverException: Message: ‘chromedriver‘解决
问题？这里是chromedriver 配置出了问题解决办法：查看 Google Chrome 的版本号：下载Google对应版本的chromedriver：ChromeDriver - WebDriver for Chrome - Downloads解压后得到 文件chromedriver.exe 放在python安装目录下完成！！具体步骤：1、下载Google对应的chromedriver2、 放在python安装的目录下3...
2022-02-10 10:52:34
8319
原创 高德地图：适配视野范围
// 自动适配到合适视野范围// 无参数，默认包括所有覆盖物的情况map.setFitView();// 传入覆盖物数组，仅包括polyline和marker1的情况map.setFitView([polyline,marker1]);
2021-12-14 10:42:28
1337
原创 echarts 重新加载数据
myChart.setOption(option, true)setOption() ：第二个参数设置为true 重新加载数据
2021-11-04 17:33:21
5425
原创 改变useState 创建的对象里的某一个值
const [state, setState] = useState({ username: '张三', age: 18})const fn = () => { let son = state son.username = '李四' setState(son)}
2021-10-20 09:56:24
3430
2
原创 react反向代理使用 http-proxy-middleware
第一步安装：npm install --save-dev http-proxy-middleware第二步：在 src 文件夹下创建命名为 setupProxy.js 的JS文件，并配置如下代码const { createProxyMiddleware } = require('http-proxy-middleware'); //注意：注意写法，这是1.0以后的版本，最好按抄module.exports = function(app){ app.use( .
2021-03-09 10:30:31
328
原创 从零开始搭建React+TypeScript项目
主要的依赖：React16.12+TypeScript3+tslint5+react-router5+react-redux7+axios0.19+element-ui1.4+SCSS4.13+环境版本要求：Node >= 8.10npm >= 5.6首先安装 React 框架和类型库，有两种方式：方法1：npx create-react-app my-app --typescript方法2：npx create-react-
2021-03-04 14:54:18
1318
3
原创 React的Sass配置
一、更新react-scripts或者create-react-appnpm install react-scripts@latest --save或者npm install -g create-react-app@latest二、在已有项目下安装node-sassnpm install node-sass -D有个小坑，node-sass版本不同对node的要求不一样。Node 11 -----> node-sass 4.10Node 10 ----&g.
2021-03-03 11:13:45
819
原创 导入 react 的正确方法
目前我们常见的有两种引入react的方法import React from 'react';// vsimport * as React from 'react';这两种写法目前都可以运行，但是同一个目的出现两种写法就容易产生分歧，本文主要阐述这两种写法的不同并给出我建议的写法。便捷性从便捷性角度来讲，无疑第一种方式要少打好多字符。另外如果我们要引用react包内的其它导出项时，第一种方式的有点更明显：import React, { useState } from...
2021-03-02 11:03:07
2353
原创 async 函数的含义和用法
一、终极解决异步操作是 JavaScript 编程的麻烦事，麻烦到一直有人提出各种各样的方案，试图解决这个问题。从最早的回调函数，到 Promise 对象，再到 Generator 函数，每次都有所改进，但又让人觉得不彻底。它们都有额外的复杂性，都需要理解抽象的底层运行机制。异步I/O不就是读取一个文件吗，干嘛要搞得这么复杂？异步编程的最高境界，就是根本不用关心它是不是异步。async 函数就是隧道尽头的亮光，很多人认为它是异步操作的终极解决方案。二、async 函数是什...
2021-01-06 11:28:32
726
原创 contenteditable 让你的标签可编辑
实例一段可编辑的段落：<p contenteditable="true">这是一个可编辑的段落。</p>定义和用法contenteditable 属性规定元素内容是否可编辑。注释：如果元素未设置 contenteditable 属性，那么元素会从其父元素继承该属性。属性值值 描述 true 规定元素可编辑。 false 规定元素不可编辑。 ...
2020-11-24 15:06:55
656
原创 vue项目满足localhost和IP同时访问，又避免启动页面时地址为为0.0.0.0
为了让别人的电脑在同一个网络下访问自己的项目，于是设置了：但是这样会导致Vue 项目启动打开网页的地址是0.0.0.0，要手动输入localhost，避免不必要的麻烦：webpack.dev.conf.js 添加：devServer: { useLocalIp:true,}...
2020-10-30 09:34:54
1647
3
原创 vue 打包体积大如何解决？开启 gzip 压缩
nginx 配制# 开启gzipgzip on;# 启用gzip压缩的最小文件，小于设置值的文件将不会压缩gzip_min_length 1k;# 设置压缩所需要的缓冲区大小gzip_buffers 16 64k;# 设置gzip压缩针对的HTTP协议版本gzip_http_version 1.1;# gzip 压缩级别，1-9，数字越大压缩的越好，也越占用CPU时间gzip_comp_level 3;gzip_types text/plain application/x-java
2020-10-22 17:41:12
1449
原创 view-design 使用 webpack 配置 externals问题
目前使用的是iview4 ,也就是view-design以前使用iview2的时候,webpack配置externals externals: { ... "iview": 'iview', ... },现在用版本4,view-design,需要这样配置 externals: { ... "view-design": 'iview', "iview": 'ViewUI', ... },先抛出...
2020-10-22 11:26:21
643
原创 使用vue打包，vendor文件过大，或者是app.js文件很大
通过 CDN 引入 比较大的一些包 ：1、把不常改变又很大的库放到index.html中，通过cdn引入，：<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.5.13/vue.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/vue-router/3.0.1/vue-router.min.js"></script&
2020-10-22 11:20:39
1028
原创 vue项目检测IE浏览器版本，版本太低给出提示
在index.html 文件的header标签内加入：<script type="text/javascript"> (function(window) { var theUA = window.navigator.userAgent.toLowerCase(); if ((theUA.match(/msie\s\d+/) && theUA.match(/msie\s\d+/)[0]) || (theUA.match(/t
2020-10-14 16:43:52
1500
原创 js设置/修改scss中的变量值
js动态修改scss变量值1.scss文件定义变量//--test ：为js操作此变量需要用到的KEY//red: 默认的css属性值$textColor: var(--test, red);2.js中更改$textColor 变量的值//--test ：为js操作此变量需要用到的KEY//blue: 修改后的css属性值document.getElementsByTagName('body')[0].style.setProperty('--test', 'blue');
2020-10-13 09:51:06
5126
3
转载 前端解决移动端适配的五种方法
移动端适配的五种方法所谓移动端适配，就是WebApp在不同尺寸的屏幕上等比显示第一种方法：viewport适配原理：通过设置initial-scale, 将所有设备布局视口的宽度调整为设计图的宽度.//获取meta节点var metaNode = document.querySelector('meta[name=viewport]');//定义设计稿宽度为375var designWidth = 375;//计算当前屏幕的宽度与设计稿比例var scale = docu..
2020-10-09 10:13:02
4341
1
原创 uni-app h5反向代理配置，解决跨域问题
uni-app h5反向代理配置，解决跨域问题 ：调用：比如我的接口是 https://www.xxxxxx.com/api-test/api/index/index配置了反向代理后只要这样写： /mobile_api/api/index/index, /loc会被替换成配置中的target的地址，配置完后记得重新编译...
2020-08-27 10:50:21
1856
5
原创 uni-app 小程序上传图片 ， 适配H5
直接上代码 ：整体代码 uni.chooseImage({ success: (res) => { console.log('res:',res); const tempFilePaths = res.tempFilePaths; console.log('tempFilePaths[0]:',tempFilePaths[0]); if(!uni.getStorageSync('token'..
2020-08-26 11:14:18
2145
4
原创 vue 跳转组件 滚动条返回顶部
在 app.vue 下 监听 $route 发生变化就让滚动条回到顶部 ；export default { name: 'App', watch:{ $route() { // 回到顶部 window.scrollTo(0, 0); } }}
2020-08-14 14:56:05
568
原创 swiper 快速左右滑动出现自动不停地抖动的BUG
<template> <view class="content"> <view class="nav"> <view :class="indicator== 0 ? 'skyblue' : '' " @tap="onnav(0)">安装信息</view> <view :class="indicator== 1 ? 'skyblue' : '' " @tap="onnav(1)">OBD数据</view>.
2020-08-07 10:09:21
2013
原创 VUE 实现简单的电子围栏 （AMap）
注册账号并申请Key第一步：main.js 下 引入vue-amapimport VueAMap from 'vue-amap';Vue.use(VueAMap);VueAMap.initAMapApiLoader({ key: '1ecc980127d36c5a0798a0eb7fa7bc32', // 设置 key ，没有申请 高德地图申请 key plugin: [ 'AMap.Autocomplete', 'AMap...
2020-07-27 15:25:17
3893
原创 uni-app :左右滑动 swiper
官方文档 ： https://uniapp.dcloud.io/component/swiper?id=swiper<template> <view> <view class="nav"> <view :class="current== 0 ? 'skyblue' : '' " @tap="onnav(0)">安装信息</view> <view :class="current== 1 ? 'skyblue' : ''
2020-07-27 14:50:00
4134
原创 Vue 的 post请求 和 Get 请求 方式
项目中post请求，get请求，传参方式是不一样的。get 请求： this.$http.get('/rail/findet',{ params:{ truckCode:this.fencevin, }, }).then((res) => { console.log
2020-07-20 10:36:42
983
原创 vue动态路由来生成系统菜单 解决刷新空白的问题
由于子路由都是动态追加的，当界面刷新的时候，其实我们路由里面并没有该子界面的配置，所以就是空白了在页面刷新时候，在router.beforeEach里面去判断，如果是动态路由而且是第一次加载，则动态追加该路由，再进行界面的跳转。我的思路：在页面刷新或是第一次加载进来时，创建一个变量，然后在 router.beforeEach 里面进行判断。（这里是模拟的数据，所以省略请求接口操作）i...
2020-01-02 11:59:27
2623
2
原创 Vue 路由拦截、http拦截
一、路由拦截登录拦截逻辑第一步：路由拦截首先在定义路由的时候就需要多添加一个自定义字段requireAuth，用于判断该路由的访问是否需要登录。如果用户已经登录，则顺利进入路由， 否则就进入登录页面。const routes = [{ path: '/', name: '/', component: Index},{ path: '/repo...
2019-12-31 16:46:16
624
原创 浏览器自带的滚动条造成的页面抖动问题
页面添加了一个CSS3旋转动画，动画执行后，页面不停的抖动（浏览器滚动条时有时无），查了一下资料，原来是 定位浮动元素的问题，因为执行动画的元素使用了 定位 ， 针对浏览器做的定位，导致浏览器滚动条漂浮不定，不停抖动。解决 ： 给做动画的元素添加一个带定位的父级元素。...
2019-12-24 10:50:41
1334
转载 SQL语言全部关键字详解
SQL语言基本定义基本类型SQL表中支持很多固有类型，包括： 类型 含义 char(n) 存放固定长度的字符串，用户指定长度为n。如果没有使用n个长度则会在末尾添加空格。 varchar(n) 可变长度的字符串，用户指定最大长度n。char的改进版，大多数情况下我们最好使用v...
2019-12-23 15:56:23
1607
原创 nodemon运行 提示错误：无法加载文件 C:\Users\gxf\AppData\Roaming\npm\nodemon.ps1，因为在此系统上禁止运行脚本。
nodemon运行 提示错误：无法加载文件 C:\Users\gxf\AppData\Roaming\npm\nodemon.ps1，因为在此系统上禁止运行脚本。这是你笔记本禁止运行脚本，解决办法1.管理员身份打开powerShell2.输入set-ExecutionPolicy RemoteSigned.3 选择Y 或者A ，就好了...
2019-12-20 13:33:12
1598
4
原创 VS code 关闭严格模式
在文件->首选项->设置中添加"eslint.enable": false配置即可可直接搜索 eslint.enable 关键字 去掉勾勾就行哒
2019-12-18 15:24:19
8971
1
原创 解决iview Page组件无法重置为第一页的问题
在我们平时开发中，有会使用到 iview中的 Page 组件，为了减少资源重复，我们难免会遇到多种各自不搭边的数据公用一个 Page 这是就会出现一个问题，当你把 数据A 渲染到 page组件中，中间浏览了分页，最后停留在某一页（非第一页） 之后，有想看 数据B ，于是打开 数据B，正常的当你再打开 数据B是会显示在第一页的，但是由于两组数据公用的一个 page ，所有打开B你会发现，数据停留...
2019-12-16 16:01:46
816
原创 Vue-cli脚手架搭建的项目如何使用网页图标
注意图标格式为.ico 、直接命名为favicon.ico在 HTML 页面 添加<link rel="icon" type="image/x-icon" href="favicon.ico"/>使用 Vue-cli 搭建的项目需要添加代码在下面如图位置添加代码favicon: './favicon.ico'再重新启动项目...
2019-11-25 10:04:08
523
原创 关于vue的router使用beforeEach造成死循环的问题
刚接触的你一般会这样写：router.beforeEach((to, from, next) => { const isLogin = sessionStorage.getItem('loginData') if (isLogin) { next() } else { next('/error') } })但是！这样会造...
2019-11-21 11:27:39
1698
原创 H5C3 + js 实现七夕言情
我无话可说。码云地址：https://gitee.com/XLyouth/chinese_valentines_day
2019-11-20 17:42:25
297
原创 Vue动态路由
本文单纯的实现路由动态添加功能。frist of all :引入脚手架等一些网上都有教材的繁琐事，直到成功的打开页面，如下（自己做的一个登录页面）then：选择你的父组件（用来装 动态son ）我这里就选择 Vue-cli 自带的组件HelloWorld 如下：我是酱紫做的：first one : 新建了一个名叫 view 文件夹 用来装 子路由们sons于是我就创建了这么几个...
2019-11-11 17:09:24
1057
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人