- 博客(24)
- 收藏
- 关注
RSS订阅原创 js 内存管理
前言：像C语言这样的底层语言一般都有底层的内存管理接口，比如malloc()和free()。相反，JavaScript是在创建变量（对象，字符串等）时自动进行了分配内存，并且在不使用它们时“自动”释放。 释放的过程称为垃圾回收。这个“自动”是混乱的根源，并让JavaScript（和其他高级语言）开发者错误的感觉他们可以不关心内存管理。1、js内存空间的分配JS内存空间分为栈(sta...
2019-12-06 10:11:42
162
原创 mac抓包工具charles的使用
最近换了公司，电脑也由原来的windows电脑换成了mac，所以抓包工具也得换成mac的charles了，这里做记录只是希望更多的和我一样的初次使用者少走弯路，直接上手使用。1、介绍Charles是一个HTTP代理服务器,HTTP监视器,反转代理服务器，当浏览器连接Charles的代理访问互联网时，Charles可以监控浏览器发送和接收的所有数据。它允许一个开发者查看所有连接互联网的HTT...
2019-12-05 09:49:17
2068
转载 微信小程序中的组件使用指南
转自：https://www.jianshu.com/p/8a2a730d9e60微信小程序中的组件前言之前做小程序开发的时候，对于开发来说比较头疼的莫过于自定义组件了，当时官方对这方面的文档也只是寥寥几句，一笔带过而已，所以写起来真的是非常非常痛苦！！好在微信小程序的库从 1.6.3 开始，官方对于自定义组件这一块有了比较大的变动，首先比较明显的感觉就是文档比以前全多了，有木有！...
2018-07-17 17:58:35
9214
1
原创 web前端面试题
1、如何使元素垂直水平居中？答：a、知道具体宽高：父级定位，子级定位，宽高300px.container { position: absolute; left: calc(50% - 150px); top: calc(50% - 150px); width: 300px; height: 300px; border: 1px solid red;}或者.con...
2018-07-12 16:53:11
951
转载 web前端性能优化
转自：http://www.2cto.com/kf/201604/498725.html 网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评论等等。而前端呢？其实应该是属于功能的表现。并且影响用户访问体验的绝大部分来自前端页面。 而我们建设网站的目的是什么呢？不就是为了让目标人群来访问吗？所以我们可以理解...
2018-07-12 14:46:47
1760
原创 最近参加了几场面试，总结一下面试题
1、用到了关于h5的哪些新特性？答：a.h5新语义元素 header、footer、nav、aside、article、section、hgroup，作用：有利于代码可读性和SEO；b、本地存储：h5提供了sessionStorage、localStorage和indexedDB加强本地存储。使用之前应该先判断支持情况try{}catch(){}关于存储自行理解；c、表单新增功能：placehol...
2018-07-12 10:15:55
228
原创 小程序微信支付问题
最近由于个人疏忽，在微信小程序中支付时允许同时点击多次，导致客户支付但是并没有获得相应付费产品，找了一下原因记录一下：1、产生支付行为时按钮应该禁用，不可以连续多次点击产生多个订单；2、安卓的微信支付连续点击会产生多个订单，但是会走success,这样就不会触发fail时侯的关闭订单行为，只要一次支付也是可以产生成功订单；3、ios的微信支付连续点击会产生多个订单但是都会走失败接口fail，这应该...
2018-06-29 14:48:02
1236
原创 git for window系统下的Filename too long
今天从码云上克隆文件下来时候发现少了好几个文件，git报错filename too long;经过了解原来git有可以创建4096长度的文件名，在windows最多是260，因为git用了旧版本的windows api，所以我们要在git命令行执行git config --global core.longpaths true 完美解决...
2018-06-25 16:05:19
1005
转载 html中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获...
2018-06-06 16:36:18
150
转载 如何调试移动端页面
哈哈，我是拿来主义，一个朋友写的博客，总结的很全面https://my.oschina.net/jojo76/blog/1823236
2018-06-06 13:28:00
835
原创 图片懒加载
一、什么是图片滚动加载？通俗的讲就是：当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。这就是图片懒加载。二、为什要使用这个技术？比如一个页面中有很多图片，如淘宝、京东首页等等，如果一上来就发送这么多请求，页面加载就会很漫长，如果js文件都放在了文档的...
2018-04-24 10:40:10
181
翻译 css命名规范总结
一、文件规范1、文件均归档至约定的目录中。具体要求通过豆瓣的CSS规范进行讲解：所有的CSS分为两大类：通用类和业务类业务类的CSS是指和具体产品相关的文件外联CSS文件适用于全站级和产品级通用的大文件。内联CSS文件适用于在一个或几个页面共用的CSS。另外一对具体的CSS进行文档化的整理。如：- util-01 reset /css/core/reset.css- util-02 通用模块容器 ...
2018-04-24 10:24:40
147
转载 js promise浅析
在JavaScript的世界中，所有代码都是单线程执行的。由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。异步执行可以用回调函数实现：function callback() { console.log('Done');}console.log('before setTimeout()');setTimeout(callback, 1000); ...
2018-04-04 13:54:23
130
原创 浏览器对象
windowwindow对象不但充当全局作用域，而且表示浏览器窗口。window对象有innerWidth和innerHeight属性，可以获取浏览器窗口的内部宽度和高度。内部宽高是指除去菜单栏、工具栏、边框等占位元素后，用于显示网页的净宽高。对应的，还有一个outerWidth和outerHeight属性，可以获取浏览器窗口的整个宽高。兼容性：IE<=8不支持。navigatornavig...
2018-04-03 17:10:35
102
原创 js面向对象class
JavaScript的对象模型是基于原型实现的，特点是简单，缺点是理解起来比传统的类－实例模型要困难，最大的缺点是继承的实现需要编写大量代码，并且需要正确实现原型链。接下来我们来看一下更简单的实现方法：新的关键字class从ES6开始正式被引入到JavaScript中。class的目的就是让定义类更简单。我们首先用函数实现Student的方法：function Student(name) { ...
2018-04-03 16:22:31
1034
转载 正则基础学习
字符串是编程时涉及到的最多的一种数据结构，对字符串进行操作的需求几乎无处不在。比如判断一个字符串是否是合法的Email地址，虽然可以编程提取@前后的子串，再分别判断是否是单词和域名，但这样做不但麻烦，而且代码难以复用。正则表达式是一种用来匹配字符串的强有力的武器。它的设计思想是用一种描述性的语言来给字符串定义一个规则，凡是符合规则的字符串，我们就认为它“匹配”了，否则，该字符串就是不合法的。所以我...
2018-04-03 11:52:45
192
原创 js基础随笔
1.判断一个属性是对象(obj)私有的不是继承来的用obj.hasOwnProperty('name');2、字符串操作方法toUpperCase()；//把一个字符串全部变为大写toLowerCase();//小写；indexOf();//指定字符串出现位置substring();//返回指定索引区间的子串;3、数组常用操作方法：indexOf//同string;slice（起始，结束）...
2018-04-03 11:41:03
100
原创 浅析面向对象
大家都知道，用面向对象进行编程可以使我们的代码更加结构化，具有更强的可读性和维护性，然而对于很多小伙伴们来说，面向对象一直是一个头疼的问题，当被问及面向对象特点，都知道是封装、继承和多态，但是具体原理不是很清晰，这里我将在解析的过程帮大家一一认识。首先，我们来顺一下面向对象的逻辑：a.编写一个可以创建实例对象的构造器；b.调用构造器进行创建；c.具体实例的创建。下边进行一一讲解：a.创建一个构造器...
2018-03-12 19:26:04
238
原创 js面试题集锦1
1、typeof可以判断哪些变量类型答：number、string、boolean、undefind四种值类型，还有对象、数组、函数三种引用类型。只能区分值类型，引用类型只能区分函数。2、===与==的使用条件答：通常情况下都使用===，只有当if判断if(obj.a==null){}(jq源码的判断相当于同时判断了obj.a===null||obj.a===undefind)。3、js中有哪些内...
2018-03-12 09:39:12
162
原创 require用法
现在前端的页面都采用模块化来加载js；避免了js加载的延迟顺序依赖等问题；原理的东西这里不多做解释，我们这节只是介绍一下require的用法：1.首先我们要下载require.js文件；2.html引入<script src="../js/require.js" data-main="main"></script>；这里src是require.js的路径；data-main...
2018-03-09 11:35:10
17521
原创 git常用命令
创建版本库git init 添加仓库git add 添加文件到暂存区git commit -m "" 提交到分支加注释git status 查看文件修改状态git diff 查看文件修改内容git log 修改日志git log --pretty=oneline 简洁版修改日志git reflog 查看历史日志git reset --hard Head^回退一个版本git reset --hard...
2018-03-09 10:30:49
145
原创 前端的跨域解决原理
1，我们先来说一下什么是跨域a.浏览器有同源策略，不允许ajax访问其他域接口b.跨域条件：协议、域名、端口有一个不同就算跨域例如：我的网站：http://www.my.com/page.html你的网站：http://www.your.com/page.html当我想要在我的网站下通过ajax访问你的网站的接口是不可以的，因为域名不一样，这就是跨越；但是呢有三个标签是允许跨域加载资源的：a.&l...
2018-03-08 10:48:41
187
原创 异步和单线程
1.首先我们来说一下什么是异步举例：console.log(1);setTimeout(function(){console.log(2);},1000)console.log(3);你会发现，程序不是按部就班的先输出1，再输出2，最后输出3，而是先1再3最后2，这就是异步，程序各执行各的不会出现阻塞；对比同步应该更好理解举例：console.log(1);alert(2);conso...
2018-03-07 10:56:35
1691
原创 js中作用域与函数闭包
1.作用域很简单，只是简单的点一下，js的作用域没有块级作用域，只有全局作用域与函数作用域；例如:if(true){var a=100;}console.log(a);在java或者c中大括号就是块外边是获取不到的，但是在js中是可以的，就相当于var a;if(true){a=100;}这里的a就是全局作用域；凡是在函数外定义的变量都是全局作用域。特例：function ...
2018-03-06 17:38:33
178
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人