- 博客(28)
- 资源 (1)
- 收藏
- 关注
原创 electron+vue开发遇到的坑记录
下载打包时遇到的问题国内网络访问不到github导致资源包下载不到,切换下载源:electron华为源 npm config set electron_mirror https://mirrors.huaweicloud.com/electron/electron_builder_binaries华为源 npm config set electron_builder_binaries_mirror https://mirrors.huaweicloud.com/electron-builder
2021-12-08 11:17:12
872
原创 移动端开发自适应方案(flexible)
引言我们在日常开移动端页面时,总是要面临用户有各种各样的机型,屏幕大小的不同,会导致我们在开发机型上开发出来的页面,放在其他机型上,页面就会变形或者变得很丑。为了解决这一问题,淘宝开源了一套移动端适配方案: flexible.使用普通引入:在页面中引入源码<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.2/??flexible_css.js,flexible.js"></script>根据设计图的尺寸确定
2021-12-01 10:26:42
1216
原创 web网页中输入框自动填充背景色会改变(已解决!!!)
input:-webkit-autofill { // 注意 如果设置后没变化在input前再加几个选择器 可能因为权重不够 box-shadow: 0 0 0 1000px #fff inset!important; // 背景色 -webkit-text-fill-color: #a0a0a0!important; // 字体色}
2021-08-18 14:02:51
435
原创 Vue JSON数据导出excel(xlsx插件)
下载依赖包npm install -S file-savernpm install -S xlsxnpm install -D script-loader项目src目录存放相关文件Blob.js/* eslint-disable *//* Blob.js * A Blob implementation. * 2014-05-27 * * By Eli Grey, http://eligrey.com * By Devin Samarin, https://github.c.
2021-08-17 16:03:15
451
原创 浏览器 unload beforunload事件不触发
关于在浏览器中监听unload beforunload事件不触发,是因为关闭浏览器时必须要光标在当前浏览器中 否则浏览器监听不到
2021-08-04 18:09:51
1197
转载 转载 js代码规范
Original Repository: ryanmcdermott/clean-code-javascriptJavaScript 风格指南目录介绍变量函数对象和数据结构类测试并发错误处理格式化注释介绍作者根据 Robert C. Martin 《代码整洁之道》总结了适用于 JavaScript 的软件工程原则《Clean Code JavaScript》。本文是对其的翻译。不必严格遵守本文的所有原则,有时少遵守一些效果可能会更好,具体应根据实际情况决定。这是根据《代码
2021-04-20 10:42:40
114
原创 谷歌浏览器解决前后端调试接口跨域问题(转载)
win系统很方便:设置google属性 – 目标 + 空格 + --disable-web-security --user-data-dir=C:\chromedatamac下:1.建立本地跨域文件夹这个文件夹是浏览器打开时候进行设置一些基本文件,因为需要关闭浏览器的安全策略。命令:cd /Users/[你电脑名字]/Documents/ 然后建立个文件夹:命令是mkdir ChromeCors第一步就结束了。2.打开浏览器增加参数命令:open -n /Applications/Googl
2021-03-01 17:47:44
516
原创 利用Canvas实现随机验证码
直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { margin: 0; padding:
2020-12-24 09:59:23
168
原创 webSocket(springboot + js)基本连接
springboot引入包 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId> </dependency> <dependency> <groupId>org.projectlombok</groupI
2020-10-26 16:39:03
507
原创 mysql笔记(学习)
查询(常用)SELECT * FROM table; --查询全部SELECT * FROM table order by 列名 DESC; -- DESC 降序 ASC 升序SE事务 原子性 持久性 隔离性 一致性SET autocommit = 0; // 关闭自动提交START TRANSACTION; // 开启事务执行的SQL语句 COMMIT; //提交事务ROLLBACK; // 回滚SET autocommit = 1; // 恢复默认值索引
2020-10-14 18:11:00
105
原创 Docker部署一个前端项目(简单步骤,适合新手学习)
创建项目或者打包项目(vue—dist文件夹)在项目的同级目录下创建dockerfile文件编辑dockerfile文件# 设置基础镜像FROM nginx# 定义作者MAINTAINER xkkkA# 将项目文件夹中的文件复制到 /home/web 这个目录下面COPY ./demo /home/web切换到当前文件夹下创建镜像# -t 是给镜像取名。# 最后有一个点 “.”,表示使用当前路径下的 dockerfile 文件,也可以指定使用其它路径的。docker build
2020-10-12 18:55:33
1880
原创 nginx配置 (Windows小配置nginx)
server { charset utf-8; listen 80; ## 配置一个端口号 server_name admin.boost-tutorial.local; ## 配置一个本地的域名 并且在c盘的host文件下添加映射关系 127.0.0.1 admin.boost-tutorial.local root C:\Users\dell\Desktop\innobase
2020-09-03 20:45:21
208
原创 防抖节流函数实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <p>点我
2020-08-25 10:55:29
574
原创 python爬取京东商品信息及评论
准备chrome浏览器 和 chromeDriver插件 (其他浏览器步骤类似)python 环境python selenium模块代码'''爬取京东商品信息: 功能: 通过chromeDrive进行模拟访问需要爬取的京东商品详情页(https://item.jd.com/100003196609.html)并且程序支持多个页面爬取,输入时以逗号分隔,思路: 创建webdriver对象并且调用get方法请求url,进入页面根据dom结构爬取一些简要信息,之后通过模拟点击商品评价按钮,再
2020-07-30 15:51:19
1944
原创 vsCode插件-------Beautify(格式化代码)
安装插件配置settings.json文件设置–>插件–>Beautify config—>settings.json/// settings.json "editor.formatOnSave": true, // 保存后自动格式化 "beautify.language": { "js": { "type": [ "javascript", "json" ], "filename": [ //
2020-07-13 18:57:58
4804
原创 vsCode格式化eslint插件配置
下载插件打开vscode 找到eslint插件并安装配置setting.json文件设置---->用户---->插件---->eslint复制文本粘贴进去(配置来自与网络){ "editor.fontSize": 17,//编辑器字体大小 "[scss]": { "editor.defaultFormatter": "michelemelluso.code-beautifier" },//scss格式化工具 "workbench
2020-07-12 18:05:14
1980
2
原创 实习笔记
** 代码优化 **注释/** * 1.代码块注释 * 这是一个代码块(方法、类等) */getList() { // 2.行内注释 var dataList=[]; // 存储列表数据 //to do something..}变量命名以及定义等var userFormData = { ... } // 表单数据命名以xxx + FormDatavar userSelectOptions = { ... } // 下拉框数据命名以xxx + SelectOptionsvar
2020-06-29 18:16:37
134
原创 Vue-----Router
RouterRouter基本使用动态路由匹配编程式导航路由Router基本使用引入路由<script src="https://unpkg.com/vue/dist/vue.js"></script><script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>引入vue和vue-router.如果使用的是v-cli可以直接命令行安装npm install vue-r
2020-05-29 10:45:40
107
原创 Linux部署网站等常规使用(宝塔面板)
Linux使用安装宝塔面板部署网站数据库访问(连接)操作安装宝塔面板连接linux服务器 yum install -y wget && wget -O install.sh http://download.bt.cn/install/install.sh && sh install.sh安装成功会显示账号密码,访问http://你的服务器外网地址:8888端口进入宝塔登录页面,登录账户。进入页面后会提示你选择要安装的服务,一般选择推荐部署网站
2020-05-29 09:45:14
730
原创 axios的二次封装
import axios from 'axios';import qs from 'qs';/* * 根据开发环境变量区分接口默认地址*/switch (process.env.NODE_ENV) { case 'production': //生产环境 axios.defaults.baseURL = "http://www.xuekang.club"; break; case 'test': // 测试环境 axios.defaults.baseURL = "
2020-05-26 19:18:14
158
原创 Springboot整合mybatis笔记
整合Mybatis步骤创建springboot项目File -> new -> project ->在pom文件中引入所需要的的依赖<!-- 整合mybatis --> <dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-spring-boot-starter</artifact
2020-05-26 15:00:40
134
原创 Android(litepal开源库的使用方法)
litepal开源ORM框架使用步骤创建项目 在bulid.gradle文件中添加如下库(版本可去github官网查看最新版本号)配置litepal.xml文件:<?xml version="1.0" encoding="utf-8"?> <version value="1" /><list> <mapping class=""></mapping></list>创建对象模型3.
2020-05-26 11:09:55
406
原创 前端面试问题汇总(实习生)
面试flex布局怎么样让盒子的元素在他底部?给盒子设置display:flex,height:100px,alight-item:flex-end;vuex中的四个方法?state 存储数据源 this.$store.state.xx获取mutations 改变数据源的方法 this.$store.commit(’’)触发actions 异步分发mutations this.$store.dispatch(’’)触发getters 获取数据 在compted
2020-05-25 14:45:21
1252
原创 常用正则表达式
常见语法. 匹配所有\d 匹配数字 \D 匹配除数字以外的字符\s 匹配空格 制表符 换行符 \S 相反[abc] 匹配范围内的 [a-z] a 到 z 的所有‘*’ 可以出现0次或者多次‘+’ 可以出现1次或者多次? 0次或一次以下正则表达式匹配一个正整数[1-9]设置第一个数字不是 0,’[0-9]*’ 表示任意多个数字:/[1-9][0-9]*/ ...
2020-05-18 11:53:41
124
原创 Gitee常用命令
git常用命令分享git checkout -b 名称:创建分支.git checkout -d 名称:删除分支.git checkout 分支名称:切换分支git pull origin master:如果是多人开发的话 需要把远程master上的代码pull下来git merge dev:切换到master分支后执行,把dev分支合并到master分支.git clone 远程仓库地址:远程拉取项目.git starus:查看当前本地仓库状态.git push origin mast
2020-05-18 11:47:16
7383
1
原创 浏览器渲染原理
浏览器渲染原理浏览器渲染原理渲染过程回流重绘浏览器渲染原理在我们学习前端的过程中经常会和浏览器打交道,但是许多人却不知道浏览器是怎么把我们的代码渲染成一个个好看的页面的,下面就为大家大概的讲一下这个过程。仅为本笔记供大家参考,大神勿喷,如有错误,还请指教。渲染过程首先,用户在浏览器中输入url并按下搜索时,浏览器会通过本地的DNS服务器查找对应的ip地址,如果找到了,通过路由器获取远程服务器对应的文件(html,css,js…),如果没找到,继续去rootDNS服务器(全国十三台根服务器)查找,最
2020-05-18 11:01:34
203
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人