自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 查阅vue2.x源码-初始化实例建立数据响应

前言关于查阅源码我打算写一系列文章,希望通过写文章敦促自己的学习,同时也作为一个成果展示,如果大家在文章中发现我对一些的方法理解有误请及时提醒我,接受一切建议????,希望大家共同进步。数据响应原理:枚举对象中的key,使用Object.defineproperty监听属性的get和set注意: 针对data中的属性值类型为数组时,可以通过遍历数组,将数组中的每个元素都通过observer变成可观察对象相关代码部分function initState(vm: Component){

2020-07-23 22:45:46 207

原创 解决node-sass的安装问题的方案

在公司网段安装项目依赖,安装到node-sass这里报错,主要的报错原因分为两部分:一部分是node-sass依赖于Python,所以需要配置python环境变量(其他方案经过尝试无效所以最后使用了这种方案),这个解决方案需要注意的是安装3.x版本以下的另一部分由于网络原因node-sass依赖的binding.node无法下载,这里详细说一下安装binding.node的解决方案,这里主要有两种第一种,肯定就是设置代理,第一想到的就是淘宝镜像,直接cnpm完美解决,但是在公司的网段无法下载淘宝镜

2020-05-18 23:09:11 357

原创 for of/for in/forEach在业务环境中如何选择

for of/for in/forEach的区别前言在做公司业务的时候使用到了forEach循环,不过思路不是很清晰为什么要用forEach循环,以及相应场景下这三种遍历方式我该如何做选择,所以读了一篇大佬张鑫旭关于for…in/for…of的博客,整理了如下笔记加深自己的理解:正文for…of…不可以枚举对象、可迭代数组、可中断(break、return)、迭代字符串、迭代类数组对象...

2020-05-07 20:43:14 202

原创 leetcode刷题 day2

睡前做两道简单的题一解题思路:考虑将字符串截取为两部分,front部分和end部分,front部分为原字符串的前半部分,end为原字符串的后半部分根据k索引参数截取字符串为front通过数组以front为分割点进行分割得到空和end做字符串拼接 end+front代码/** * @param {string} s * @param {number} n * @retur...

2020-04-30 09:02:41 244

原创 leetcode刷题 day1

两数之和很基础的题,上来都没有思考直接双层for循环解题:var twoSum = function(nums, target) { let arr=[] for(let i=0;i<nums.length;i++){ for(let j=i+1;j<nums.length;j++){ if(nums[i]+nums[j]=...

2020-04-28 23:31:24 152

原创 笔记:腾讯云搭建静态网页(centOS)

基于腾讯云搭建 Nginx 静态网站实验笔记登录Linux实例(选择标准登录)安装Nginxyum install nginx -y安装完成后,使用 nginx 命令启动 Nginx:nginx此时,访问 http://<您的域名> 可以看到 Nginx 的测试页面配置静态服务器访问路径外网用户访问服务器的 Web 服务由 Nginx 提供,Nginx需要配置静态资...

2020-04-14 12:42:37 362

原创 es6 map every some filter 区别

let arr=[1,2,3,4,5,6];function chooseNum(num){ return num>3;}console.log(arr.map(chooseNum));console.log(arr.every(chooseNum));console.log(arr.some(chooseNum));console.log(arr....

2019-03-26 14:10:10 326

转载 关于js 异步加载方式async 和defer 最容易理解的一张图

原文地址https://www.growingwiththeweb.com/2014/02/async-vs-defer-attributes.html一张图就理解了async和defer的加载过程,必须要分享给大家

2019-03-25 23:48:14 238

原创 textarea神秘空格的处理

在做学校毕业设计的时候 中间用到的评论功能 所以评论打算通过textarea输入进去但是测试的时候发现 点击中间任意位置的时候光标都会移动到相应的位置,后来发现这是在html结构中的回车和空格引起的...

2018-12-09 14:40:10 390

转载 DOM元素querySelectorAll可能让你意外的特性表现

转自张鑫旭个人博客

2018-08-29 09:29:33 326

原创 对象的创建方法

第一种:直接创建var obj=new Object;obj.name='111';obj.age="222";第二种(构造函数):function CreatObj(name,age){this.name=name;this.age=age;}var obj=new CreatObj('zs',11);第三种:无参构造函数function Crea...

2018-08-13 15:39:13 162

原创 在写移动端页面时发现的一个background-clip的问题

在写移动端网页的时候background-clip一直没有效果这是我想要的效果但是,background-clip 一直都没有效果!!经过我的反复检查,确定没有语法错误的情况下,终于找到了问题的缘由!!!!!那就是兼容性,兼容性,兼容性!!!!所以在写移动端页面的时候也要考虑下兼容性的问题啊!!!  ...

2018-08-10 19:23:51 1791

转载 关于微信小程序的背景问题

https://blog.youkuaiyun.com/qq_32067045/article/details/53942188

2018-07-31 19:34:22 2028

原创 我遇到的一个问题 关于button的默认行为

在用jQuery给button绑定事件的时候 在form表单中 button会有一个会自动刷新页面的默认行为可以通过取消默认行为解决这个问题 

2018-07-24 19:55:04 2404

原创 数组去重的两种方法

方法一:方法二: 

2018-07-19 21:47:59 175

转载 JS区分鼠标点击的行为

IE 下 onMouseDown 事件有个 events.button 可以返回一个数值,根据数值判断取得用户按了那个鼠标键 events.button==0  默认。没有按任何按钮。events.button==1  鼠标左键events.button==2  鼠标右键events.button==3  鼠标左右键同时按下events.button==4  鼠标中键event...

2018-07-16 22:38:27 258

转载 取消鼠标右键功能

在html页面中添加如下代码,利用oncontextmenu 事件可以取消鼠标右键功能: oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单。注意:所有浏览器都支持 oncontextmenu 事件, contextmenu 元素只有 Firefox 浏览器支持。 &lt;script&gt; window.document.oncontextmen...

2018-07-16 20:41:19 1462

原创 个人笔记:input输入框自动获取焦点

 在input标签里写 autofocus

2018-07-14 14:20:58 2962

转载 新旧弹性盒模型差别

1、在使用弹性盒模型的时候父元素必须要加display:box 或 display:inline-box:    新版弹性盒模型:flex:display : flex    老版弹性盒模型:box : display : -webkit-box2、box-orient 定义盒模型的主轴方向新版:flex:flex-direction: row / column老版:box : -web...

2018-07-07 19:03:44 448

原创 关于单行文本溢出如何用css3解决的问题

首先是单行文本溢出的解决方法先写一下样式效果一:#div1{ width: 100px; border: 1px solid;}&lt;div id="div1"&gt; lkasjlkjlkjklqwioeuoiu&lt;/div&gt;效果2:#div2{ margin: 10px; width: 100px; height: 20px;...

2018-07-06 21:57:10 580

原创 利用::after处理元素塌陷问题

&lt;style&gt; #nav li{ list-style: none; float: left; } .clearfix::after{ content: ''; display: block; clear: both; }&lt;ul id="nav" class="clearfix"&gt;...

2018-07-02 21:26:20 400

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除