- 博客(34)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 H5视频播放踩坑记录
场景某H5页面，页面由图片组成，其中某张图片点击后将全屏播放视频(其中视频定位到非可视区域)。视频播放组件采用的第三方库video-react问题app webview下安卓视频无法播放、ios需要点击两次才播放，微信环境下全屏播放问题1.居然是样式首先测试的时候pc浏览器以及手机浏览器环境下测试都是ok，所以初步判断问题出在webview上，通过debug，打印点击事件以及相关视频的信...
2020-02-19 16:26:06
658
原创 React合成事件内部分享记录
从一个栗子开始实现一个组件，这个组件点击按钮会显示一个二维码，点击二维码之外的区域可以隐藏二维码，但是点击二维码本身却不会关闭class Demo extends Component { constructor(props) { super(props); this.state = { active: false, }; } compone...
2020-02-19 16:22:52
368
原创 React Hooks内部分享学习
前言Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。（React-native 0.59，Taro 1.3开始已支持hooks）类组件的不足组件之间复用状态逻辑很难缺少复用机制渲染属性和高阶组件导致层级冗余趋向复杂难以维护生命周期函数混杂不相干逻辑相干逻辑分散在不同生命周期this 指...
2020-02-19 16:21:37
686
1
原创 axios源码学习记录
axios的混合模式是怎么实现的？也就是 axios 既可以当函数调用，也可以当对象使用，比如axios({})、axios.get本身axios就是个函数，对象调用是因为在axios的原型上挂载了这些方法 2020.1.16更新axios定义了一个类，类里面里面有request(config)、get、post、options等方法，我们使用的axios其实就是这个类实例里面的request...
2020-02-19 16:19:41
251
原创 前端面试之道记录
1.JS分为哪两大类？各有什么特点？如何正确判断类型？原始类型js的原始类型为string,number,boolean,undefined,null和symbol6种，它们储存的是值，但是平常使用中会发现1.toString()这样的情况，原因是因为此时的1已经不是原始类型而是强制转换成了Number对象类型，而Number对象里面含了toString这个方法，所以可以调用，但实际上...
2020-02-19 16:18:32
334
原创 V8垃圾回收原理学习
V8根据对象的存活时间将内存分为两类新生代(new),和旧生代(old)。新生代为存活时间较短，或只经历过一次垃圾回收的对象。旧生代为存活时间较长，经历过一次以上垃圾回收的对象回收算法新生代新生代中，所属的内存被分为两半，from和to。其中from为使用中，to为闲置。它的回收流程如下：从from中分配对象，如果from空间已满，则进行辣鸡回收检查from中的存活对象，如果存...
2020-02-19 16:17:06
152
原创 react异步setState简单实现
前言直接主题，开始前先看一段demo：class Demo{ constructor(props) { super(props); this.state = {count: 0}; } componentDidMount() { for(let i = 0 ;i < 10;i++) { // this.setState({...
2020-02-19 16:14:22
446
翻译 Why Domain Sharding is Bad News for Mobile Performance and Users
地址In this post we’ll review the results of a real-world test with over three million samples showing that domain sharding is at best neutral and at worst harmful for mobile websites.在本帖里,我们将通过超过三百万个样品实
2016-12-14 22:39:07
903
原创 字符串从内存写入到磁盘的过程中到底发生了什么（一）
相信每个程序员都往磁盘写过数据，然而写磁盘的过程到底发生了什么呢？这次我就来带领大家来一次大冒险。
2016-08-10 10:45:11
6250
2
原创 codefreecamp-Basic Algorithm Scripting
//Check for Palindromes function palindrome(str) { var s,s1; s=s1=str.replace(/[\s,.(\)\\/\-_]/g,"").toLowerCase(); var arr=s1.split("").reverse().join(""); // Good
2016-07-25 16:36:17
842
原创 js缓存计算
//Memoizedvar fibonacci=function(){ var memo=[0,1]; var fib = function(n){ var result=memo[n]; if(typeof result != 'number'){ result = fib(n-1) + fib(n-2); memo[n]=result;
2016-07-16 17:49:25
1093
转载 js根据数组对象中某属性进行排序
//定义一个对象数组 var data = [{ name: "jiang", age: 22 }, { name: "AAAAAAAAAAAAAA", age: 21 }, { name: "CCCCCCCCc", age: 25}]; //定义一个比较器 function compare(propertyName) { return function (object1
2016-05-31 13:28:07
3290
转载 使用composer安装laravel遇到的一些小问题
1.Your configuration does not allow connection to http://ooxx/xxoo.git. See https://getcomposer.org/doc/06-config.md#secure-http for details.镜像使用用的是http，而原地址是需要https，所以配置下关掉https就好了。解决方案：设置一个本地或全局的comp
2016-05-24 11:42:25
3124
转载 js中apply方法的使用
1、对象的继承，一般的做法是复制：Object.extendprototype.js的实现方式是： Object.extend = function(destination, source) { for (property in source) { destination[property] = source[property]; } return d
2016-03-11 14:23:35
491
原创 手机页面上body不随遮罩层上内容一起滚动
先定义css.alpha { height: 100%; overflow: hidden; position: relative;}.alpha body { height: 100%; overflow: hidden;}然后再弹出或隐藏遮罩层的时候，用js$('html').toggleClass('alpha');
2016-01-24 12:42:16
1272
原创 省时的浏览器同步测试工具browser-sync服务搭建
先去nodejs官网下载pkg文件直接安装,有兴趣的也可以使用以下方法Get source & makeHomebrewnvmOther -在桌面新建文件react cd ~/Desktop mkdir react使用npm init 命令初始化，可以看到以下内容，可直接敲回车默认，最后输入yes后会再react文件夹下生成一个packge.json文件 到这里，再去安装一个bro
2015-12-27 16:16:08
1106
原创 千里码-扫地机器人
根据某人的需求做了一道扫地机器人玩法如下：选择一个起点，使用方向键上下左右移动，每次移动都会到达该方向的尽头（有障碍），当走完全图即为通关源码如下 HTML：<input type="button" value="重玩本关" onclick="NextLevel(0)"><br> <div id="msg"></div><input id="level" type="hidden" va
2015-11-19 14:12:12
2575
原创 Linux下执行.sh文件提示No such file or directory
在一个sh文件中执行多个sh文件时只能执行最后一行命令，其他行都提示No such file or directory。这些命令都是在windows下敲的解决方案： 利用如下命令修改文件格式set fileformat=unix:wq PS：确保该文件有执行权限
2015-10-27 17:23:06
1299
转载 提高PHP编程效率的53个要点
用单引号代替双引号来包含字符串，这样做会更快一些。因为PHP会在双引号包围的字符串中搜寻变量，单引号则不会，注意：只有echo能这么做，它是一种可以把多个字符串当作参数的“函数”(译注：PHP手册中说echo是语言结构，不是真正的函数，故把函数加上了双引号)。 1、如果能将类的方法定义成static，就尽量定义成static，它的速度会提升将近4倍。 2、row[′id′]的速度是row[’id
2015-10-22 10:27:37
793
原创 千里码-刷刷刷
千里码网站题目难度曲线比较陡，但是肯花时间去研究，提升还是相当快的。今天的题目是刷票。题目如下： 任何一个ugc性质的网站都需要做好一个基本功：识别哪些是真实用户沉淀的内容，哪些是程序模拟真实用户产生的恶意行为。 一般各个公司都会有一个专门的小分队：anti-spam team。 @若远同学就是专业防刷30年…这里有一个每日最帅coder评选排行榜…用户可以上传他认为最帅的coder的名字及其
2015-10-15 12:53:14
2268
1
原创 千里码-缺失的后缀
题目：在windows系统中，我们往往用文件扩展名来代表文件的类型。 比如.avi后缀的代表视频文件,.rar后缀的代表压缩文件，windows系统根据文件的扩展名来区分不同的文件类型并选择合适的应用程序打开。用户的百度网盘中，往往存放着各式各样的类型的文件，由于用户上传不规范等各种原因很多文件的后缀已经缺失了。网盘的很多比如视频的播放功能，文档的预览功能都需要文件后缀的支持。这里有一个放着本题答案
2015-10-13 14:07:44
810
原创 PHP水印
直接上代码吧- -<?php//http://www.douban.com/note/122518241/$qq__=$_GET["qq"];if(empty($qq__)){$qq_="284303044";}else{$qq_=$qq__;}$fontsize=14;header("content-type:image/png ");$url = '1.jpg';$im1 =
2015-10-10 15:44:57
646
原创 千里码-git
千里码第二题做完出现，而且分值不低，也顺便记录巩固下。原题：当你不再一个人战斗的时候，需要一些协作工具帮助你和你的战友们去维护代码。oh…千万别把这件事想得太简单了。大名鼎鼎的svn 也没能完美的解决这个问题。但是..git的诞生把协同提升到了一个新的高度，目前世界最大的开源社区github就是基于git的。在我的实际工作中，git是必备组件，我曾去过3家公司，亲身经历了从svn向git的转型。其
2015-09-30 16:10:09
788
原创 千里码-访客统计
最近发现个好网站千里码，里面有很多知名公司CODER把实际工作中经常用到的技术点，或者比较有意义的问题以题目的形式重现，有兴趣的可以去看看，下面是链接地址：http://www.qlcoder.com/home每一个网站都会根据访客日志统计访客数据，比如UV。UV能够回答一个关键的市场营销问题：“到底有多少人（潜在客户）看到了你发布的信息（即网站）。 下面根据题目给出的某购物网站访问日志，统计当
2015-09-30 15:37:39
1323
1
转载 JAVA使用JDBC连接MySQL数据库
DBHelper.javaimport java.sql.Connection;import java.sql.DriverManager;import java.sql.PreparedStatement;public class DBHelper { public static final String url="jdbc:mysql://数据库地址"; public st
2015-08-28 15:07:18
643
转载 mysql my.ini内容详细说明
[mysqld]port = 3306socket = /tmp/mysql.sock# 设置mysql的安装目录basedir=F:\\Hzq Soft\\MySql Server 51GA# 设置mysql数据库的数据的存放目录，必须是data，或者是\\xxx-datadatadir=F:\\Hzq Soft\\MySql Server 51GA\\data#
2015-08-20 15:37:23
816
原创 CSS3 动画配合clip属性创建圆形进度条动画
这里先讲下clip这个css中很少用到的样式，在w3chool是这样描述的 clip 属性剪裁绝对定位元素。 当一幅图像的尺寸大于包含它的元素时会发生什么呢？”clip” 属性允许您规定一个元素的可见尺寸，这样此元素就会被修剪并显示为这个形状。第一句话就很明确的表达了，裁剪元素必须带position:absolute;属性，然后才能使用clip去对图像进行裁剪。语法为 img
2015-07-16 14:32:29
2955
转载 初学者上传文件到github方法
这里介绍的是windows下的安装和使用。【第一步】建立先仓库 第一步的话看一般的提示就知道了，在github新建一个repository（谷歌可以解决），都是可视化的界面操作，所以难度不大。或者看这里：https://help.github.com/articles/create-a-repo 这是官方help，虽然是英文的，但是基本都是图和代码，所以很容易读懂。 在github首页的右上角，
2015-07-13 15:03:14
726
原创 Pjax实现网页局部刷新
现在很多网站( facebook, twitter)都支持这样的一种浏览方式， 当你点击一个站内的链接的时候， 不是做页面跳转， 而是只是站内页面刷新。 这样的用户体验， 比起整个页面都闪一下来说， 好很多。 其中有一个很重要的组成部分， 这些网站的ajax刷新是支持浏览器历史的， 刷新页面的同时， 浏览器地址栏位上面的地址也是会更改， 用浏览器的回退功能也能够回退到上一个页面。 那么如果我们想要
2015-07-10 15:53:10
5153
原创 bootstrap的Carousel配合dropload.js实现移动端滑动切换图片
轮播图可以通过点击按钮来跳到上一张或者下一张，在移动端我们常用的就是通过滑动来实现一些时间，那么如何实现呢。以下是通过bootstrap的Carousel和dropload.js（移动端上下拉动刷新插件）的实现方法。HTML部分<div id="goods_lunbo" style="width:200%;overflow:hidden;margin-left:-50%;">
2015-07-07 17:14:08
3419
1
转载 Bootstrap中的弹出框插件popover.js中的参数title、content不能使用html代码
加入自定义代码 $(".pop").each(function() { var $pElem = $(this); $pElem.popover({ html: true, trigger: "manual", title: getPopoverTitle($pElem.attr("id")), content: getPopo
2015-06-18 13:26:36
4391
原创 form提交后仍然是当前页面的简单实现
要实现这么一个功能，在购物车中，用户点击结算时先判断是否登录，如果没有登录，则显示一个登录界面!用户在输入用户名和密码后会将表单提交到指定页面，而这时候链接也是直接跳转到了登陆后的界面，怎么才能在点击“登录”后仍是当前页面，并且可以接受登陆信息呢。在form表单中加入这么一句<input
2015-03-17 15:11:26
1777
转载 html5各种页面切换效果和模态对话框
页面动画：data-transition 属性可以定义页面切换是的动画效果。例如：I'll popdata-transition 参数表：参数说明slide 从右侧向左滑入页面slideup 从底部向上滑入slidedown 从上向下滑入pop 从中心渐显展开fade 渐显flip 翻转备注：如果想要在目标页面中显示后退按钮，可以在链接中加入 data-
2014-12-15 15:33:26
2799
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人