- 博客(77)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Mac安装tree命令
执行brew install tree如果报以下错误则执行rm -rf /usr/local/Homebrew/Library/Taps/homebrew/homebrew-corebrew updatebrew install tree
2021-11-16 15:04:29
705
原创 Cannot find module ‘eslint-webpack-plugin‘
前端项目启动时报错，找不到 'eslint-webpack-plugin’模块。使用 npm i下载依赖报错，则有可能是node和npm的版本问题。可以尝试下载nvm，将node版本改为10.X或12.X。
2021-10-09 17:25:55
1314
原创 react 项目引入 video
仅供参考：src部分直接使用 从模板位置到视频位置的路径，即可。<video muted src='../src/assets/images/341326914.mp4' height="458" autoPlay loop style={{ padding: '20px' }} ></video>如果直接像上面用不行的话，请先仔细检查路径是否正确。再三检查过后，webpack中再检查装载机配置。loaders: [{ test: /\.html$/,
2021-06-30 16:59:57
963
转载 移动端项目开启debug调试
方案一：eruda文档用法：1、直接引入<script src="https://cdn.jsdelivr.net/npm/eruda"></script><script>eruda.init();</script>2、也可以用npmnpm install eruda --save方案二：vconsole文档(1) 如果未使用 AMD/CMD 规范，可直接在 HTML 中引入 vConsole 模块。为了便于后续扩展，建议在 中引入：
2021-06-29 10:13:48
320
原创 全国省市县json数据
全国省市县json数据[{ "code": "11", "name": "北京市", "children": [{ "code": "1101", "name": "市辖区", "children": [{ "code": "110101", "name": "东城区" }, { "code": "110102", "name": "西城区" }, { "code": "110105",
2021-03-30 15:33:14
1978
原创 js日期计算
js日期计算//1、现在new Date()//2、今日 年/月/日new Date().toLocaleDateString()//2021/3/26//3、今日起止//起new Date(new Date().toLocaleDateString())//止new Date(new Date(new Date(new Date().getTime()+1000*60*60*24).toLocaleDateString()).getTime()-1)//4、本月new Dat
2021-03-26 15:04:17
382
原创 常用正则整理
1、中文: [\u4e00-\u9fa5]2、英文字母: [a-zA-Z]3、数字: [0-9]4、手机号:20年精准校验： /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/简单校验：/^1[3456789]\d{9}$/ 或者 /^1\d{10}$/5、姓名：2-4位中文/^[\u4e00-\u9fa5]{2,4}$/6、座机号：/^(0\d{2,3})-?(\
2021-03-18 11:51:44
147
转载 http状态码
HTTP状态码分类分类描述1**信息，服务器收到请求，需要请求者继续执行操作2**成功，操作被成功接收并处理3**重定向，需要进一步的操作以完成请求4**客户端错误，请求包含语法错误或无法完成请求5**服务器错误，服务器在处理请求的过程中发生了错误状态码列表状态码状态码英文名称中文描述100Continue继续。客户端应继续其请求101Switching Protocols切换协议。服务器根据客户端的请求切换
2021-03-18 10:35:53
60
转载 html、html5标签
30个H5新标签+90个html原有标签，共有120个标签。其中10个w3c官方不建议使用。30个H5新标签+90个html原有标签，共有120个标签。其中10个w3c官方不建议使用。
2021-03-18 10:12:11
127
原创 简单的前端笔试题1.0
1.下面哪一个不是 HTML5 中的标签A.articleB. sectionC. footD. main 点击查看详细内容 - 测试 测试测试 for i in a: print(i) 2.下列描述错误的是A.HTTP 状态码 302 表示暂时性转移B. domContentLoaded 事件早于 onload 事件C. IE6/7/8 不支持事件捕获D. LocalStorage 存储的数据，在刷新页面后会消失3.要去掉文本超链接的下划线，
2021-03-18 09:28:34
272
原创 网页配色方案
一、借鉴阮一峰网络日志（1）网页的主题色深颜色使用c、f、6、9这四个字符，组合生成 RGB 色值，比如紫罗兰色是9966ff，靛蓝是6666ff，红色是ff6666。淡颜色使用a、b、c、d、e、f这六个字符，组合生成 RGB 色值。（2）文字的颜色文字最好不要使用全黑，而是使用深蓝色，可以从下面几种颜色挑。1a2a3a最深，2a3a4a次之，7a8a9a最浅。（3）背景色、阴影色、边框色背景色、阴影色、边框色都属于衬托，建议使用灰色，可以从aaaaa、bbbbbb、cccccc、d
2021-03-03 10:20:06
3076
原创 vue-cli3、swiper、swiper.animate配合使用
vue-cli3、swiper、swiper.animate配合使用1.swiper安装使用1.1下载swiper1.2引入、使用swiper1.2.1全局引入1.2.2组件中引入2.使用swiper.animate实现轮播切换后执行动画3.vue-awesome-swiper安装使用4.vue-awesome-swiper中使用animate1.swiper安装使用1.1下载swipercnpm install swiper --save-dev1.2引入、使用swiper引入可以在main.j
2021-03-02 10:28:49
893
2
原创 WPS使用开发工具 宏
个人版WPS下载vba运行即可使用宏工具。链接：https://pan.baidu.com/s/1pMCYqR4oQ0aCofToHhFCxw提取码：z5v4
2020-12-21 11:58:11
6051
4
原创 vue项目图片资源展示问题
vue项目图片资源展示问题1、图片资源在src目录下2、图片资源在src同级目录下1、图片资源在src目录下当图片资源在src目录下面时，页面图片的路劲要使用变量的话需要使用require，如<img :src="require('../../static/test.png')"><img :src="require('@/static/test.png')">注意require中不能用变量，因为require是webpack的方法，项目在打包走require时项目还没有
2020-12-07 18:20:30
335
原创 面试题，用jq封装分页插件
题目要求：题解：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width',' initial-scale=1.0"> <title>面试题</title> <script src="http://libs.bai
2020-11-10 10:40:08
162
原创 Linux运维小命令备忘
Linux运维小命令备忘1、查看cpu占用率2、查看内存占用情况3、查看磁盘使用情况3.1、当磁盘占用率过高时，查找较大文件4、软链接、硬链接1、查看cpu占用率执行top命令，结果如下：一般我们把 99.3 id当做空闲cpu，100-99.3=0.7百分之0.7当做cpu占用率。[root@localhost ~]# toptop - 10:37:54 up 0 min, 1 user, load average: 1.35, 0.40, 0.14Tasks: 144 total, 1
2020-05-19 12:14:29
171
原创 网站临时改变哀悼主题、灰白主题
对于部分浏览器可使用如下css实现：html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); fi...
2020-04-08 15:31:23
133
原创 电脑忘记开机密码怎么办
因朋友忘记电脑开机密码，故博主整理此一系列解决办法，其中部分办法经过试用，看客需自行选择合适的办法。如果电脑绑定微软账户可直接通过在登录界面，忘记密码，邮箱找回。电脑忘记开机密码1.win101.1安全模式操作账户1.2制作启动盘重置密码2.win10以下可尝试2.1ctrl+alt+u（博主win10不可行）2.2安全模式操作账户2.3 网上的办法，感觉不可行，但是简单，可以试试1.w...
2020-03-26 17:29:35
3217
原创 sessionStorage实现网站一段时间无操作自动退出登录
sessionStorage实现网站一段时间无操作自动退出登录在全站引入本js，在sessionStorage中设定一个当前时间，监控网站每有操作就更新这个时间，并设定一个几分钟（本例为1分钟）的延时器判断是否登录状态，如为登录状态则退出 ，代码如下：(function (checkLogin,loginOut) {//checkLogin判断是否登陆状态的方法，loginOut退出登陆的方法...
2020-03-23 16:51:58
824
转载 centos修改系统时间
使用CentOS，遇到本地时间对不上，直接敲命令：date -s "2017-10-21 15:15:15"是立即生效了，但是重启后，系统时间还是原来的。修改了其一是没有办法奏效，必须两者都更改。1.date //查看本地2.hwclock --show //查看硬件的时间3.如果硬件的时间是对不上，那就对硬...
2019-06-28 15:38:56
624
原创 轮播图插件总览
1.swiper ,轮播图界的扛把子2.superslider，支持tab切换等多种实用效果3.touchslider，支持拖动的jq轮播插件（扩展性不强）
2019-06-17 10:46:55
248
原创 手动搭php环境
最简单的就是下载工具如wampserver、phpstudy等，安装环境方便快捷好管理。手动安装的话，需要安装php，mysql（或其他数据库），apache服务器，然后把服务器起起来，将php或html文件放到服务器发布目录，访问时即可解析php代码。本次搭建的环境位php7.3.6+mysql5.7.25+apache2.4.39.一、巧妇难为无米之炊，第一步当然是先下载。php下...
2019-06-12 17:19:37
112
原创 js全屏解决方案
<script type="text/javascript"> document.onkeydown=function(e){ e = e|| window.event || arguments.callee.caller.arguments[0]; if(e && e.keyCode==122){ ...
2019-05-22 15:43:36
367
原创 py3，mysql爬虫初试手
附：github源码本文以爬取链家北京东城区租房信息为例。先看一下我的目录结构：__pycache__ db.py //简单封装操作mysql的工具类getproxy.py //从西刺网获取免费网络代理，并存到ip.json中，取用image.png ip.json //存放免费网络代理main.py //程序主入口myhtml.py //解析链家网的内容获取需要的信...
2019-05-13 09:03:14
116
转载 MySQL如何修改密码
MySQL如何修改密码原文链接：0000第一种方式：最简单的方法就是借助第三方工具Navicat for MySQL来修改，方法如下：1、登录mysql到指定库，如：登录到test库。2、然后点击上方“用户”按钮。3、选择要更改的用户名，然后点击上方的“编辑用户”按钮。4、输入新密码，并确认新密码，点击“保存”按钮即可。第二种方式：方法1： 用SET PASSWORD命令首...
2019-04-26 10:24:42
556
转载 css文字内容两端对齐
.txt{ text-align:justify;}/*单行文字两端对齐*/.txt:after{ content:' '; display:inline-block; width:100%; height:0;}
2019-04-26 10:13:49
404
原创 echarts多表关联
查看文档发现给出的方法是group或者直接connect，但是这种方法似乎不能满足现实项目中不同情况的需求。但是我发现可以用on绑定mouseover和mouseout事件，在事件里通过给关联的表设置dispatchAction -> type: 'highlight'和type: 'downplay',来实现多表关联。但是请注意要使关联表里特定的数据高亮，似乎只可以在dispatchA...
2019-04-24 09:59:45
542
原创 bug-echarts在ie10中图表未显示
问题：echarts在ie10以下图表未显示，但是移上去后tooltip可以显示、js会报错。我检查了半天都没发现问题所在，后来发现有以下两个办法可能能够解决。1、给dom设置固定宽高，原因可能是初始化时echarts取不到dom的宽高导致初始化失败。2、在option中把设定位置的百分比值替换成固定值。...
2019-04-24 09:48:34
633
原创 Echarts起始篇
Echarts起始篇1、引入插件echarts.min.js2、实例化echarts.init(dom[, theme, opts])参数：dom （必需参数）实例容器，一般是一个具有高宽的div元素。注：如果div是隐藏的，ECharts可能会获取不到div的高宽导致初始化失败，这时候可以明确指定div的style.width和style.height，或者在div显示后手动...
2019-04-12 10:21:10
382
原创 PC端html模板规范
<!DOCTYPE html><!-- 中文 --><html lang="zh-Hans"> <head> <meta charset="utf-8"><!-- 字符编码 --> <!-- IE 兼容模式 优先使用最新版本的IE 和 Chrome 内核 --> <meta h...
2019-04-02 11:28:09
548
原创 记录一次cnpm报错
cnpm下载 electron-forge时报错执行 cnpm i electron-forge -g时报错如下：改用npm下载，继续报错：查网后，get this：npm cache clean -f//清npm缓存npm install -g n//n模块是专门用来管理nodejs的版本n stable//升级到nodejs最新稳定的版本尝试后，发现运行cnpm成功！...
2019-03-28 11:09:57
249
转载 移动端优化-w3c
1.click300ms延迟2.快速回弹滚动快速回弹滚动在手机浏览器上的发展历史：早期的时候，移动端的浏览器都不支持非 body 元素的滚动条，所以一般都借助 iScroll;Android 3.0 / iOS 解决了非 body 元素的滚动问题，但滚动条不可见，同时 iOS 上只能通过2个手指进行滚动；Android 4.0 解决了滚动条不可见及增加了快速回弹滚动效果，不过随后这个特性...
2019-03-26 16:15:58
248
原创 查看github仓库的项目
https://afeyman.github.io/canvas_demo1/index.html在github上传的前端项目，可以直接输入账户.github.io/存储库/文件
2019-03-04 11:53:13
1847
转载 理解http
理解httpHTTP协议（HyperText Transfer Protocol，超文本传输协议）是因特网上应用最为广泛的一种网络传输协议，所有的WWW文件都必须遵守这个标准。HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。设计目的是保证客户机与服务器之间的通信。工作方式是客户机与服务器之间的请求-应答协议。web 浏览器可能是客户端，而计算...
2019-02-21 14:19:22
272
转载 一篇文章帮助你理解get、post
一篇文章帮助你理解get、post先说最实用的应用场景：简单地说：一般用get获取数据，用post提交、修改数据。稍具体一点就是：若符合下列任一情况，则用POST方法：请求的结果有持续性的副作用，例如，数据库内添加新的数据行。若使用GET方法，则表单上收集的数据可能让URL过长。要传送的数据不是采用7位的ASCII编码。若符合下列任一情况，则用GET方法：请求是为了查找资源...
2019-02-21 11:52:06
225
原创 jcms
单信息栏目一般诸如 ‘联系我们’之类的下面没有子栏目，且设一条信息的栏目作为单信息栏目。使用：1、建立多信息栏目（网站基本信息），2、其下建立单信息栏目（联系我们）3、貌似单信息栏目下随便录一条信息即可元数据栏目当多信息栏目中默认添加的字段无法满足需求时使用。1.系统设置中的元数据管理，新增（县区数据）2.点击刚添加的元数据的字段设计，添加需要的字段3.在相应的网站下新建需要的...
2019-02-19 12:01:28
529
原创 移动端布局问题
两种按宽度等比缩放方案1.rem布局详细见连接写页面时，使用rem做单位，1rem=100px代码：<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">;(function(win, doc) { //rem计算 function change() ...
2019-02-19 10:12:05
173
原创 js的 快速排序 算法
快速排序的原理：选择数组中的随便一个元素作为基准，遍历数组，将大于它的元素放在右边，小于他的元素放在左边。然后对左右两边的数组继续执行如上操作，如此递归直到左右两边的数组为1。js简单实现代码var quickSort = function (arr) { var newArr=arr.concat(); if (newArr.length...
2019-02-18 15:27:35
182
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人