- 博客(36)
- 收藏
- 关注
RSS订阅原创 git仓库账号或着密码修改之后需要重新配置SSH公钥
git仓库账号或着密码修改之后需要重新配置SSH公钥问题描述：我修改了账号和密码之后，突然发现不能进行git仓库的克隆，报错如下：remote: 15737620377: Incorrect username or password (access token)fatal: Authentication failed for ‘https://gitee.com/xxxxxx/wp.git/’翻译过来就是：远程：15737620377:用户名或密码不正确（访问令牌）致命：“https://gi
2020-05-18 14:47:39
3324
原创 移动端300s延迟
300ms延时问题移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件，这是为了检查用户是否在做双击。那么如何解决这个问题呢？我使用的是fastclick.js参考：https://github.com/ftlabs/fastclickFastClick的使用安装fastclick安装fastclick可以使用npm，Component和Bower。另外也提供了Ruby版的gem fastclick-rails以及.NET提供了NuGet package。最直接的可以在页面
2020-05-17 16:33:03
334
原创 推荐一些有用的网站
一键分享bshare制作网站小图标http://www.bitbug.net/插件网站https://www.lanrenzhijia.com/http://www.jq22.com/https://select2.org/ select 插件https://www.runoob.com/jquery/jquery-plugin-validate.html轮播图，放大镜，全屏插件，cookie 插件，滚动条,validate 等等在线客服例子http://youmightnotneed
2020-05-17 14:01:48
239
原创 vue 数据双向绑定原理
vue实现数据双向绑定vue.js采用数据劫持结合发布者-订阅者模式的方式，通过 Object.defineProperty() 来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应监听回调。当把一个普通 Javascript 对象传给 Vue 实例来作为它的 data 选项时，Vue 将遍历它的属性，用 Object.defineProperty() 将它们转为 ...
2020-04-20 21:14:54
134
原创 键盘事件（onkeyup onkeydown）
两者的区别1.表示的意义不同。onkeyup键盘抬起事件，onkeydown键盘按下事件2.触发时机不同。onkeyup 事件会在键盘按键被松开时发生。onkeydown 事件会在用户按下一个键盘按键时发生。3.监听的值不同。onkeyup监听的是本次的结果，onkeydown监听的是上一次的结果。实例如下：<!DOCTYPE html><html lang="en"...
2020-04-07 11:07:31
2089
原创 如何给网站添加百度统计
1.首先搜索百度统计，然后注册，登录账号2.登录进来之后，点击新增网站3.输入网站的基本信息4.添加网站成功之后，返回到百度统计的代码获取页面上，根据安装说明在自己的页面上添加代码愿上述内容对你有所帮助，一起加油，欢迎关注我呦！！！...
2019-12-14 16:32:10
875
原创 修改input的默认样式
input { width: 2.4rem;//设置input的宽高 height: 0.3rem; outline: none; //先去掉input框的默认边框 border: 1px solid #d9d9d9; //再加上自定义边框 }//改变选中时的状态input:focus{ border:1px solid #f5222...
2019-12-10 16:56:19
320
原创 原生js定义及重置 设计图尺寸与窗口宽度（rem与px）
; (function (win) { var tid; function refreshRem() { let designSize = 1920; // 设计图尺寸 let html = document.documentElement; let wW = html.clientWidth;// 窗口宽度 let rem = wW * 100 / des...
2019-11-26 20:17:42
429
1
原创 原生js判断pc端浏览器禁止缩放
// 判断pc浏览器是否缩放，若返回100则为默认无缩放，如果大于100则是放大，否则缩小 function detectZoom() { var ratio = 0, screen = window.screen, ua = navigator.userAgent.toLowerCase(); if (window.devicePixelRatio ...
2019-11-26 20:14:32
556
原创 vue桥接工具（拉取 2.x 模板 (旧版本)）
Vue CLI >= 3 和旧版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。但是Vue CLI >= 3新的版本中取消了init功能，用的是create。如果你仍然需要使用旧版本的 vue init 功能，你可以全局安装一个桥接工具：npm install -g @vue/cli-init# `vue init` 的运行效果将会跟 `vu...
2019-11-17 19:11:25
626
原创 vue中遮罩层出现会阻止默认的滚动事件
vue中提供了一个方法 @touchmove.prevent ，可以解决这个问题。例如：<div id="app" @touchmove.prevent > <keep-alive> <router-view></router-view> </keep-alive> </div>...
2019-11-15 12:00:52
222
原创 报错vuex requires a Promise polyfill in this browser.中文翻译是：vuex需要在此浏览器中使用Promise polyfill。
报错的原因，就是ie9和一些低版本的高级浏览器对es6新语法并不支持，也说出了解决办法，即安装babel-polyfill插件。安装好插件之后，需要引入，有三种方法：1.require("babel-polyfill");2.import "babel-polyfill";3.module.exports = { entry: ["babel-polyfill", "./app/js...
2019-11-15 11:46:57
478
原创 在vue cli3里进行配置vue.config.js
vue-cli3推崇零配置，导致了跟之前vue-cli2的配置方式都不一样了。vue-cli2的build和config文件夹不见了，那么应该如何配置如webpack，别名设置，sourcemap控制，输入文件位置和输出文件位置和输出的方式，压缩js控制，打包webapck日志分析，externals忽略配置（外部引入），调试的端口配置，proxy接口配置等配置呢？在vue cli3里面提供了...
2019-11-12 22:58:03
784
原创 git分支管理
在Git中，有一个主分支，即master分支（默认），在多人合作开发的时候，我们常常不在主分支上直接进行修改，而是重新创建一个分支，然后将它合并到主分支上，之后再把这个分支删除。分支管理在实际开发中，我们应该按照几个基本原则进行分支管理：首先，master分支应该是非常稳定的，也就是仅用来发布新版本，平时不能在上面干活；那在哪干活呢？干活都在dev分支上，也就是说，dev分支是不稳定的，到...
2019-11-05 15:10:19
107
原创 vue移动端适配插件lib-flexible
使用vue-cli安装好一个vue的项目npm install -g vue-clivue init webpack my-projectcd my-projectnpm run dev配置vue插件 lib-flexible安装插件 lib-flexiblenpm i lib-flexible --save-dev在main.js中引入lib-flexibleimport ...
2019-11-01 21:38:33
1472
1
原创 target (触发事件的标签)和currentTarget（绑定事件的标签）
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equi...
2019-11-01 21:20:34
606
原创 js事件传播流程
js 中的事件传播流程捕获阶段、事件源阶段、冒泡阶段捕获阶段：事件从html的根节点开始传递，直到触发事件的标签结束，此为捕获阶段。事件源阶段：事件在触发事件的标签上进行传递，传递的时候只和事件添加的先后顺序有关系冒泡阶段：事件从事件源向html根节点逐层传递，直到html节点结束先从外往内传播，传播到事件源上，进行平行传播，然后到冒泡阶段（从内往外）。// 他们的区别,onCli...
2019-11-01 15:51:12
191
原创 用css中clip属性剪裁绝对定位图片（以及写多种颜色的圆）
clip定义clip 属性剪裁绝对定位元素。当一幅图像的尺寸大于包含它的元素时会发生什么呢？“clip” 属性允许您规定一个元素的可见尺寸，这样此元素就会被修剪并显示为这个形状。说明这个属性用于定义一个剪裁矩形。对于一个绝对定义元素，在这个矩形内的内容才可见。出了这个剪裁区域的内容会根据 overflow 的值来处理。剪裁区域可能比元素的内容区大，也可能比内容区小。所有主流浏览器都支...
2019-10-31 16:55:35
462
原创 viewpoint视口
viewpoint是什么通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域，但viewport又不局限于浏览器可视区域的大小，它可能比浏览器的可视区域要大，也可能比浏览器的可视区域要小。在默认情况下，一般来讲，移动设备上的viewport都是要大于浏览器可视区域的，这是...
2019-10-31 11:53:43
1459
原创 在vue中内置组件keep-alive的使用
之前我们在一个多标签的界面中切换不同的组件使用的是 is 特性：//使用vant 组件中的van-tabs，再使用v-model进行数据双向绑定 <van-tabs v-model="tabName"> <van-tab name="Home" title="首页"></van-tab> <van-tab name="Recom...
2019-10-30 22:20:38
974
原创 react学习总结
react 中组件的定义方式通过class实现组件定义 继承Component通过function定义组件使用React.createClass方式(已不再推荐使用)class定义的组件和function定义的组件有什么区别？class定义的组件有自己的局部状态和生命周期function定义的组件在16.8之前是没有局部状态和生命周期的,在16.8之后的版本中增加了hooks，fun...
2019-10-30 19:46:39
204
原创 seo优化
seo又叫搜索引擎优化在head中设置keyword和description以及title内容所有主流浏览器都支持 标签。 元素是所有头部元素的容器。 元素必须包含文档的标题（title），可以包含脚本、样式、meta信息以及其他更多的信息。下面是淘宝网的例子：<head><meta charset="utf-8" /><meta http-eq...
2019-10-30 16:59:43
444
原创 在vue中，显示默认图片
vue中使用默认图片例如： <img :src="personlist.avatarUrl?personlist.avatarUrl:defaultImg" /> 方法：使用三元运算符。 解释：如果数据请求成功则显示personlist.avatarUrl中的图片，如果不成功则默认显示defaultImg中的图片。其中，personlist.avatarUrl为请求的接口...
2019-10-24 20:18:37
1427
原创 用vue实现简单的增删改查
封装一个增删改查的基本操作，在vue项目的src文件夹下再建一个文件夹untils,并在它下面新建一个js文件,名为db.js（可随便取名）/** * 获取所有的数据 */export function getAllpeople () { var people = [] if (localStorage.getItem('people')) { people = JSON....
2019-10-24 19:57:22
7097
原创 封装好的一个增删改查的基本操作
基本的增删改查操作/** * 获取所有的数据 */function getAllpeople() { var people = [] if (localStorage.getItem('people')) { people = JSON.parse(localStorage.getItem('people')) } return people}/** * 保...
2019-10-22 20:41:38
645
原创 闭包
闭包• 闭包是指有权访问另一个函数作用域中的变量的函数。• 闭包会使得函数内部的变量都被保存在内存中，造成较大的内存开销，因此不要滥用闭包。解决的方法是在退出函数之前将不使用的局部变量置为 null ；经典面试题：改造下面的代码，使之输出0 - 9for (var i = 0; i< 10; i++){ setTimeout(() => { console.log(i)...
2019-10-22 20:16:50
87
原创 用CSS写一个简单的三角形
假设这个元素标签为div<div></div>然后为这个div设置它的样式<style>div{width:0;height:0;border-width:10px;border-style:solid;border-color:#ccctr...
2019-10-22 19:46:31
54
原创 BSR和SSR
BSR（ browser side render）客户端渲染所有的数据都由服务器发回给客户端，在用户浏览器中实现页面的拼接。前端利用ajax等数据交互手段获取服务端提供的数据之后，渲染到HTML页面方法:(ajax， jsonp， fetch) -> 获取数据 -> 文档碎片插入，拼接字符串，模板引擎，客户端运行了页面之后才进行。优点：灵活，真正的前后端分离，方便于前后...
2019-10-22 19:19:40
684
原创 get 和post的区别
1. get是从服务器上获取数据，post是向服务器传送数据。2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中，在URL中可以看到。post是通过HTTP post机制，用户看不到这个过程 。3. get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。4. get安全性非常低，post安全性较高。但是执行效率却比Post方法好。...
2019-10-22 19:05:38
109
原创 Warning: React does not recognize the computedMatch prop on a DOM element.
在react中使用Switch时，出现了报错Warning: React does not recognize the computedMatch prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase comput...
2019-10-13 15:23:22
1463
原创 前端面试题之性能优化
1、网络相关DNS 预解析<link rel="dns-prefetch" href="//host_name_to_prefetch.com" />复制代码缓存（见上文浏览器缓存机制） 使用 HTTP / 2.0 预加载 —— 可以将一些不影响首屏但重要的文件延后加载，能够降低首屏加载的时间，缺点是兼容性不好<link rel="preload" href...
2019-10-10 10:12:48
367
原创 前端面试题之浏览器与web安全
1、事件机制事件触发的三个阶段：捕获阶段 —— window 往事件触发处传播，遇到注册的捕获事件会触发目标阶段 —— 传播到事件触发处时触发注册的事件冒泡阶段 —— 从事件触发处往 window 传播，遇到注册的冒泡事件会触发复制代码捕获DOM事件的具体流程：window对象 => document对象 => html标签 => body标签 => ...
2019-10-10 10:00:59
586
原创 前端面试题之网络基础
1、HTTP 协议的主要特点简单快速、灵活、无连接、无状态2、HTTP 报文的组成部分请求报文： 请求行 ( http 方法 + 页面地址 + http 协议 + 版本) 请求头( key + value 值) 空行(服务端通过空行来判断下一部分不再是请求头，而当做请求体来解析) 请求体(数据部分) 响应报文：状态行 + 响应头 + 空行 + 响应体3、HTTP 方...
2019-10-10 09:57:15
271
原创 前端面试题之框架题
1、如何理解MVC、MVP、MVVM模式？MVC（Model、view、Controller）视图（View）：用户界面。 控制器（Controller）：业务逻辑 模型（Model）：数据保存M是指业务数据, V是指用户界面, C则是控制器. 在具体的业务场景中, C作为M和V之间的连接, 负责获取输入的业务数据, 然后将处理后的数据输出到界面上做相应展示, 另外, 在数据有所更新...
2019-10-10 09:43:12
430
原创 前端面试题（html+css+js）
一、HTML 基础篇1、doctype 的作用是什么？DOCTYPE 是 html5 标准网页声明，且必须声明在HTML文档的第一行。来告知浏览器的解析器用什么文档标准解析这个文档，不同的渲染模式会影响到浏览器对于 CSS 代码甚至 JavaScript 脚本的解析。2、HTML、XHTML、XML 有什么区别？HTML(超文本标记语言): 在 html4.0 之前 HTML 先有实...
2019-10-10 09:16:14
651
转载 Android实验
java源代码：package cn.edu.xynu.computer.mybooks;import android.content.ContentValues;import android.content.Context;import android.database.Cursor;import android.database.sqlite.SQLiteDatabase;import and...
2018-07-01 11:12:09
279
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人