- 博客(138)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 React
React1.安装npm i react react-dom2.React的使用1）引入react和react-dom两个js文件<script src="./node_modules/react/umd/react.development.js"></script><script src="./node_modules/react-dom/umd/react-dom.development.js"></script>2）创建React元素
2021-11-16 02:12:49
496
原创 前端常见知识点三之HTML
前端常见知识点三之HTML1.HTML5 drag apidragstart：事件主体是被拖放元素，在开始拖元素时触发darg：事件是被拖放元素，在正在拖放时触发dragenter：事件主体是目标元素，在进入某元素时触发dragover：事件主体是目标元素，在某元素内移动时触发dragleave：事件主体是目标元素，在移出目标元素时触发drop：事件主体是目标元素，在目标元素完全接受被拖放元素时触发dragend：事件主体是被拖放元素，在整个拖放操作结束时触发2.对HTML语义化标签的
2021-07-11 22:44:39
181
原创 前端常见知识点五之Fetch
前端常见知识点五之Fetchfetch发送2次请求的原因fetch发送post请求的时候，总是发送2次。第一次状态码是204，第二次才成功；因为在用fatch的post请求的时候，导致fetch第一次发送了一个Options请求，询问服务器是否支持修改的请求头，如果服务器支持，则在第二次中发送真正的请求。参考文章：Fetch API 教程...
2021-07-11 22:11:38
519
原创 前端常见知识点四之webscoket
前端常见知识四之webscoket1. 概览1）WebSocket 协议在2008年诞生，2011年成为国际标准。所有浏览器都已经支持了。它的最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于服务器推送技术的一种。2. 其他特点包括：（1）建立在 TCP 协议之上，服务器端的实现比较容易。（2）与 HTTP 协议有着良好的兼容性。默认端口也是80和443，并且握手阶段采用 HTTP 协议，因此握手时不容易屏蔽，能通过各种 HTTP 代理服
2021-07-11 03:03:37
707
2
原创 前端常见知识点二之浏览器
前端常见知识点之浏览器1.web Quality(无障碍)能够被残障人士使用的网站称得上一个易用的（易访问的）网站使用alt属性：<img src='xxx.jpg' alt='this is a xxx'/>有时候浏览器无法显示图像，alt会发挥它的作用：用户关闭了图像显示不支持显示图形的迷你浏览器浏览器是语音浏览器（供盲人和弱势群体使用）如果您使用了alt属性，那么浏览器至少可以显示或读出有关图像的描述。2.几个实用的BOM对象方法BOlocation–浏览器对象
2021-07-04 01:47:24
761
原创 前端常见知识点一之HTTP
1.http和https基本概念http: 超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器请求和应答的标准（tcp），用于从WWW服务器传输超文本到浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。https: 是以安全为目标的http通道，简单的讲是http的安全版，即http下加入ssl层，http的安全基础是ssl，因此加密的详细内容就需要ssl。https协议的主要作用是：建立一个信息安全通道，来确保数组的传输，确保网站的真实性
2021-06-30 02:44:38
665
原创 echarts 堆叠树状图排序
echart 堆叠树状图。没有相关的配置API,要自己先把数据排好，再传到数据配置中。。。它的配置项：option = { tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: 'shadow' // 默认为直线，可选为：'line' | 'shadow' } }, legend: {
2020-11-22 05:05:27
2633
2
原创 vue 环形进度条封装
<template> <div> <svg :viewBox="`0 0 ${2 * radius + srtokeWidth} ${radius + srtokeWidth}`"> <defs> <linearGradient id="linear" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" :stop-color="
2020-09-03 17:27:54
278
原创 git本地回滚代码
回退命令：回退到上个版本：$ git reset --hard HEAD^回退到前3次提交之前，以此类推，回退到n次提交之前：$ git reset --hard HEAD~3退到/进到 指定commit的sha码：$ git reset --hard commit_id强推到远程：$ git push origin HEAD --force...
2020-08-14 10:56:01
1202
原创 修改Git提交者昵称和邮箱
// 设置全局git config --global user.name "Author Name"git config --global user.email "Author Email"
2020-07-30 16:39:55
507
原创 2020前端面试总结
一、前端安全问题1.xss攻击（跨站脚本攻击）2.csrf攻击（跨站请求伪造）3.点击攻击（内嵌ifame）二、防抖节流防抖:在第一次触发事件时，不立即执行函数，而是给出一个期限值比如200ms。(比如滚动监听，一直按方向键就一直会触发）节流：即使用户不断拖动滚动条，也能在某个时间间隔之后给出反馈。让函数执行一次后，在某个时间段内暂时失效，过了这段时间后再重新激活三、作弊检测监听VisibilityChange事件，当页面不可见的时候就会documnet.visibilitystate
2020-07-17 16:10:40
408
原创 CSS3自定义滚动条样式
效果图：HTML:<div class="box"> <div class="transcrided_text"></div></div>CSS:.transcrided_text { margin: 0 0.5rem; font-size: 0.14rem; padding-bottom: 0.2rem; height: 1.62rem; overflow-y: scroll;}/*主要部分 -- 自定义样式*
2020-06-28 17:02:31
248
转载 Js之类型转换
最近在看冴羽的博客，发现东西太多，也难记。所以还是决定照着过一遍，加深印象，也便于以后查阅。原文请看：冴羽的博客；接下来进入正题，先是基本类型之间的转换：js数据类型可以分为两类：可变的引用类型: object(array ,function,正则);不可变的原始类型: null, undefined, number, string, boolean, symbol(es6)一、原始类型的转换1.1 原始值转布尔转换成布尔类型，在 JavaScript 中，只有 6 种值可以被转换成 fal
2020-06-24 18:34:07
291
原创 mysql 报错1045 - Access denied for user “root” @ 192.111.111.11 (using password: YES)
用navicat连接时会报：nodejs 会报这种错：TypeError Cannot read property “query ” of undefined看代码，很明显是数据库连接的问题。打开pool.getConnection( (err, connection) => {}）函数中的err；1.可能是密码错误2.远程权限没开mysql> GRANT ALL PRIVILEGES ON *.* TO root@"%" IDENTIFIED BY "abc123456";
2020-06-22 19:18:58
466
原创 阿里云服务器 ，MySQL建库、建表
--1.连接数据库 mysql -u root -p--2.输入密码--3.建库 create database is_mysql;--4.查看是否建表成功 show database;--5.通过工具（我用的是navicat）将表转存为 .sql文件(test.sql)--6. 上传.sql文件到服务器任一目录（比如：/root）--7.切换使用刚才创建的is_mysql库 use is_mysql; --8.将/root目录下的sql文件导入（导入有问题请移步
2020-06-22 11:45:42
1358
原创 es6 Map、Set和Array.from（）
使用Map、Set、Array.from都需要支持es6的浏览器才能使用。一、Map:1.Map是一组键值对的结构，具有极快的查找速度。2.格式类似于一个二维数组。var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]);m.get('Michael'); // 95var m = new Map(); // 空Mapm.set('Adam', 67); // 添加新的key-valuem.set('Bob', 59);
2020-06-17 15:46:17
463
原创 node+Mysql，数据库时区显示正确，查询时却显示另一个时区
Node+Mysql，查看数据库时区显示正确，但查询时，显示的确是另一个时区的时间。前端调用接口返回：startTime: "**2020-03-04T17:53:55.000Z**"这样的格式
2020-06-11 20:08:48
643
1
原创 向当前url添加参数
//向当前url添加参数，没有历史记录 window.history.replaceState({ path: newurl }, '', newurl); function updateQueryStringParameter(uri, key, value) { if (!value) { return uri; } var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");.
2020-06-08 20:55:59
1312
原创 postman设置带token的请求
一、定义token1.首先。点击add, 设置全局变量token2.设置token3.在登陆接口（返回token值），接收、设置token；pm.test("Status code is 200", function () { pm.response.to.have.status(200);}); // 把responseBody转为json字符串var data = JSON.parse(responseBody);// 设置环境变量token，供后面的接口引用pm.e
2020-05-21 20:26:41
4843
2
原创 IE浏览器error：Promise未定义
原因：ie对es6的支持很糟.不认识Promise、箭头函数等等。。解决方法：安装babel-polyfill插件yarn add babel-polyfillnpm install --save babel-polyfill引入：//在common.js(全局公共js)中引入即可import "babel-polyfill"如果不行，这些也装一下：babel-loader、babel-core、babel-preset-env同时：var path = require('pat
2020-05-12 17:08:00
1062
原创 MySQL常用语句
--创建数据库 create database sqltest--创建表 create table test { id int not null primary key, name varchar(50), age int }--增 insert into test values (2, "test2", 21);--查 select * from test； ...
2020-04-30 19:08:33
202
原创 Navicat for MySQL 连接 Mysql 8.0.11 出现1251- Client does not support authentication protocol 错误
MySQL及其可视化工具下载安装‘； 解决：1251- Client does not support authentication protocol；
2020-04-30 14:31:58
231
1
原创 qrcodejs2--Vue生成二维码组件封装
1.安装qrcodejs2：npm install qrcodejs2 --saveyarn add qrcodejs22.初步封装组件：/** * @file 生成二维码的组件 * @author Walker * @date 2020-03-16 */<template> <div class="emqrcode"> <but...
2020-03-19 09:53:00
10260
1
原创 TS对象类型 -- 接口(interface)
/** * 对象类型 -- 接口 *///在面向对象的语言中，接口（interfaces）是对行为的抽象，而具体如何行动需要类（class）去实现//在Ts中的接口是非常灵活的概念，除了对行为抽象之外，他还对形状进行了描述//1.interface Person { name: string; age: number;}//变量使用接口时，形状必须和接口相同，或多或少、类型...
2020-03-14 19:48:46
4731
原创 视频九宫格布局
没有什么特别的，就是用了一下弹性布局.video-bk { width: 100%; height: 80%; background: #fff; /* 使用弹性布局 flex */ display: -webkit-flex; /* Safari */ display: flex; flex-direction: row; flex-wrap: wrap; ...
2020-03-13 19:48:35
545
原创 vue-scroll滚动组件
安装方式：可以在npm官网找到;连接npm install vue-scroll --save演示地址：官方演示地址连接：点击这里收获：css计算属性calc();vw,vh: 视图可见宽度和高度；event.currentTarget；项目实践：这里是做个记录，留给我自己看，这个组件怎么用，建议去看上面的演示地址，直接复制很多变量没有，可能会报错。<te...
2020-03-12 10:02:54
6620
原创 vue 打包后页面空白问题
1.可能是打包的路径有问题你可以打开打包后的index.html检查一下css,js的路径是否正确；路径不正确，你就需要在vue.config.js中修改这个属性：（vue.config.js不知道怎么配置看这里：vue.config.js配置） publicPath: "./", // 根域上下文目录2.router.js配置的问题Vue-router 中有hash模式和histor...
2020-02-19 17:55:27
1579
原创 vue These dependencies were not found: * core-js/modules/es.array.iterator in ./node_modules/@babe
项目打包时出现了这种问题，是一个叫core-js的包出了问题；These dependencies were not found:* core-js/fn/array/flat-map in ./node_modules/@babel/polyfill/lib/noConflict.js* core-js/fn/promise/finally in ./node_modules/@babe...
2020-02-19 17:21:08
21098
12
原创 vue 封装返回顶部组件
我的环境是vue+vant+ts, 相信大家应该知道怎么改成vue+js的写法先看效果图：HTML:<template> <!-- 返回顶部组件 2020-02-17 Walker --> <div class="backtop"> <div v-if="btnFlag" @click="backTop" class="my_got...
2020-02-17 17:14:37
1020
原创 vue&vant移动端h5底部留白问题
不知道是，vue的原因还是vant的原因，html底部多了一截。每个页面背景不一样也不能给统一的background，给内容div负margin都盖不住这个html的空白。最后试了很多方法，曲线救国，在html最后加了个div就挡住空白了。虽然解决了，我也没搞清楚是什么原因，很奇葩。.bottom_bg { height: 3rem; width: 100%; backgrou...
2020-02-14 16:32:30
5292
1
原创 vant-image本地图片无法显示
坑：正常情况下都是这样写的，但是vant这个框架不知道怎么想的，居然加载不出来，花里胡哨。文档也没有写怎么加载本地图片，到处挖坑。如图：此处省略一万句脏话。 <van-image lazy-load width="34rem" height="8rem" fit="contain" ...
2020-02-14 11:22:12
7540
1
原创 解决vue: 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称...
我是用yarn安装的vue脚手架（yarn global add @vue/cli），yarn提示安装成功后，运行了下vue --version，结果报错。vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。所在位置 行:1 字符: 1vue --versionCategoryInfo ...
2020-02-11 15:05:58
19738
原创 JSDoc --JS API文档生成器
JSDoc 是一个JavaScript的API文档生成器. 他可以让开发者在开发的过程中, 将编写的注释通过JSDoc工具生成一个api文档, 妈妈再也不用担心我不会写接口文档了.这里是原作者GitHub项目的地址:链接1.少废话先看东西先看一下效果图吧:/** * @file 这是一个jsDoc的测试demo * @author walker * @version 0.0.1...
2020-01-02 20:52:27
1672
2
原创 浅谈网页中的字体的设置
首先，我们应该明确，并不是你设置了这种字体，用户电脑便会以这种字体显示。如果用户电脑没有安装这种字体，那么它便会以你设置的第二种字体来渲染。而且由于设计稿和平台的不同,导致了制作有时候无法还原设计稿，理清各种平台字体区别，有助于做出最好的选择。在不同操作系统、不同游览器里面默认显示的字体是不一样的，并且相同字体在不同操作系统里面渲染的效果也不尽相同，那么如何设置字体显示效果会比较好呢?一、选...
2019-12-20 17:27:13
1396
1
原创 Android 文件下载的三种基本方式
1. 自己封装URLConnection 连接请求类这种方式在Android 刚兴起的时候，很少下载封装框架，就自己封装了。虽然一般的文件都能下载，但这种方式缺点很多，不稳定或者各种各样的问题会出现。public void downloadFile1() { try{ //下载路径，如果路径无效了，可换成你的下载路径 String url = "http...
2019-12-19 19:27:11
3552
4
原创 Android中的HTTP请求
在Android 中发送HTTP请求的方式一般有两种,HttpURLConnection和HttpClient,下面介绍的是HttpURLConnection的使用方法.1.定义xml文件<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.co...
2019-12-19 11:05:22
650
原创 Android监听button按钮的click事件
方式一：提供所有按钮监听事件入口,在OnClick方法中通过View.getId()获取到发生点击事件的按钮Id，再进行相应的处理, 在页面有多个按钮的情况下比较适用。package com.example.myapp;import android.app.Activity;import android.os.Bundle;import android.view.View;impor...
2019-12-19 10:40:12
472
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人