- 博客(36)
- 收藏
- 关注
原创 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关注的人