Skip to content

Instantly share code, notes, and snippets.

View DChinin's full-sized avatar

Denis Chinin DChinin

24 followers · 46 following
View GitHub Profile
@DChinin
DChinin / jQuery Plugin Boilerplate
Created September 11, 2013 05:53
Advanced jQuery Plugin Boilerplate by Cedric Ruiz
/**!
* Advanced jQuery Plugin Boilerplate
* @author: Cedric Ruiz
* https://github.com/elclanrs/advanced-jquery-boilerplate
*/
(function($) {
var AP = Array.prototype;
$.newPlugin = function(pluginName, defaults, methods, global) {
@DChinin
DChinin / feature detect
Last active December 23, 2015 04:29
Return true if browser support CSS feature
// prop - transition, animation etc.
function featureDetect(prop) {
prop = prop.replace(/-(\w)/g, function (s, g) {
return g.toUpperCase()
});
var pre = ',Icab,Khtml,Moz,Ms,O,Webkit'.split(',');
for (var i = 0; i < pre.length; ++i) {
if (i == 1) {
prop = prop.slice(0, 1).toUpperCase() + prop.slice(1);
@DChinin
DChinin / external_templates.js
Created October 4, 2013 06:50
Backbone external templates
var rendered_html = render('mytemplate', {});
function render(tmpl_name, tmpl_data) {
if ( !render.tmpl_cache ) {
render.tmpl_cache = {};
}
if ( ! render.tmpl_cache[tmpl_name] ) {
var tmpl_dir = '/static/templates';
var tmpl_url = tmpl_dir + '/' + tmpl_name + '.html';
@DChinin
DChinin / stringToDom.js
Created July 1, 2014 07:47
Create DOM element by string http://www.sitepoint.com/revealing-magic-javascript/
var stringToDom = function(str) {
var wrapMap = {
option: [1, '<select multiple="multiple">', '</select>'],
legend: [1, '<fieldset>', '</fieldset>'],
area: [1, '<map>', '</map>'],
param: [1, '<object>', '</object>'],
thead: [1, '<table>', '</table>'],
tr: [2, '<table><tbody>', '</tbody></table>'],
col: [2, '<table><tbody></tbody><colgroup>', '</colgroup></table>'],
td: [3, '<table><tbody><tr>', '</tr></tbody></table>'],
@DChinin
DChinin / package.json
Created September 25, 2014 05:45
Package.json for async module
{"name":"async","description":"Higher-order functions and common patterns for asynchronous code","main":"./lib/async","author":{"name":"Caolan McMahon"},"version":"0.2.10","repository":{"type":"git","url":"https://github.com/caolan/async.git"},"bugs":{"url":"https://github.com/caolan/async/issues"},"licenses":[{"type":"MIT","url":"https://github.com/caolan/async/raw/master/LICENSE"}],"devDependencies":{"nodeunit":">0.0.0","uglify-js":"1.2.x","nodelint":">0.0.0"},"jam":{"main":"lib/async.js","include":["lib/async.js","README.md","LICENSE"]},"scripts":{"test":"nodeunit test/test-async.js"},"_id":"async@0.2.10","dist":{"shasum":"b6bbe0b0674b9d719708ca38de8c237cb526c3d1","tarball":"http://registry.npmjs.org/async/-/async-0.2.10.tgz"},"_from":"async@~0.2.6","_npmVersion":"1.3.2","_npmUser":{"name":"caolan","email":"caolan.mcmahon@gmail.com"},"maintainers":[{"name":"caolan","email":"caolan@caolanmcmahon.com"}],"directories":{},"_shasum":"b6bbe0b0674b9d719708ca38de8c237cb526c3d1","_resolved":"https://registry.npmjs.
@DChinin
DChinin / fastQuerySelectorAll
Created November 13, 2014 10:31
http://ryanmorr.com/abstract-away-the-performance-faults-of-queryselectorall/
(function(win){
'use strict';
var doc = win.document, simpleRe = /^(#?[\w-]+|\.[\w-.]+)$/, periodRe = /\./g, slice = [].slice;
win.query = function(selector, context){
context = context || doc;
if(simpleRe.test(selector)){
switch(selector.charAt(0)){
case '#':
@DChinin
DChinin / what-forces-layout.md
Created September 29, 2015 06:46 — forked from paulirish/what-forces-layout.md
What forces layout/reflow. The comprehensive list.

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Element

Box metrics
  • elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
  • elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
  • elem.getClientRects(), elem.getBoundingClientRect()
@DChinin
DChinin / index.html
Created November 21, 2015 10:45 — forked from RubaXa/index.html
CSS vs. Inline style (http://jsbench.github.io/#a9283bb254143ea63d7c) #jsbench #jsperf
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>CSS vs. Inline style</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
<script src="./suite.js"></script>
</head>
<body>
<h1>Open the console to view the results</h1>
@DChinin
DChinin / tips.md
Last active January 18, 2016 09:11
Vim guide

Перемещение

Клавиша/Команда Описание
:e! отменяет все изменения, сделанные за сеанс
h,j,k,l перемещение курсора ←, ↓, ↑, →
0 переход в начало строки
$ переход в конец строки
^ переход на первый непустой символ
w вперед на слово
@DChinin
DChinin / interview.md
Last active August 13, 2018 11:50
Frontend interview

Workflow:

  • Расскажите о своей среде разработки (ОС, редактор, браузер(ы), прочие инструменты)
  • Какую VCS используете? Как работали в команде? PR, методологии, оценка времени
  • Использовали CI?
  • Как узнаете о новинках в мире JS? Какие конференции/митапы посятили за последние полгода? Какую технологию изучили недавно?

Базовые вопросы

  • Как браузер отрисовывает HTML-страницу на экране? (что происходит после получения ответа от сервера)