- 博客(64)
- 收藏
- 关注
RSS订阅
原创 js滚动条滚动到指定元素
this.$nextTick(() => { let item = document.getElementById("card-item"); // 指定的元素 let wrapper = item.parentElement.parentElement; // 其父元素 - 必须是产生滚动条的元素 // el.focus(); // 元素聚焦法定位 ， 有时定位不全， 可用 outline:none; 除去聚焦产生的框; 对于默认没有聚焦的元素需要主动
2021-03-04 17:38:06
8979
1
原创 自定义v-drag指令（横向拖拽滚动）
Vue.directive('drag', { // 钩子函数，被绑定元素插入父节点时调用 (父节点存在即可调用，不必存在于 document 中)。 inserted: (el, binding, vnode, oldVnode) => { console.log(el, binding, vnode, oldVnode) let drag = el; // 要拖拽的元素...
2021-03-04 17:01:38
992
1
原创 vue/cli4 创建vue项目选项详解
多版本创建项目一、[email protected]二、[email protected]三、[email protected]：1.查看 vue 版本：项目中,找到package.json文件夹 找"dependencies"中的vue ；若无项目，在cmd中输入 where vue，cd到vue目录下输入 npm list vue ，即可看到。2.查看 vue-cli脚手架 版本：vue -V （很多人会把这个认为是查看vue版本）3.安装最新版本 vue 和 cli ：npm install vue -g (-g
2020-12-30 17:46:49
4556
原创 原生js打印指定节点元素
很简单：<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>打印</title> <meta name="viewport" content="width=device-width, initial-scale=1"></head><body><div> <span s
2020-10-25 16:07:00
1414
3
原创 为什么element的el-backtop会不管用，来看这里
<template> Scroll down to see the bottom-right button. <el-backtop target=".page-component__scroll .el-scrollbar__wrap"></el-backtop></template>把target指向你要产生“回到顶部”按钮的组件，这个组件一定要是产生滚动条的组件！这个组件一定要是产生滚动条的组件！这个组件一定要是产生滚动条的组件！举
2020-05-23 16:55:22
5605
2
原创 Vue使用Vuex一步步封装并使用store
文章目录一、安装Vuex依赖二、一步步封装store1. main.js中全局引入store仓库（下一步创建）2. this.$store3. this.$store.state4. this.\$store.getters（this.\$store.state的升级）5. this.$store.commit('mutations')6. this.\$store.dispatch('actions')（this.\$store.commit('mutations')的升级）三、modules 模块化四、
2020-05-12 23:38:48
8746
3
原创 vue项目将token存在（vuex）store和localstorage中
文章目录一、准备工作和token1、准备工作1、介绍token用法二、创建storage，store，request1、src目录：2、创建storage（可选）3、创建store4、创建request三、配置代理，封装路由router、设置路由守卫，在main.js中引入router一、配置代理二、封装路由router，并设置路由守卫三、在main.js中引入router四、登录页面实际使用仔......
2020-02-19 23:58:14
21206
15
原创 用scrapy框架写爬虫
爬虫可以发送给引擎的两种请求： # 1、url： # （爬虫）yield scrapy.Request -> 引擎 -> 调度器（发送给调度器入队） -> 引擎（调度器出队请求于引擎） # -> 下载器（引擎发送于下载器） -> 引擎（下载器成功（失败）返回引擎）：-> 爬虫（引擎接收成功将给爬虫response）or -> 调度...
2019-09-27 10:15:19
435
原创 从购买域名到nginx,flask搭建自己的网站
python,pycharm(flask),nginx搭建web，非常详细，绝对有帮得到你的地方
2019-08-27 21:01:27
3407
2
原创 arcgis自定义dem高程实现地形抬高 - 操作矢量，转tin、adf(tif)，cesiumlab切高程服务
地形抬高：arcgis处理：矢量 → tin → adf → tif → cesiumlab → dem服务 → nginx →cesium加载
2024-02-01 17:51:40
1715
原创 arcgisserver发布前后字体图标如何正常显示
有时用gis人员制图时会用到特殊字体和字体图标，这时我们拿到mxd工程文件时，发现无法正常显示。发布服务更是显示异常。
2024-01-19 14:39:12
406
原创 arcgis本地服务快速迁移到新机
在本机或服务器发布了几十、几百个gis服务，当换电脑或者换服务器时不可能挨个找源文件重新发布服务，于是就想着既然是本地文件，一定可以拷贝过去的，经过一番搜索，结果如下
2022-06-08 10:02:23
1415
原创 Object defineProperty
Object defineProperty一、简介1. 属性表2.互斥性3. get、set的简单使用二、深入三、应用一、简介defineProperty可以详细的配置一个对象的属性的特性和值赋值的两种方式：var test = {}// 第一种test.kind1 = 1; // var test = {kind1:1}// 第二种Object.defineProperty(test,"kind2",{ value:2})// ===========================
2022-03-23 13:40:24
1415
原创 kbone-cli初始化项目，提示‘模板xx不存在’
取消git代理就好了git config --global --unset http.proxygit config --global --unset https.proxykbone init my-app跳转目录cd my-app开发小程序npm run mp开发 Webnpm run web发布 Webnpm run build恭喜你! "my-app"项目初始化成功!...
2022-01-18 13:57:19
462
原创 腾讯地图判断点是否在区域内
链接添加几何计算库：libraries=geometryxxx为自己的key <script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&key=xxx&libraries=geometry"></script>调用TMap.geometry.isPointInPolygon(position, paths)
2021-11-08 13:15:11
1774
转载 电脑的组成
1.CPU（中央处理器），是一块超大规模的集成电路，有很多针脚，是电脑的核心，它是电脑进行运算和控制的核心，处理着各种信息的运算，就像人计算数学题要用头脑运算一样。2.主板是电脑最基本的、最重要的部件之一，它的作用就是在上面安装各部件和外设设备，组成电脑的主要电路系统，说得白一点就是很多部件需要主板来进行统一连接组成一个整体，它负责协调。3.内存也是电脑中的主要部件，它是平时打开电脑运行程序的地方，计算机中的程序的运行都是在内存中进行的，因此其大小对电脑的运行影响也比较大。4.硬盘是电脑的存储媒
2021-09-10 14:55:36
4824
原创 git针对已有仓库或已有文件的初始化操作
git全局配置用户git config --global user.name “xxx”git config --global user.email “xxx.cn”情况1、既没有git仓库也没有本地文件 - 创建新仓库git clone url.git//cd xx//touch README.md//git add README.md//git commit -m "add README"//git push -u origin master情况2、已存在文件夹，但没有提交到git
2021-08-11 17:49:34
684
原创 vue引入postcss-plugin-px2rem，px转rem
npm install --save-dev postcss-plugin-px2remvue.config.jsmodule.exports = { css: { loaderOptions: { postcss: { plugins: [ require('postcss-plugin-px2rem')({ rootValue: 16, //换算基数， 默认100 ，1 / fontsize(html) = x
2021-06-28 12:12:18
648
原创 vue集成iconfont、fontawesome和图标选择器（含fontawesome、el-icon和加入的iconfont）
一、将图标加入购物车阿里巴巴矢量图标库：二、新建（添加至）项目右上角的购物车 → 添加至项目 → 进入到项目页面三、下载后项目中引入点击下载至本地，解压缩包，只需要这四个文件此时.ttf和.woff文件已经保存了前面步骤的图标，将其复制于 src/assets/iconfont （看个人爱好）然后main.js全局引入这个css就行// 引入自定义iconfontimport "@/assets/iconfont/iconfont.css";在iconfont.css文件中
2021-06-23 10:06:41
2383
原创 vue element form中input等组件不能输入值
<el-input v-model="form[item.prop]" />此时form只是一个空对象{}，当主动设置 form.inputVal = “” 后input却无法输入值，这是因为属性没有get和set，需要用vue内置属性设置：this.$set(this.form, item.prop, "");...
2021-04-23 17:30:19
947
原创 js正则判断输入密码强度
onChange(val) { this.mark = new Set( val .replace(/[a-z]+/g, "a") .replace(/[A-Z]+/g, "b") .replace(/[0-9]+/g, "c") .replace( /[\`\~\!\@\#\$\%\^\&\*\(\)\_\+\-\=\[\]\\\;\'\,\.\/\{\}\|...
2021-04-16 09:55:30
261
1
原创 vue使用process.env搭建自定义运行环境
一、vue-cli项目下默认有三种模式：development：在 vue-cli-service serve 时使用。production：在 vue-cli-service build 和 vue-cli-service test:e2e 时使用。test：在 vue-cli-service test:unit 时使用。对应的 NODE_ENV 值分别为 development、production、test。二、可以通过环境文件来指定环境变量，环境文件有一下几个类型：.env： 在所
2021-04-12 17:01:17
4483
原创 js以变量为键
let key = "dynamic",obj={ [key]:true};obj[key+'2']=keyconsole.log(obj)一般在配置文件中应用较多
2021-04-12 10:37:17
509
原创 axios把post的RequestPayload格式转为formdata
方法一：配置transformRequest，缺点：其他请求格式的数据也会被重新格式话const service = axios.create({ //设置axios为form-data 方法1 // headers: { // post: { // "Content-Type": "application/x-www-form-urlencoded" // }, // get: { // "C
2021-03-26 16:43:00
1058
原创 vue3打包后无法加载页面
1、配置输出路径// vue.config.jsmodule.exports = { publicPath: './'}2、不能使用history路由// ...export default new Router({ // mode: 'history', routes: [ { path: '/', name: 'home', component: Home } ]})...
2021-03-17 14:25:23
757
原创 让动画每次重复前都有延迟
动画不从0%开始即可@keyframes textmove { 20% { transform: translateX(0); } 100% { transform: translateX(-100%); }}
2021-03-02 11:17:09
374
原创 Vue 当子组件需要v-modal父组件传入的数据时
父<template><Child :user="users" @on-user-change="onUserChange" /></template><script>export default { components: { SelectPanel, }, data(){ return{ users:["admin"] } }, methods:{ onUserChange(val){ th
2021-02-26 15:49:14
261
原创 js事件名称集
一般事件名称描述onClick鼠标点击事件，多用在某个对象控制的范围内的鼠标点击onDblClick鼠标双击事件onMouseDown鼠标上的按钮被按下了onMouseUp鼠标按下后，松开时激发的事件onMouseOver当鼠标移动到某对象范围的上方时触发的事件onMouseMove鼠标移动时触发的事件onMouseOut当鼠标离开某对象范围时触发的事件onKeyPress当键盘上的某个键被按下并且释放时触发的事件.[注意:页面
2021-02-25 11:34:18
632
原创 js绑定事件和阻止事件
一、绑定事件1、html绑定<div onclick="alert('click!')">click</div>2、el属性绑定el.onclick = ()=>{ alert("click!")}3、el函数绑定1）el.addEventListener(eventName,cb,useCapture)参数说明eventName事件名称，这里的事件名称没有“ on ”，如鼠标单击事件 clickcb处理事件的函数（回调函数-
2021-02-25 11:25:02
602
原创 vue3.0、cli4项目引入element plus
element团队为新版的 vue-cli4 准备了相应的 Element Plus 插件安装依赖npm install element-plus --savemain.js全局引入，样式文件需要单独引入import { createApp } from 'vue'import ElementPlus from 'element-plus';import 'element-plus/lib/theme-chalk/index.css';import App from './App.vue
2021-02-20 14:08:18
2641
原创 给谷歌浏览器安装vue调试工具:vue-devtools
安装vue-devtools一、拉取项目二、install、build三、添加扩展一、拉取项目vue-devtools：git地址（master分支）非master分支在build的时候会报错。二、install、build1、打开cmd进入项目目录，可以选择npm/cnpm/yarn 进行install；如果有类似503等错误可能需要删掉node_modules尝重试几次。npm installcnpm installyarn install2、然后输入npm run bu
2021-02-20 13:43:09
261
原创 前端个人笔记
安装新依赖/插件时忘记–save，下次install的时候有可能会报错（XX not found），安装错误信息重新安装依赖即可；如果没有报错就麻烦了，比如样式问题，怎么才能知道之前安装过什么依赖？目前我的一个办法是把以前的node_modules粘过去，运行时就会报错误信息，按照提示安装即可。若之前的node_modules无了，就不知道了。...
2021-02-04 13:48:32
151
转载 内联元素居中
父元素：height:100px;line-height:100px; // 与高相同text-align:center;子元素:display:inline;vertical-align: middle;适用图片、文字
2021-01-26 13:45:56
144
原创 vue引入全局less实现全局变量的控制
vue引入全局less1.设置全局样式变量的好处：2.以less为例（sass等同原理）1.vue-cli2搭建的项目（1）2.vue-cli2搭建的项目（2）3.vue-cli3、vue-cli43.vue-cli2和vue-cli3的区别4.vue-cli3和vue-cli4的区别5.vue-cli3配置项目的三种办法1.根目录下创建vue.config.js2.运行 vue ui，然后打开浏览器进行可视化配置3.直接在依赖中找到并修改6.分清vue版本和vue-cli版本1.设置全局样式变量的好处：
2021-01-21 17:24:16
874
1
原创 Mysql+Navicat for Mysql
一、mysql1.下载安装Mysql官网下载地址下载后解压 .zip （或安装.msi）2.可加入全局变量mysqld （可选）我的电脑->属性->高级->环境变量->Path(系统变量)，添加mysql下的bin目录，如D:\Program Files\mysql-8.0.22-winx64\bin这样在任何地方的cmd中都可以使用mysqld 指令了（因为mysqld.exe就在这个目录下）3.创建mysql.ini在mysql文件的bin同级目录下创建m
2021-01-12 17:46:10
279
原创 搭建spring boot环境并测试一个controller
一、新建项目1.新建project2.选择SpringInitializr，选择jdk，没有则需要下载并配置3.填写项目设置信息4.选择一个简单的依赖即可：Web - Spring Web5.填写项目名称、目录等信息6.此时的目录结构二、起步依赖添加（检查）Spring Boot的起步依赖；新版本创建项目后会自动添加必要的两个依赖1.打开pom.xml，所有项目都必须继承org.springframework.boot。运行页面要外加一个org.springframework.
2021-01-12 14:03:23
720
1
原创 vue 监听路由变化
1.watch监听$route（$router的对象）// 监听,当路由发生变化的时候执行watch:{ $route(to,from){ console.log(to.path); }},===========================================================// 监听,当路由发生变化的时候执行watch: { $route: { handler: function(val, oldVal){ console
2021-01-11 11:17:04
1711
2
原创 vue-router query,parmas,meta传参
1.query，显示在导航栏？后，相当于get请求传参this.router.push({path:'/login',query:{ 'redirect':'/home'}})this.router.push({name:'Login',query:{ 'redirect':'/home'}})2.parmas，不会显示，相当于post请求传参this.router.push({name:'Login',parmas:{ 'redirect':'/home'}}) // 目前测试没有query不行
2021-01-11 11:08:09
1807
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人