H_x-CSDN博客

原创 leaflet基础使用

1. 使用leaflet加载OSM地图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2021-11-11 16:16:49 957

原创前端JavaScript工具函数汇总

…待续1. 数字加千分号function microMeter(n) { if (!n) return let numStr = n.toString() let pointRight = '' numStr.indexOf('.') > -1 ? pointRight = '.' + numStr.split('.')[1] : pointRight // pointRight为小数 pointLeft = numStr.split('.')[0] // pointLeft为

2021-10-20 11:37:31 212

原创微信小程序：navigator在真机调试时无法跳转

问题在wxml里面使用了navigator来控制跳转,在微信开发者工具里能正确跳转，但是在真机调试时点击却无反应原因及办法navigator 对应的 url 必须配置在app.json的pages中，否则无法跳转。所以解决办法就是在app.json -> pages里配置上对应的url另外：navigator 对应的 url 不能配置在"tabBar"的"list"里，负责也无法跳转，因为tabBar的跳转需用switchTab进行。参考博客...

2021-02-27 10:55:45 1957

原创 python:raise ProxyError(e, request=request) requests.exceptions.ProxyError

利用requests发起网络请求时，出现以下错误：原因：使用了代理解决办法：当然是关闭代理，重新运行一次

2021-02-19 22:10:21 2381 5

原创 python: Could not find a version that satisfies the requirement cycler＞=0.10 (from matplotlib)

安装matplotlib时，报错：Could not find a version that satisfies the requirement cycler>=0.10 (from matplotlib)安装pygame成功了，安装matplotlib却失败了，这是网络原因造成的，当时我开了vpn，所以一直报这种错，把vpn关掉后竟然安装成功了。网上也有人说是网速造成的，可以考虑换个网络或镜像源。...

2021-02-08 21:43:36 893

原创在pycharm中导入pygame以及解决导入失败的问题

安装pygame到电脑先到这里下载pygame, 版本要与自己电脑的python版本对应然后来到存放文件的目录中，打开命令窗口，执行pip install pygame-2.0.1-cp38-cp38-win32.whl后面的pygame-2.0.1-cp38-cp38-win32.whl要记得替换成自己下载的文件名，命令执行完后会显示安装成功的提示在pycharm项目中导入pygame网上很多说法是直接在Pycharm中的Setting -> project interpreter中

2021-02-08 18:03:21 3035 1

原创 python: AttributeError: ‘Settings‘ object has no attribute ‘screen_width‘

python实例化时报错class Settings: """存储《外星人》的所有设置的类""" def _init_(self): """初始化游戏的设置""" # 屏幕设置 self.screen_width = 900 self.screen_height = 600 self.bg_color = (230, 230, 230)通过settings = Settings()实例化Settings时

2021-02-08 17:26:34 6988 12

原创 partially initialized module ‘json‘ has no attribute ‘dump‘ (most likely due to a circular import)

python报错：AttributeError: partially initialized module 'json' has no attribute 'dump' (most likely due to a circular import)这是由于我的py文件名字是json.py，导致import json导入的是我自己写的py文件我不是python库。解决办法当然就是把文件名改掉...

2021-02-06 22:08:51 1605 3

原创连接MySQL报错：1045 - Access denied for user ‘ root @‘localhost‘ (using password: NO)

这个情况一般都是密码问题导致的，第一次登录时不输入密码，直接回车，就报了这个错，第二次输入密码后显示登陆成功如果是用可视化工具连接数据库，重新输入密码即可

2021-01-27 19:54:00 809

原创 Android安卓应用开发：创建自定义布局的通知并监听通知栏按钮的点击事件

需求音乐播放器播放音乐时会启动Service，此时需要在通知栏创建通知通知的布局是自定义的可以监听通知栏的按钮，点击时切换暂停/播放功能实现通知栏自定义布局文件notification.xml<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://sch

2020-12-26 18:27:56 621

原创 Android安卓应用开发：使用Serializable在Activity之间传递对象数组List＜Object＞

需求需要从MainActivity传递List<Album>类型的数据给MusicService实现Serializable需要让Album类实现Serializable且需要新加一个列表类AlbumList作为中间者，且AlbumList也要实现Serializableclass Album(val id: Long, val title: String, val artist: String, val duration: Long, val url: String):Seria

2020-12-25 18:23:32 532

原创 Android安卓应用开发：在Kotlin代码中使用在arrays.xml/integer-array中定义的图片

1. 在arrays.xml中定义图片位置<?xml version="1.0" encoding="utf-8"?><resources>  <integer-array name="filmImage"> <item>@mipmap/film11</item> <item>@mipmap/film2</item> &

2020-12-08 12:30:03 474

原创 Android安卓应用开发：使用Serializable方式在Activity之间传递数据

需要实现的效果要求移动应用中有3个活动：MainActivity ,FirstActivity和SecondActivity。在MainActivity中利用Button控件，自定义一个按钮菜单，可以从主活动跳转到其他活动中，并可以从其他活动跳转返回到主活动。其中一个按钮菜单是“退出”菜单项，可以直接从该移动应用退出。定义一个Student类，属性由姓名name: String和birthday:LocalDate，要求将一个学生对象(张三，1999-02-23)，从活动MainActivity

2020-11-30 15:35:21 414

原创 Android安卓应用开发：activity回调机制

实现效果为项目添加菜单，当点击“退出”按钮时询问是否确定要退出，当点击“配置”按钮时显示配置信息1. 新键menu布局配置文件在res目录下右键，选择new -> android resource file -> 选择文件类型为menu，完成后会生成menu目录以及menu.xml文件添加menu Item，把menu Item添加到所需的地方，并填写title/id等信息可以使用如上所示图形界面来设计，也可以如下通过代码进行配置（修改menu.xml）<?xml

2020-11-30 15:07:35 359

原创 2020年秋招前端面试题

字节（商业变现）一面说说flex布局、以及以下属性flex-shrink/flex-grow/align-items说说数组有哪些方法，然后问了一道reduce方法的题[‘x’, ‘v’, ‘sss’] => { x: true, v: true, … }把左边的数组变成右边对象的形式用new的形式创建的对象和直接调用方法的形式有啥区别function Person(name){ this.name = name; return { }}const a =

2020-10-28 17:32:34 847 3

原创 Vue-Router: keep-alive实现页面后退不刷新，前进刷新

想要实现的效果当从页面A跳转到页面B后，又从页面B回退到页面A，这时候页面A不再刷新，而是从缓存中读数据；从除了B以外的页面C前跳转到A页面时，刷新A页面。实现方法1首先在A页面的路由配置中设置keep-alive缓存： { path: '/plan/create', name: 'createPlan', meta: { title: '填写周计划', allowBack: true, keepA

2020-09-01 20:42:31 1349 1

原创为localStorage设置过期时间

思路设置缓存的最长时间expsetItem时同时存储缓存存储的当前时间戳timegetItem前获取当前的时间戳now若now-time>exp则表示缓存信息已过期实现let exp = 1 * 24 * 60 * 60 * 1000 // 一天时长(时间戳格式)localStorage.setItem('userId', 'xxx') localStorage.setItem('time', new Date().getTime()) // 登录的时间if (new Date(

2020-08-24 21:32:08 583

原创 js实现周数与日期之间的转换

周数转为日期思路：需要的参数： // year 年 // week 周 // day 需要输出星期几对应的日期 (0-6, 0代表周日)算出该年第一周有几天（用毫秒数表示）：date1 = new Date(year, 0, 1); firstDay = (7-date1.getDay())*dayMS算出最后一周有几天（用毫秒数表示）：day*dayMS减去第一周和最后一周，week-2就是满7天的星期数。算出1月

2020-08-17 21:27:58 3708

原创 js实现电话、邮箱、密码的格式校验

电话： verifyPhone(val) { let rule = /^[1][3,4,5,7,8][0-9]{9}$/ return rule.test(val) }邮箱 verifyEMail(val) { let rule = /^([0-9A-Za-z\-_\.]+)@([0-9a-z]+\.[a-z]{2,3}(\.[a-z]{2})?)$/g return rule.test(val) }密码(6位以上字母与数字组合

2020-08-17 20:41:46 576

原创 vue-router在query里添加参数无效，参数不显示在地址栏

描述需要在query里带上一些参数跳转，代码这么写vm.$router.push({ path: '/signup/writeInfo', query: { enterpriseId: this.companyInfo.enterpriseId, enterpriseName: this.companyInfo.enterpriseName }})但是当页面跳转是路径中却没有带上这些参数原因参数值this.companyInfo.enterpriseId和this.

2020-08-12 23:41:16 3103 2

原创 vant2.10.0以下版本的表单验证规则rules报错后无法重置表单状态的问题

问题描述使用vant的vant-field组件来实现输入框，此项为必填项，所以需要加:rules="[{required: true }]"<van-field v-model="companyID" type="text" name="companyID" size="large" label="企业ID" placeholder="请输入企业ID" :rules="[{required:

2020-08-12 23:33:38 3843 3

原创 bem-css命名规范

语法中划线-表示块，例如一个想把一个容器命名为x-box，这就是块，即-用来连接有多个单词的块的名字下划线_表示块的后代元素，例如x-box_header，x-box_center， x-box_button双中划线--表示状态或者版本，例如成功，失败等，x-box_button--success, x-box_button--danger实例<form class="site-search site-search--full"> <input type="tex

2020-08-11 18:01:13 137

原创 Javascript使用moment判断此刻是否是下午

moment().startOf()的使用如果想要判断现在是否已经是下午，可以这么写：isAfternoon () { // console.log(moment().startOf('day').valueOf() + 12 * 60 * 60 * 1000 - (new Date()).valueOf()) // 当天中午距离此刻的时间 let timeDis = moment().startOf('day').valueOf() + 12 * 60 * 60 *

2020-08-04 23:27:00 3340

原创 Vue: native事件修饰符的作用

在父组件中，如果想为子组件绑定一个点击事件，有可能这么写：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"></script></head><body><div id="app">

2020-07-28 23:54:57 495 2

原创 Vue: this.$route.params和this.$route.query的区别

1. this.$route.params传入参数：this.$router.push({ name: '/page1', params:{ id:id, }})获取参数: this.$route.params.id传参后在地址栏的显示形式：http:/xxxx/page1(URL中不显示参数，数据无缓存-即刷新或跳转后页面数据不再存在)2.this.$route.query传入参数：this.$router.pus

2020-07-28 23:36:09 416

原创使用vs code 进行salesforce页面开发

1.安装saleforce-cli下载地址检验是否安装成功：2. 在salesforce中安装插件安装Salesforce Extension Pack：3.创建项目文件夹按Shift + Ctrl + P打开搜索框选择Create Project with manifest选择empty输入项目名后建立文件夹，注意有一个manifest文件夹从salesforce上拉取项目代码（1）先授权（2）根据不同的环境做出选择，这里选择测试环境（3）

2020-07-28 23:25:58 2737

原创 vscode css错误提示{ expected css(css-lcurlyexpected)

如果是在vue中使用less或者sass, css错误提示{ expected css(css-lcurlyexpected)查看右下角的语言是不是Vue如果不是，需要改成Vue

2020-07-09 16:45:53 24769 9

原创使用Proxy和Reflect实现简单的双向数据绑定

Proxy基本语法const obj = new Proxy(target, handler);其中target为被代理的对象，handler为对象，声明了代理target的一些操作。用到的Proxy方法get(target, propKey, receiver)target: 目标对象。propKey: 目标对象的属性。receiver: (可选)，该参数为上下文this对象set(target, propKey, value, receiver)target: 目标对象。propK

2020-06-13 21:38:45 349

原创 shell脚本参数超过9个时的处理

如果shell脚本中使用的参数不超过9个，用$1-$9即可。当脚本程序的参数多于9个时，可以用shfit命令来使用序号大于9的参数。这个命令把命令行参数全体向左移一位。#! /bin/bashecho "前三个参数:$1 $2 $3"shiftecho "前三个参数:$1 $2 $3"shiftecho "前三个参数:$1 $2 $3"...

2020-06-06 10:10:50 1455

原创实现图片懒加载

计算图片是否进入可视区实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">

2020-06-02 14:08:58 152

原创 hadoop中SequenceFile的使用

序列文件 SequenceFileSequenceFile的每条记录是可序列化的字符数组；存储结构上，SequenceFile由一个Header后跟多条Record组成；Header：包含了Key classname，Value classname，存储压缩算法，用户自定义元数据等信息；还包含了一些同步标识，用于快速定位到记录的边界。Record:每条Record以键值对的方式进行存储；记录的长度、Key的长度、Key值和Value值，并且Value值的结构取决于该记录是否被压缩。序列化文件的

2020-05-30 19:54:52 1309 4

原创 webpack定义环境变量

方法1：直接配置（1）在webpack配置文件中使用webpack自带的DefinePlugin插件（2）在其他文件中使用变量（3）效果：2.方法2：在不同的环境中定义不同的变量(1)npm install webpack-merge(2)项目目录下新建webpack.base.js, webpack.prod.js, webpack.dev.js文件其中webpack.prod.js用于生产环境，webpack.dev.js用于开发环境，webpack.base.js同时用于开发环境和

2020-05-25 15:57:27 2001

原创 webpack: 配置style-loader的insertAt出现的问题

使用style-loader会默认将css文件里的样式拷贝到html文件里head标签的底部：如果想要插入到head标签的顶部，应该使用insert,而不是insertAt,因为api改变了…更新日志里说明了这一点：正确的写法：module.exports = { module: { // 模块 rules: [ { test: /\.less$/, use:[ { loader:'style-loader',

2020-05-24 10:56:48 842 1

原创 webpack默认的配置文件名称

Webpack的配置文件名称默认使用webpack.confid.js和webpackfile.js：可在node_modules/webpack-cli/bin/config/config-yarn.js中查看修改：

2020-05-24 10:24:05 833

原创 flex属性：flex-grow/flex-basis/flex-shrink

flex属性：flex-grow/flex-basis/flex-shrinkflex的“可伸缩”主要体现在flex-grow/flex-basis/flex-shrink这三个属性上flex-basis未应用flex-grow和flex-shrink之前，flexbox中的项的初始大小,默认取值是auto<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &lt

2020-05-17 21:37:12 224

原创 BFC的作用

0.BFC内部的特点（1）上下两个盒子的margin折叠（2）能够管理float元素（可计算float元素的宽高）（3）BFC内的元素不会对BFC外的元素定位造成影响（4）盒子的左边紧挨着BFC的左边1.右边自适应的两栏布局使用BFC前：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title>&l

2020-05-15 21:55:21 115

原创 vue生命周期方法

vue生命周期图示来自李南江老师的图:创建期间的生命周期方法beforeCreate:在调用beforeCreate的时候, Vue实例刚刚被创建出来，此时还未初始化好Vue实例中的数据和方法, 所以还不能访问Vue实例中保存的数据和方法created:在调用created的时候, 是我们最早能够访问Vue实例中保存的数据和方法的地方beforeMount:在调用beforeMo...

2020-04-30 21:59:38 159

原创 vue组件的驼峰式命名与短横线分割命名

1.注册组件的时候使用了驼峰命名如果在注册组件的时候使用了驼峰命名, 那么在使用时需要转换成短横线分隔命名<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组件命名</title> <script src...

2020-04-29 14:48:59 1677

原创 vue：v-text、v-html与模板{{}}的区别

vue：v-text、v-html与模板{{}}的区别v-html: 会覆盖原有的内容,并且会解析数据中的html；v-text: 会覆盖原有的内容,并且不会解析数据中的html；{{}}插值: 将指定的数据插入到指定位置,不覆盖原有的内容，并且不会解析数据中的html<!DOCTYPE html><html lang="en"><head> ...

2020-04-22 15:43:38 245

原创前端面试题：正则表达式以及replace的使用

题目：function template(tmpl, data) { // your code}template('我的名字是{{name}}，我的工作是{{work}}，我喜欢{{work}}', { name: '小周', work: '编程' }); // 函数的返回是 '我的名字是小周，我的工作是编程，我喜欢编程'解法1：使用正则表达式以及replace...

2020-04-21 21:21:21 497

空空如也

空空如也