Мини манипулятор своими руками: Мини-кран своими руками: обзор вариантов

Содержание

Ковш для нанесения штукатурки своими руками. Простой самодельный мини экскаватор своими руками: иллюзия или реальность

Во все времена достаточно высокой популярностью пользовались инструменты и оборудование, которые сочетали в себе разные функциональные возможности. Подобная тенденция касается и техники, которую принято использовать на своем загородном участке. На рынке соответствующих товаров можно встретить мини-тракторы и мотоблоки. Каждая модель обладает различным навесным оборудованием. Все это позволяет выполнять коммунальные и сельскохозяйственные работы. Производители навесного оборудования упускают одну немаловажную операцию, которая время от времени требуется в процессе ведения домашнего хозяйства. Сюда можно отнести всевозможные земляные работы. На рынке довольно сложно найти дополнительное навесное оборудование для тракторов и мотоблоков, которое бы помогало в осуществлении земляных работ. Конечно же, вы можете приобрести мини-экскаватор, однако его стоимость может превышать 7 000 долларов.

Изготовить мини-экскаватор своими руками достаточно просто, для этого будет необходимо только лишь запастись определенным набором инструментов и материалов. Для изготовления упомянутого оборудования на базе двигателя внутреннего сгорания или мотоблока необходимо будет запастись металлообрабатывающим оборудованием, сварочными и

Технология проведения работ

Если вам нужна траншея, например, для фундамента, то можно обойтись лопатой, однако проведение подобных работ предполагает трату большого количества времени, а вот с использованием экскаватора завершить такие манипуляции удастся всего лишь за 30 минут. Для того чтобы изготовить мини-экскаватор своими руками, нужно будет осуществить три этапа, в качестве первого из которых выступает подготовка, второй этап — это изготовление, а заключительная стадия будет предусматривать необходимость сборки.

Подготовительные работы

Первоначально нужно будет определиться, на базе чего и по какой технологии будет изготавливаться самодельный экскаватор. Если в наличии есть мини-трактор или мотоблок, то лучше всего произвести изготовление с креплением, поэтому придется руководствоваться методикой, которая используется для фиксации снегоуборочного оборудования. Если же в наличии имеется двигатель от старого автомобиля, то мини-экскаватор своими руками можно будет изготовить методом создания шасси трактора, приспособленного для

Приступаем к изготовлению


В основу рамы ляжет швеллер, который обладает типоразмером 8 или 10. Элементы будут соединяться между собой методом сварки. К данной системе фиксируется балка от автомобильного прицепа или машины, бывшей в употреблении. При этом заготовку нужно будет лишить пружин и рессор. В качестве альтернативного решения выступает использование самодельной оси. Когда изготавливается мини-экскаватор своими руками, то ось устанавливается на колеса. На этом можно считать, что самоходное шасси готово. Весь объем швеллера, учитывая манипулятор и кронштейны, потребует 12 метров материала.

Методика проведения работ


Если вами будет изготавливаться мини-экскаватор своими руками, чертежи данного оборудования вы с легкостью можете составить самостоятельно или позаимствовать из статьи. Манипулятор рекомендуется делать двухколенным, это позволит получить более простую конструкцию. Изготовление лучше всего вести из сваренных швеллеров, которые соединяются вместе. В итоге вы должны получить прямоугольный профиль, к которому фиксируются кронштейны, выполненные из металла. Их толщина должна составить 10 миллиметров. Среди остальных узлов конструкции можно выделить кронштейны, пальцы и механизмы движения. В ходе изготовления нужно будет использовать фрезерные, сверлильные и токарные инструменты. Вы можете изготовить некоторые части, например, ковш, самостоятельно или приобрести в готовом виде.

Снабжение экскаватора гидравлическим оборудованием


Если вы решили изготовить самодельный мини-экскаватор своими руками, то важно подумать над гидравлическим оборудованием, в этом вопросе перед мастером будет достаточно широкий выбор. Сердцем выступает по типу НШ-10. Пользуются популярностью и разновидности НШ-32, а также НШ-150. Если речь идет о последней модели, то использовать ее рекомендуется исключительно в новом виде. Цилиндры для функционирования ковша и манипулятора могут быть бывшего употребления, превосходно подойдут гидроцилиндры для поднятия кабины, которые позаимствованы от КАМАЗа или МАЗа. Если вы изготавливаете самодельные мини-экскаваторы, то можно приобрести новые цилиндры, руководствуясь размерами 63 x 40 x 500. За единицу такого товара придется заплатить примерно 100 долларов. Для управления предпочтительнее использовать гидрораспределитель марки РГС 253-х или МРС 70.4. У данных элементов должно быть три или четыре секции. Если не удастся найти данные дополнения, которые уже были в эксплуатации, то нужно будет подготовить 150 долларов на их приобретение.

Проведение монтажных работ


Сделать достаточно просто. На следующем этапе можно приступать к сборке конструкции на шасси. Через резиновую муфту или соединительный вал нужно подключить вал отбора мощности мотоблока, а также масляный системы. Все гидравлическое оборудование должно быть соединено между собой с помощью резиновых рукавов внушительного давления. На заключительном этапе готовые изделия следует покрасить, чтобы исключить возникновение коррозии.

Изготовление дополнительных частей

Если вы решили изготовить прицепной мини-экскаватор своими руками, то отдельные части стрелы можно выполнить с использованием труб квадратного сечения со стороной в 80 миллиметров. Можно для этого использовать листовой металл, который должен иметь толщину в пределах от 6 до 8 миллиметров. Из него сначала выкраиваются заготовки, которые сгибаются, а после свариваются между собой. Если предполагается изготавливать ковш самостоятельно, то для него нужно использовать металл вышеупомянутой толщины. Для того чтобы усилить конструкцию, на нее предстоит наварить пояс в верхней части. Помимо прочего, должны быть укреплены продольные ребра.

Для того чтобы обеспечить эффективную работу ковша, его нужно снабдить клыками, которые выполняются из качественной стали. В качестве второго варианта довольно часто используются пальцы, позаимствованные от тракторных гусениц.

Каждый раз при произведении земляных работ, особенно на мелком строительстве, встаёт вопрос — копать лопатой (на это уйдёт много времени) или — минут 30. Можно рассмотреть множество вариантов, и не получить универсального совета, что лучше сконструировать мини-экскаватор своими руками, взять в аренду или приобрести такую технику. Но проанализировать плюсы и минусы, сложности и преимущества построения самодельного агрегата необходимо. К важным этапам отнесём:

  • Подготовку
  • Конструирование
  • Изготовление
  • Сборку.

Самостоятельно изготовить или купить мини экскаватор — вот в чём вопрос.

Мини установка отличается многофункциональностью , компактностью, лёгкостью транспортировки и прекрасно подходит для мелких строительств или частных собственников.

Купить или сделать самодельный мини экскаватор будет зависеть от нескольких деталей: финансовые возможности и технические навыки . Если ваш бюджет позволит потратить от 15000$ на покупку такой техники — конечно проще купить и работать в удовольствие.

Если у вас одна кратковременная задача — копка траншеи или фундамента для дома — возможно проще арендовать его.

Если вы всё же хочется создать агрегат своими руками, то вы должны обладать:

  • Горячим желанием сделать это самостоятельно;
  • Временем для осуществления затеи;
  • Инженерно — технические знания и навыки, в том числе знание гидравлики, электрогазосварочной работы, слесарные навыки;
  • Наличие финансов — при хороших навыках значительно удешевит расходы при самостоятельной постройке экскаватора;
  • Наличие необходимых инструментов и оборудования.

Типологизация экскаваторов — определимся, что именно нужно нам.

Решившись на самостоятельное конструирование, вы должны понять, какой именно вид миниэкскаватора подойдёт вам. Различают автономный и прицепной типы .

При наличии в вашем распоряжении мотоблока или мини трактора логично будет создать прицепной экскаватор, с дополнительным узлом крепления.

Если в наличии имеется старый автомобильный двигатель, то вам проще создать автономный агрегат с шасси и блоком для земельных работ .

Загоревшись идеей как сделать самодельный прицепной мини экскаватор своими руками, следует учесть, что процесс будет нелёгким, нужны знания и умения .

Конструкция мини экскаватора и её особенности.

Чтобы сконструировать мини экскаватор, нужно сделать схему вашей модели , знать особенности всех элементов, узлов, деталей. Принцип конструкции самодельного мини экскаватора сходен с промышленными технологиями.

При обладании определёнными навыками в инженерном деле, можно попробовать создать конструкцию экскаватора самому. Но гораздо

проще воспользоваться множеством идей на просторах интернет форумов .

При выборе конструкций следует заметить, что на иностранных сайтах измерения все указаны в дюймах , и их нужно перевести в отечественную систему измерения.

Определившись с конструкцией, делаем смету, без которой мы не увидим всех нюансов самодельного построения экскаватора. В смете указываем:

  • Необходимые расходные материалы
  • Запасные части и детали
  • Оборудование для изготовления запчастей
  • Инструментарий (наличие или доступ)
  • Примерные затраты на изготовление экскаватора.

Сделав всё это, вы сможете решить, стоит ли строить его самому или лучше воспользоваться арендой.

Чертежи — не проблема.

Подсчитав свои финансы и определившись с возможностями, вы всё-таки решили строить экскаватор сами? Прекрасное решение, творческое удовольствие вам будет обеспечено!

И следующим этапом станут чертежи самодельного мини экскаватора.

Для построения чертежей самостоятельно вы должны иметь инженерные навыки, навыки расчетов.

Тут важным будет прочертить каждую деталь, составить все расчеты.

Можете воспользоваться помощью интернет — ресурсов, ведь если вы знаете, какой именно вид мини экскаватора будете делать — найти чертежи в интернете будет не так сложно.

Чертежи прицепного мини экскаватора будут гораздо легче и проще , чем экскаватора автономного, в изготовлении которого значительно больше деталей и узлов.

Основные узлы — что это, как их собирать и стоит ли покупать?

Найдя все необходимые чертежи, или сделав их самостоятельно, приступаем к основным узлам мини экскаватора, попутно прикинув их стоимость.

Раму мы изготовим из швеллера 8 или 10, воспользовавшись электросваркой. К полученной раме прикрепим старую балку от автомобиля, сняв с неё рессоры и пружины. Вариантом будет посадка колёс на самодельную ось. Из затрат имеем: около 12 метров швеллера, автомобильная балка, ну и ваша работа.

Манипулятор — проще изготовить двухколенный из таких же швеллеров, сваренных в прямоугольный профиль. При изготовлении манипулятора понадобится рассчитать всё, и не имея инженерных навыков сделать это будет сложно . Поэтому возможно манипулятор лучше купить готовый .

Из оборудования, если всё таки решите делать манипулятор сами, нужны будут станки — фрезерный, токарный, слесарный.

Стоимость готового манипулятора будет примерно на 30% меньше, чем сделать его своими руками.

Гидравлика — выбор тут широк, из насосов подойдут масляные, типов: НШ-10, НШ-32, НШ-150, насосы нужно купить, и желательно новые . А вот цилиндры для манипулятора подойдут и б\у от МАЗа или КАМАЗа, размер 63x40x500. Для узла управления можно найти, если постараться, б\у гидрораспределитель РГС 253, МРС 70.4.

Стрелу желательно взять готовую и установить вместе с гидравликой, так как велика возможность ошибки в расчётах при проектировании этого узла. Вполне подойдёт стрела от старого погрузчика .

Привод — какой лучше и как выбрать.

Перешерстив просторы интернета, и пообщавшись на форумах вы увидите стойкую тенденцию наших самоделкиных — мастеров использовать, выбирая привод дизель для гидравлики.

В промышленных моделях так же используется дизель . В самостоятельном изготовлении дешевле брать китайский двигатель «Лифан». Можно конечно поэкспериментировать с отечественными двигателями, но это зависит от ваших навыков.

Мини экскаватор надёжный помощник в ведении земляных работ, он компактен и удобен, но не лишён недостатков. Первым из недостатков можно назвать низкую скорость, эта техника не очень мобильна, и глубина копания невелика из-за размеров мини экскаватора. Но для небольших строительств такая техника вполне подойдёт.

Строим ковш — особенности подбора и установки.

Ковш — наша рабочая лошадка. Непосредственная нагрузка при земельных работах ложится на этот важный узел.

Ковши для мини экскаватора нужно делать прочными, чтобы техника прослужила долго и эффективно. Изготавливаем ковш из двух боковин и днища, используя электросварку. При изготовлении усилим конструкцию ковша, приварив рёбра жёсткости и клыки. Зубья можем сделать из «пальцев» от гусениц старых тракторов .

Ковш так же можно купить готовый , но и самостоятельно изготовить его не сложно, тут нет сложных расчетов, выбор за вами.

Выбор мини экскаватора зависит только от вашего желания и возможностей. Если вы оценили свои возможности и решили строить самостоятельно свой мини экскаватор — вы получите море удовольствия от процесса и результатов вашего труда. Если ваше финансовое положение позволяет купить новую модель — замечательно, она прослужит долго и эффективно.

Но для технически творческого человека истинным удовольствием всё-таки будет создать свою собственную модель. Тут важно чтобы результаты вашего труда не померкли после подсчётов растрат на строительство. Если вы не уверены в своих силах и навыках — ваш мини экскаватор может обойтись вам дороже, чем купить готовый .

Фото самодельных мини экскаваторов

Несколько вариантов изготовления самодельных агрегатов:




Видео о самоделках

Небольшой видеоролик об одной из самоделок:

Вконтакте

Проведение оздоровительных процедур в парилке невозможно без банных принадлежностей. В частности, для выполнения обливаний или создания пара необходимо иметь ковш. Этот аксессуар можно приобрести в специальном магазине или сделать самостоятельно.

Виды и материал ковшей для бани


Существуют модели разных размеров и форм. По типу держака выделяют ковши:
  • С вертикальной ручкой . Подойдут для зачерпывания воды из котла.
  • С горизонтальной ручкой . Используются для обливаний. За неимением черпака таким ковшом можно подавать воду или отвар трав на каменку.
Обычно держаки ковшей — длинные. Это нужно для удобства обливания, а также, чтобы не обжечься паром, если придется выливать воду на раскаленные камни.

По типу емкости ковши бывают:

  1. Резными . Их вырезают из полена. Такие модели эстетично выглядят, но требуют особого ухода. В частности, деревянный ковш для бани нельзя оставлять в сухом помещении, иначе он быстро начнет трескаться. Чтобы продлить срок службы, рекомендуется наполнять его водой в промежутках между использованием и хранить в мокром состоянии.
  2. Составными . Емкость такого ковша представляет собой небольшой «бочонок» и отличается оригинальным дизайном. Такая модель не трескается, но хранить ее нужно так же, как и предыдущую — в воде. В противном случае ковш рассохнется.
Традиционно для изготовления этих принадлежностей используют:
  • Дерево . По своим эксплуатационным характеристикам этот материал оптимально подходит для использования в парилке. Он экологичен и безопасен. Однако изделие требует тщательного ухода для длительного срока службы.
  • Нержавейку или медь . Практичные и удобные металлические ковши могут эксплуатироваться и храниться в любых условиях. Единственный их недостаток заключается в сильном нагреве. Изделиями из металла можно обжечься. Поэтому чаще всего в целях безопасности такие ковши оснащаются ручкой из дерева.
  • Пластмассу . Такие модели крайне нежелательно использовать в парилке. Если ковш выполнен из некачественной пластмассы, то он может внезапно деформироваться при контакте с горячей водой. Хотя изделия из поликарбоната обладают высокой термостойкостью.
Вы можете приобрести готовую производственную модель или изготовить ковш для бани своими руками.

Особенности выбора банного ковша



Приобрести готовое изделие можно в специализированном магазине или заказать в сети.

Желательно иметь несколько ковшей в бане для разных целей:

  1. В парилке и моечном отделении может одновременно находиться несколько человек. Удобно будет, если для каждого отдыхающего будет предусмотрен ковш.
  2. Отдельно должна быть модель с длинной горизонтальной ручкой для подачи воды на камни.
  3. Набирать воду из котла удобнее ковшом с длинной вертикальной ручкой.
  4. Для обливаний в моечном отделении оптимально подойдет изделие с ручкой средней длины.
Рекомендуется отдавать предпочтение безопасным аксессуарам из дерева. Обойдутся они недешево, особенно модели народных умельцев. Зато можно быть уверенным, что они не обожгут вас при нагревании.

Технология изготовления деревянного ковша в баню

Чтобы сделать ковш для бани самостоятельно, необходимо изначально определиться с его размерами, длиной и положением ручки, материалом изготовления, типом емкости. Выбрав модель, желательно сделать изначально заготовки из плотного картона.

Подбор материала для банного ковша



В первую очередь подберите тип древесины, которую будете использовать.

Оптимальные варианты для этих целей:

  • Липа . Практичная древесина с приятным ароматом и оригинальной фактурой. Идеально подходит для изготовления всех банных принадлежностей. Не гниет и не растрескивается. Податлива к обработке.
  • Дуб . Прочный и долговечный материал. Отличается интересным насыщенным оттенком.
  • Ясень . Светлая и ароматная древесина. Выдерживает большие перепады температур.
  • Шелковица . Отличается влагоустойчивостью и долговечностью.

Для изготовления деревянного ковша для бани своими руками рекомендуется использовать сухое дерево.

Резной ковш для бани своими руками



Этот способ изготовления ковша считается несложным, но потребует определенных задатков плотника и набора инструментов. Определитесь с типом древесины и приступайте к обработке.

Рассмотрим, как сделать резной ковш в баню:

  1. На плотном картоне чертим шаблоны для дна ковша, его верха и боковых стен. Он не должен получиться слишком габаритным, поскольку его будет тяжело переносить наполненным водой. Однако если он будет слишком маленьким, то воду придется набирать чаще. Оптимальный размер — до двух литров.
  2. Вырезаем заготовки и отмечаем карандашом на древесине линии контура края.
  3. Производим черновую обрубку.
  4. Отмечаем контур боковых сторон и верха и делаем обрубку по примерному очертанию ковша.
  5. Обрабатываем получившуюся заготовку круглой стамеской, снимаем лишние слои дерева.
  6. Формируем с помощью стамески ручку изделия.
  7. Теслом обрабатываем внутренние стороны и еще раз проходимся большой стамеской.
  8. С помощью ножа по дереву вырезаем ручку нужной формы и всего изделия. При наличии художественных навыков можно сделать оригинальные узоры в качестве декора.
  9. Внутри изделие обрабатываем клюкарзой.
  10. Обрабатываем шлифовальной крупнозернистой бумагой наружную поверхность и переходим ко внутренней.
  11. Стамесками при желании вырезаем декоративные узоры.

Как сделать составной ковш в баню



Сделать такую модель можно без особых бондарских навыков. Для этого понадобится дощечка, ручка, основание и металлический ободок.

Придерживаемся в процессе такой инструкции:

  • Вырезаем планку размерами 1х2,1 см.
  • Подтачиваем боковые стороны под углом 12 градусов.
  • Торцуем 15 деталей по 8 см.
  • По нижней части всех планок фрезеруем паз, глубина его должна составлять 0,4 см, а ширина — 0,8 см.
  • Острые уголки торцевых сторон округляем. Это будут дощечки для изделия.
  • Подготавливаем ручку. Для этого используем строганную доску, размеры которой составляют 1,5х7,5х38 см.
  • Вырезаем деталь удобной формы и округляем острые уголки.
  • Просверливаем на конце отверстие диаметром 0,8-1 см и продеваем в него петельку из веревки.
  • Из строганной доски 1х9 см вырезаем основание и стачиваем окружность до 0,6 см, а к радиусу — до 0,8 см.
  • Просверливаем в основной дощечке два сквозных отверстия диаметром 0,4 см. Они будут использоваться для крепежа острыми саморезами с прессованной шайбой (0,4х2,5 см).
  • Собираем вокруг основания все отдельные дощечки, вбивая дно в нижние проделанные предварительно пазы.
  • Сжимаем конструкцию, используя шпагат.
  • Подготавливаем два обруча. Для этого выбираем холоднокатанную низкоуглеродистую, мягкую, упаковочную ленту из стали, размерами 0,4х0,2 см.
  • Проделываем три отверстия в подготовленных обручах диаметром 0,16 см для строительных гвоздей 0,16х2,5 см.
  • Первый обруч набиваем снизу на высоте 0,5 см.
  • Укорачиваем гвозди с 2,5 см до 0,8 см и крепим верхний обруч на расстоянии 1 см от верхнего края.
  • Фиксируем ручку с помощью саморезов с прессованной шайбой.
  • Опускаем ковш в воду на некоторое время.

После разбухания древесины все щели исчезнут. Такое изделие обязательно следует хранить в воде, чтобы предотвратить рассыхание.

Уход за ковшом в бане



Медный ковш для бани может эксплуатироваться при больших перепадах температур и храниться в любых условиях. А вот деревянные модели требуют более серьезного ухода.

Соблюдение этих простых правил существенно продлит служебный срок принадлежностей и поможет сохранить их в первоначальном виде:

  1. Перед первым использованием ковш из дерева нужно замочить на час.
  2. Хранить его следует полным с водой подальше от солнца или обогревательных приборов.
  3. Чистить деревянное изделие химическими моющими средствами категорически запрещено. Лучше использовать в этих целях горчичный порошок и соду.
Как выглядит ковш для бани — смотрите на видео:
Наши рекомендации и рассмотренные особенности каждого вида ковшей помогут вам при необходимости подобрать подходящую производственную модель. Хотя многофункциональный и оригинальный деревянный ковш для бани несложно изготовить и оформить собственноручно, если учесть все нюансы подбора материалов и рабочего процесса.

Мини подъемный кран

Мини подъемные краны — это новейшее достижение в разделе строительной спецтехники. Представляют собой циклическое грузоподъемное оборудование, спроектированное для поднятия и перемещения груза в стесненных условиях и закрытых помещениях. Они отличаются повышенной манёвренностью и способны выполнять работы на неровных поверхностях в более сжатые сроки, по сравнению с автокранами. Эксплуатация этого вида техники позволяет сократить использование рабочей силы на этапах, связанных с тяжелым физическим трудом, а также дает ряд других существенных преимуществ…


Преимущества мини подъемные кранов

1. Комплектация гибридными приводами, позволяет осуществлять работы не только на стройплощадке, но и внутри зданий и сооружений на участке менее 10 кв.м.
2. Использование мини кранов, благодаря многофункциональности этого вида техники, значительно сокращает сроки выполнения работ.
3. Они способны выполнять работы повышенной сложности.
4. На определенные модели, в соответствии с законодательством,не требуется получения специального разрешения для работы.
5. Не нуждаются в возведении дополнительных подъемных систем.
6. Успешно заменяют в работе дорогостоящею, крупногабаритную технику, позволяя сэкономить денежные средства.


К дополнительным преимуществам относится отсутствие мертвых зон, что открывает большие перспективы в работе и предоставляет возможность осуществлять операции по подъему и перемещению груза на крышах и между этажами строящихся объектов. Грузоподъемность относится к основным показателям, определяющим качественные характеристики эксплуатации подъемного оборудования. Эти малогабаритные машины способны поднять грузы весом от 2 до 6 тонн на высоту 22 м и более в зависимости от модели.


Комплектация мини подъемных кранов

Комплекция грузоподъемной техники такого класса может включать в себя:

1. Систему предохранительной гидравлики.
2. Индикатор наклона корпуса.
3. Индикаторы уровня горизонтальности.
4. Защиту от превышения высоты подъема груза.
5. Ограничители максимальной грузоподъемности.
6. Фиксаторы, предотвращающие падение груза при неполадках и обрыве троса.

Управление осуществляется при помощи дистанционного управления. Оно, как правило, входит в стандартную комплектацию.
Область использования мини подъемных кранов:
— торговые центры
— авиационная промышленность
— железнодорожное депо
— жилищно – коммунальные хозяйство
— лесное хозяйство
— ремонтно – строительные компании
— стекольные фирмы
— речные и морские порты
— сталелитейные предприятия
— яхт — клубы
и другие предприятия.

Что такое мини подъемный кран?

Мини подъемные краны — это многофункциональное и универсальное оборудование, которое пользуется заслуженной популярностью у потребителя. Стоимость такого крана значительно ниже крупногабаритных моделей. Следовательно, период окупаемости, вложенных в него денежных средств меньше.

Манёвренность и небольшие габариты, при довольно не маленькой грузоподъемности делают их лидерами продаж в разделе спецтехники. На сегодняшний день на рынке представлено огромное количество моделей от различных товаропроизводителей. Покупателю остается только сделать выбор исходя из своих целей и задач.

 


Мини подъемный кран своими руками видео

Читаем дальше — узнаём больше!


Оценка: 2.6 из 5
Голосов: 153

Телеграфный манипулятор Пеклер своими руками » Радиотелеграфный клуб RCWC

 Телеграфный манипулятор Пеклер своими руками

 

Покупка заводского манипулятора обходится в некую сумму и не всегда устраивает радиолюбителя.
 
Приходится конструировать самому или можно воспользоваться этим описанием: приводятся  конструктивные чертежи и порядок сборки телеграфного манипулятора “Пеклер” для его самостоятельного изготовления.
 
Основой манипулятора (рис. 1, 2) является прямоугольная база, размером 80х80х12 мм, с закрепленной на ней четырьмя саморезами текстолитовой суббазой (рис. 3, 4) и с запрессованной резьбовой втулкой-опорой. Т-образное коромысло (рис. 5) изготовлено из твердого дюралюминия марки Д16Т и облегчено сквозными отверстиями, для уменьшения момента инерции при его возврате в исходное положение.

 

 

Рисунок 1. База — основа манипулятора

 

 

Рисунок 2. Чертеж базы

 

 

Рисунок 3. Внешний вид суббазы

 

 

Рисунок 4. Чертеж суббазы

 

 

Рисунок 5. Чертеж коромысла

 

Коромысло закреплено на суббазе центральным винтом М4 через латунную втулку, выполняющую роль подшипника скольжения. Оканчивается коромысло двойным оперением из цветного акрилового, тщательно отполированного пластика, жестко зафиксированного парой сквозных, трубчатых заклепок.
 
Контактная пара (рис. 6) – от хорошо зарекомендовавших себя, поляризованных реле типа РП4, РП5, причем со стороны коромысла используется вариант накладных контактов, широко применяемый даже у известных конструкций.
 
Конструкция контактных стоек реле позволяют изменять величину рабочего зазора в небольших пределах с помощью регулировочных винтов (рис. 7). Жесткость возвратных пружин регулируется раздельно. После окончательной регулировки все регулируемые элементы конструкции жестко фиксируются стопорными винтами.

 

Рисунок 6. Внешний вид контактной группы

 

 

Рисунок 7. Внешний вид контактов

 

Изготовление деталей
База, суббаза и коромысло изготавливается методом фрезерования. При отсутствии фрезерного станка и наличия определенного опыта, эти детали можно изготовить и вручную, обратив особое внимание на разметку и сверловку базовых отверстий.
Остальные детали: основание, втулка, винты, фигурные гайки (рис. 8) изготавливаются из латуни на токарном станке любого доступного класса.

 

 

Рисунок 8. Чертеж деталировки токарных изделий

 

После изготовления все детали тщательно шлифуются и полируются. При наличии гальваники детали из стали и латуни покрываются защитно-декоративным слоем хрома, или в крайнем случае – никелем, толщиной не менее 30 микрон. Причем хромирование предпочтительнее, т.к. этот вид покрытия традиционен для телеграфного оборудования.
Коромысло можно обработать пескоструйным аппаратом, заряженным крупным песком.
Это придаст поверхности зернистую, серебристую структуру, хорошо гармонирующую с хромированными деталями и полированной текстолитовой суббазой. Если есть возможность, на коромысло можно нанести черную матовую оксидную пленку. После нанесения любого декоративного покрытия, по всему периметру коромысла, мелким напильником снять фаску под углом 45 градусов. И слегка раззенковать декоративные отверстия. Это подчеркнет строгую его геометрию.
 
Изготовление контактной группы
Основные контактные стойки, аккуратно демонтируются из реле и используются без каких-либо переделок. Накладные же контакты получаем следующим образом. После разборки реле, аккуратно снимаем якорь с наклепанными контактными лепестками. Сверлом диаметром 3 мм аккуратно раззенковываем трубчатые заклепки. Достаточно это сделать с одной стороны, после чего весь контактный пакет легко разбирается. Теперь остается рассверлить крепежное отверстие лепестка под диаметр 3 мм. Учитывая его малую толщину эту операцию желательно выполнить кобальтовым сверлом. Рассверливаются отверстия ближние к контактам.
 
Изготовление оперения (кнобов)
Для этого необходимо подобрать подходящий, понравившийся Вам материал толщиной 3-4 мм. Вполне подойдет органическое стекло, текстолит, полистирол и т.п. Главное, чтобы он не изгибался при манипуляции и не был чрезмерно хрупок. Две пластинки складываются вместе, скрепляются двумя винтами М3 по базовым отверстиям, вырезаются по желаемому контуру и предварительно обрабатываются пакетом. Затем пакет разбирается и каждый кноб доводится и полируется отдельно.
Все элементы манипулятора полируются и хромируются с толщиной покрытия не менее 30 микрон. Дюралевое коромысло оксидируется с черной матовой, последующей тонировкой. Крепежные элементы, установленные с нижней части — оцинкованы.
Устойчивость манипулятору придает его вес, порядка 0,7 кг и резиновые ножки, подклеенные к базе. С торца базы имеется отверстие для вывода соединительного шнура.
 
Сборка манипулятора
Сборку желательно начинать с подготовки коромысла. В центральное отверстие с помощью небольших тисков запрессовываем втулку. Т.к. нижний край втулки выходит за коромысло, с обратной стороны последнего необходимо подложить технологическую шайбу подходящего диаметра. После запрессовки устанавливаем оперение. Для этого понадобится 2 пустотелые заклепки. Их можно сделать из латунной трубки с внешним диаметром 3 мм, длинной на 0,5 мм меньше толщины склепываемого пакета. Перед клепкой отверстия в кнобах зенкуются. Клепка производится на конусных стержнях.
Далее, накладываем контактные планки и прикручиваем их винтами М3 не затягивая их окончательно.
Следующий объект сборки – суббаза. Зачищаем наждачной бумагой заусенцы от сверловки и фрезеровки на её обратной стороне. В тех же тисках запрессовываем втулку – основание. Устанавливаем контактные стойки подложив под них 1-2 шайбы, обратив внимание на их ориентацию и не забыв про контактные лепестки с припаянными проводниками (от тех же реле), установив их с обратной стороны. Придерживая утконосами гайку, вращением стойки вокруг оси окончательно монтируем её на место, еще раз проверяя ориентацию.
 
Подготовив к монтажу коромысло и суббазу, начинаем окончательную сборку манипулятора.
Пропустив контактные провода от стоек в выфрезерованные выемки суббазы закрепляем последнюю на базе, посредством 4-х, желательно оцинкованных шурупов. При этом не переусердствуйте и не сломайте их. Далее прикручиваем винтами М4 собранные пружинные стойки и посредством центрального винта закрепляем коромысло.
 
Особое внимание в изготовлении манипулятора стоит обратить на подгонку диаметров центрального винта и втулки, выполняющих роль подшипника скольжения. На этом этапе производится первоначальная регулировка манипулятора. Закрутив центральный винт до упора слегка отверните его в обратном направлении на четверть оборота. Убедитесь в плавности качания коромысла на оси и отсутствие заметного вертикального люфта. После чего, надев на центральный винт контактную планку и лепесток, заверните до упора контрагайку из “подвала” базы. Распаяйте контактные проводники и кабель на установленную планку (рис. 9). Установите пружины. Проверьте положение контактов относительно друг-друга и при необходимости отцентруйте их наклоном контактных лепестков на коромысле. После регулировки зазоров и амплитуд основательно их зафиксируйте (рис. 10).


Рисунок 9. Распайка кабеля

 

Рисунок 10. Фиксация контактов после сборки

 

Подойдя творчески к изготовлению манипулятора можно учесть полностью (или частично) недостатки Пеклера, в частности Мастер КИТ доработал его в манипулятор Стелс:

1. Из конструкции убрана текстолитовая суббаза, с полировкой которой возникали некоторые технологические проблемы.
2. Несколько увеличен “размах” коромысла, в конструкцию которого введен подшипник качения, размером 13x5x4 мм.
3. Увеличен диаметр центрального винта с 4-х до 5 мм.
4. Введена центровка возвратных пружин с обеих сторон.
5. Контактная группа от реле заменена оригинальными, посеребренными контактами, выполненными в виде миниатюрных винтов, что позволит легко их заменить по мере износа (в случае таковой надобности).
6. Иная конструкция регулировочных элементов позволяет производить все регулировки в широких пределах, и рассчитана на широкий круг пользователей.
7. Изменено положение пластикового оперения.
8. Резиновые ножки увеличены в размере и крепятся к базе винтами М3.
9. Диаметр выходного кабельного отверстия увеличен до 5 мм.

 

 

Рисунок 11. Внешний вид манипулятора “Стелс”

 

Настольная робо-рука манипулятор из оргстекла на сервоприводах своими руками или реверс-инжиниринг uArm

Привет, гиктаймс!

Хочу поделиться с вами результатами реверс-инжиниринга uArm – простого настольно манипулятора из оргстекла на сервоприводах.

Проект uArm от uFactory собрал средства на кикстартере уже больше двух лет назад. Они с самого начала говорили, что это будет открытый проект, но сразу после окончания компании они не торопились выкладывать исходники. Я хотел просто порезать оргстекло по их чертежам и все, но так как исходников не было и в обозримом будущем не предвиделось, то я принялся повторять конструкцию по фотографиям.

Сейчас моя робо-рука выглядит так:

Работая не спеша за два года я успел сделать четыре версии и получил достаточно много опыта. Описание, историю проекта и все файлы проекта вы сможете найти под катом.

Пробы и ошибки

Начиная работать над чертежами, я хотел не просто повторить uArm, а улучшить его. Мне казалось, что в моих условиях вполне можно обойтись без подшипников. Так же мне не нравилось то, что электроника вращается вместе со всем манипулятором и хотелось упростить конструкцию нижней части шарнира. Плюс я начал рисовать его сразу немного меньше.

С такими входными параметрами я нарисовал первую версию. К сожалению, у меня не сохранилось фотографий той версии манипулятора (который был выполнен в желтом цвете). Ошибки в ней были просто эпичнейшие. Во-первых, ее было почти невозможно собрать. Как правило, механика которую я рисовал до манипулятора, была достаточно простая, и мне не приходилось задумываться о процессе сборки. Но все-таки я его собрал и попробовал запустить, И рука почти не двигалась! Все детли крутились вокруг винтов и, сли я затягивал их так, чтобы было меньше люфтов, она не могла двигаться. Если ослаблял так, чтобы она могла двигаться, появлялись невероятные люфты. В итоге концепт не прожил и трех дней. И приступил к работе над второй версией манипулятора.

Красный был уже вполне пригоден к работе. Он нормально собирался и со смазкой мог двигаться. На нем я смог протестировать софт, но все-таки отсутствие подшипников и большие потери на разных тягах делали его очень слабым.

Затем я забросил работу над проектом на какое-то время, но вскоре принял решении довести его до ума. Я решил использовать более мощные и популярные сервоприводы, увеличить размер и добавить подшипники. Причем я решил, что не буду пытаться сделать сразу все идеально. Я набросал чертежи на скорую руки, не вычерчивая красивых сопряжений и заказал резку из прозрачного оргстекла. На получившемся манипуляторе я смог отладить процесс сборки, выявил места, нуждающиеся в дополнительном укреплении, и научился использовать подшипники.

После того, как я вдоволь наигрался с прозрачным манипулятором, я засел за чертежи финальной белой версии. Итак, сейчас вся механика полностью отлажена, устраивает меня и готов заявить, что больше ничего не хочу менять в этой конструкции:

Меня удручает то, что я не смог привнести ничего принципиально нового в проект uArm. К тому времени, как я начал рисовать финальную версию, они уже выкатили 3D-модели на GrabCad. В итоге я только немного упростил клешню, подготовил файлы в удобном формате и применил очень простые и стандартные комплектующие.

Особенности манипулятора

До появления uArm, настольные манипуляторы подобного класса выглядели достаточно уныло. У них либо не было электроники вообще, либо было какое-нибудь управление с резисторами, либо было свое проприетарное ПО. Во-вторых, они как правило не имели системы параллельных шарниров и сам захват менял свое положение в процессе работы. Если собрать все достоинства моего манипулятора, то получается достаточно длинный список:


  1. Система тяг, позволяющих разместить мощные я тяжелые двигатели в основании манипулятора, а также удерживающие захват параллельно или перпендикулярно основанию
  2. Простой набор комплектующих, которые легко купить или вырезать из оргстекла
  3. Подшипники почти во всех узлах манипулятора
  4. Простота сборки. Это оказалось действительно сложной задачей. Особенно трудно было продумать процесс сборки основания
  5. Положение захвата можно менять на 90 градусов
  6. Открытые исходники и документация. Все подготовлено в доступных форматах. Я дам ссылки для скачивания на 3D-модели, файлы для резки, список материалов, электронику и софт
  7. Arduino-совместимость. Есть много противников Arduino, но я считаю, что это возможность расширения аудитории. Профессионалы вполне могут написать свой софт на C — это же обычный контроллер от Atmel!

Механика

Для сборки необходимо вырезать детали из оргстекла толщиной 5мм:

… и 3мм:

С меня за резку всех этих деталей взяли около $10.

Основание монтируется на большом подшипнике:

Особенно трудно было продумать основание с точки зрения процесса сборки, но я подглядывал за инженерами из uArm. Качалки сидят на штифте диаметром 6мм. Надо отметить, что тяга локтя у меня держится на П-образном держателе, а у uFactory на Г-образном. Трудно объяснить в чем разница, но я считаю у меня получилось лучше.

Захват собирается отдельно. Он может поворачиваться вокруг своей оси. Сама клешня сидит прямо на валу двигателя:

В конце статьи я дам ссылку на суперподробную инструкцию по сборке в фотографиях. За пару часов можно уверенно все это скрутить, если все необходимое есть под рукой. Также я подготовил 3D-модель в бесплатной программе SketchUp. Её можно скачать, покрутить и посмотреть что и как собрано.

Электроника

Чтобы заставить руку работать достаточно всего навсего подключить пять сервоприводов к Arduino и подать на них питание с хорошего источника. У uArm использованы какие-то двигатели с обратной связью. Я поставил три обычных двигателя MG995 и два маленьких двигателя с металлическим редуктором для управления захватом.

Тут мое повествование тесно сплетается с предыдущими проектами. С некоторых пор я начал преподавать программирование Arduino и для этих целей даже подготовил свою Arduino-совместимую плату. С другой стороны как-то раз мне подвернулась возможность дешево изготовить платы (о чем я тоже писал). В итоге все это закончилось тем, что я использовал для управления манипулятором свою собственную Arduino-совместимую плату и специализированный шилд.

Этот шилд на самом деле очень простой. На нем четыре переменных резистора, две кнопки, пять разъемов для сервопривода и разъем питания. Это очень удобно с точки зрения отладки. Можно загрузить тестовый скетч и записать какой-нибудь макрос для управления или что-нибудь вроде того. Ссылку для скачивания файла платы я тоже дам в конце статьи, но она подготовлена для изготовления с металлизацией отверстий, так что мало пригодна для домашнего производства.

Программирование

Самое интересное, это управление манипулятором с компьютера. У uArm есть удобное приложение для управления манипулятором и протокол для работы с ним. Компьютер отправляет в COM-порт 11 байт. Первый из них всегда 0xFF, второй 0xAA и некоторые из оставшихся — сигналы для сервоприводов. Далее эти данные нормализуются и отдаются на отработку двигателям. У меня сервоприводы подключены к цифровым входам/выходам 9-12, но это легко можно поменять.

Терминальная программа от uArm позволяет изменять пять параметров при управлении мышью. При движении мыши по поверхности изменяется положение манипулятора в плоскости XY. Вращение колесика — изменение высоты. ЛКМ/ПКМ — сжать/разжать клешню. ПКМ + колесико — поворот захвата. На самом деле очень удобно. При желании можно написать любой терминальный софт, который будет общаться с манипулятором по такому же протоколу.

Я не буду здесь приводить скетчи — скачать их можно будет в конце статьи.

Видео работы

И, наконец, само видео работы манипулятора. На нем показано управление мышью, резисторами и по заранее записанной программе.

Ссылки

Файлы для резки оргстекла, 3D-модели, список для покупки, чертежи платы и софт можно скачать в конце моей

основной статьи

.


Подробная инструкция по сборке в фотографиях

(осторожно, траффик).

Краны-манипуляторы на гусеничном ходу (продолжение)

Гусеничные краны-манипуляторы, рассмотренные в предыдущем обзоре, относятся к мини крановым установкам , которые иногда путают с другими мини-кранами, т.н. грузонесущими кранами. Последние редко производятся на гусеничном ходу. Как уже отмечалось – гусеничные манипуляторы наиболее широко используются в Японии.

Компания Maeda Seisakusho Co. Ltd известна своими кранами-манипуляторами, некоторые из них представлены и в нашем ассортименте (MAEDA MC 28 , MAEDA MC373H и др). Но эта компания является крупнейшим производителем гусеничных кранов-манипуляторов. Краны-пауки Maeda работают как от двигателя внутреннего сгорания, так и от электродвигателя. Наиболее миниатюрные модели могут проехать через дверной проем шириной 56 см. Известно, что краны-манипуляторы на автомобильном шасси великолепно справляются с различными монтажными работами, например, остеклением. Но у крановых манипуляторов есть ограничение по высоте здания! А вот мини-кран «паук» может быть доставлен на любую высоту, где он будет работать уже на собственном ходу. Такая методика была применена при демонтаже опалубки и остеклении небоскребов Московского международного делового центра «Москва-Сити». (Башни Эволюция и Меркурий Сити). В данном проекте были использованы гусеничные краны-манипуляторы Maeda.

 

Еще один пример, зарубежный. Кран-паук был использован в швейцарском замке Park Hotel Vitznau при реставрации антикварных люстр. Не нужно объяснять, что в таких сложных условиях любой другой вид спецтехники был бы слоном в посудной лавке, а мини кран-манипулятор на гусеничном ходу великолепно справился со своей задачей. Единственное, что в связи с массой крана в 950 кг , поверхность деревянного пола замка была дополнительно накрыта толстым слоем листового металла во время работ. Это позволило обезопасить старинный пол замка от возможных повреждений.
В заключение нашего обзора вернемся к грузонесущим кранам. Как было сказано выше, этот вид спецтехники редко имеет гусеничных ход. К таким кранам относятся крановые установки Maeda серии LC, которые могут перемещаться с грузом 0,5-2 тонны. В Российской Федерации из этой серии гусеничный гидроманипулятор LC383M-5 показал хорошие результаты при монтажных работах на межэтажных перекрытиях.

Манипуляции с документами — Изучите веб-разработку

При написании веб-страниц и приложений одна из наиболее распространенных вещей, которые вам нужно сделать, — это каким-либо образом манипулировать структурой документа. Обычно это делается с помощью объектной модели документа (DOM), набора API-интерфейсов для управления HTML и информацией о стилях, которая активно использует объект Document . В этой статье мы подробно рассмотрим, как использовать DOM, а также некоторые другие интересные API, которые могут интересным образом изменить вашу среду.

Предпосылки: Базовая компьютерная грамотность, базовое понимание HTML, CSS и т. JavaScript — включая объекты JavaScript.
Цель: Чтобы познакомиться с основными API-интерфейсами DOM и другими API-интерфейсами, обычно связанные с DOM и манипулированием документами

Веб-браузеры представляют собой очень сложные программные продукты с большим количеством движущихся частей, многие из которых не могут контролироваться или манипулироваться веб-разработчиком с помощью JavaScript.Вы можете подумать, что такие ограничения — это плохо, но браузеры заблокированы по уважительным причинам, в основном из-за безопасности. Представьте, если бы веб-сайт мог получить доступ к вашим сохраненным паролям или другой конфиденциальной информации и входить на веб-сайты, как если бы это были вы?

Несмотря на ограничения, веб-API по-прежнему предоставляют нам доступ к большому количеству функций, которые позволяют нам делать множество вещей с веб-страницами. Есть несколько действительно очевидных моментов, на которые вы будете регулярно ссылаться в своем коде — рассмотрите следующую диаграмму, на которой представлены основные части браузера, непосредственно участвующие в просмотре веб-страниц:

  • Окно — это вкладка браузера, в которую загружается веб-страница; это представлено в JavaScript объектом Window .Используя методы, доступные для этого объекта, вы можете делать такие вещи, как возврат размера окна (см. Window.innerWidth и Window.innerHeight ), управлять документом, загруженным в это окно, сохранять данные, относящиеся к этому документу, на стороне клиента ( например, используя локальную базу данных или другой механизм хранения), прикрепить обработчик событий к текущему окну и многое другое.
  • Навигатор представляет состояние и идентификатор браузера (т. е. пользовательского агента) в том виде, в каком он существует в Интернете.В JavaScript это представлено объектом Navigator . Вы можете использовать этот объект для получения таких вещей, как предпочтительный язык пользователя, медиапоток с веб-камеры пользователя и т. д.
  • Документ (представленный DOM в браузерах) является фактической страницей, загруженной в окно, и представлен в JavaScript объектом Document . Вы можете использовать этот объект для возврата и управления информацией о HTML и CSS, составляющих документ, например, получить ссылку на элемент в DOM, изменить его текстовое содержимое, применить к нему новые стили, создать новые элементы и добавить их в текущий элемент как дочерний или даже полностью удалить его.

В этой статье мы сосредоточимся в основном на манипулировании документом, но помимо этого покажем еще несколько полезных моментов.

Документ, загруженный в данный момент на каждой из вкладок браузера, представлен объектной моделью документа. Это представление «древовидной структуры», созданное браузером, которое позволяет языкам программирования легко получить доступ к структуре HTML — например, сам браузер использует его для применения стилей и другой информации к правильным элементам при отображении страницы, а разработчики например, вы можете манипулировать DOM с помощью JavaScript после того, как страница была отрисована.

Мы создали простую примерную страницу dom-example.html (см. также ее вживую). Попробуйте открыть это в своем браузере — это очень простая страница, содержащая элемент

, внутри которого вы можете найти изображение, и абзац со ссылкой внутри. Исходный код HTML выглядит так:

  

  <голова>
    <мета-кодировка="utf-8">
    Простой пример DOM
  
  <тело>
      <раздел>
        Красный тираннозавр рекс: двуногий динозавр, стоящий прямо, как человек, с маленькими руками и большой головой с множеством острых зубов.
        

Здесь мы добавим ссылку на домашнюю страницу Mozilla

.

С другой стороны, DOM выглядит так:

Примечание: Эта древовидная диаграмма DOM была создана с помощью средства просмотра Live DOM Яна Хиксона.

Каждая запись в дереве называется узлом . Вы можете видеть на диаграмме выше, что некоторые узлы представляют элементы (обозначены как HTML , HEAD , META и т. д.), а другие представляют текст (обозначены как #text ). Существуют и другие типы узлов, но это основные, с которыми вы столкнетесь.

Узлы также называются по их положению в дереве относительно других узлов:

  • Корневой узел : Верхний узел в дереве, которым в случае HTML всегда является узел HTML (другие словари разметки, такие как SVG и пользовательский XML, будут иметь другие корневые элементы).
  • Дочерний узел : Узел непосредственно внутри другого узла. Например, IMG является потомком SECTION в приведенном выше примере.
  • Узел-потомок : Узел в любом месте внутри другого узла. Например, IMG является потомком SECTION в приведенном выше примере, а также потомком. IMG не является потомком BODY , так как находится на два уровня ниже его в дереве, а является потомком BODY .
  • Родительский узел : Узел, внутри которого есть другой узел. Например, BODY является родительским узлом SECTION в приведенном выше примере.
  • Одноуровневые узлы : Узлы, находящиеся на одном уровне дерева DOM. Например, в приведенном выше примере IMG и P являются одноуровневыми.

Полезно ознакомиться с этой терминологией перед работой с DOM, так как многие термины кода, с которыми вы столкнетесь, используют их.Вы также могли сталкиваться с ними, если изучали CSS (например, селектор потомков, селектор дочерних элементов).

Чтобы начать изучение манипулирования DOM, давайте начнем с практического примера.

  1. Сделайте локальную копию страницы dom-example.html и связанного с ней изображения.
  2. Добавьте элемент непосредственно над закрывающим тегом .
  3. Чтобы манипулировать элементом внутри DOM, сначала нужно выбрать его и сохранить ссылку на него внутри переменной.Внутри элемента script добавьте следующую строку:
      константная ссылка = document.querySelector('a');
      
  4. Теперь у нас есть ссылка на элемент, хранящаяся в переменной, мы можем начать манипулировать ею, используя доступные свойства и методы (они определены в таких интерфейсах, как HTMLAnchorElement в случае элемента , его более общего родителя интерфейс HTMLElement и Node — который представляет все узлы в DOM).Прежде всего, давайте изменим текст внутри ссылки, обновив значение свойства Node.textContent . Добавьте следующую строку ниже предыдущей:
      link.textContent = 'Сеть разработчиков Mozilla';
      
  5. Мы также должны изменить URL-адрес, на который указывает ссылка, чтобы он не попадал в неправильное место при нажатии. Добавьте следующую строку, снова внизу:
      link.href = 'https://developer.mozilla.org';
      

Обратите внимание, что, как и во многих других случаях в JavaScript, существует множество способов выбрать элемент и сохранить ссылку на него в переменной. Document.querySelector() — рекомендуемый современный подход. Это удобно тем, что позволяет выбирать элементы с помощью селекторов CSS. Приведенный выше вызов querySelector() будет соответствовать первому элементу , который появляется в документе. Если вы хотите сопоставить и сделать что-то с несколькими элементами, вы можете использовать Document.querySelectorAll() , который сопоставляет каждый элемент в документе, который соответствует селектору, и сохраняет ссылки на них в массивоподобном объекте, называемом NodeList. .

Для захвата ссылок на элементы доступны более старые методы, такие как:

Эти два метода лучше работают в старых браузерах, чем современные методы, такие как querySelector() , но они не так удобны. Посмотрите и посмотрите, какие другие вы можете найти!

Создание и размещение новых узлов

Вышеизложенное дало вам небольшое представление о том, что вы можете сделать, но давайте пойдем дальше и посмотрим, как мы можем создавать новые элементы.

  1. Возвращаясь к текущему примеру, давайте начнем со ссылки на наш элемент
    — добавьте следующий код внизу существующего скрипта (сделайте то же самое и с другими строками):
      const sect = document.querySelector('раздел');
      
  2. Теперь давайте создадим новый абзац с помощью Document.createElement() и добавим в него текстовое содержимое, как и раньше:
      const para = документ.создатьЭлемент('р');
    para.textContent = 'Надеемся, вам понравилось.';
      
  3. Теперь вы можете добавить новый абзац в конец раздела, используя Node.appendChild() :
  4. Наконец, в этой части давайте добавим текстовый узел к абзацу, внутри которого находится ссылка, чтобы красиво завершить предложение. Сначала мы создадим текстовый узел, используя Document.createTextNode() :
      const text = document.createTextNode(' — главный источник знаний о веб-разработке.');
      
  5. Теперь мы возьмем ссылку на абзац, внутри которого находится ссылка, и добавим к нему текстовый узел:
      const linkPara = document.querySelector('p');
    linkPara.appendChild (текст);
      

Это большая часть того, что вам нужно для добавления узлов в DOM — вы будете часто использовать эти методы при построении динамических интерфейсов (позже мы рассмотрим некоторые примеры).

Перемещение и удаление элементов

Могут быть случаи, когда вы захотите переместить узлы или вообще удалить их из DOM.Это вполне возможно.

Если бы мы хотели переместить абзац со ссылкой внутри него в конец раздела, мы могли бы сделать это:

  sect.appendChild(linkPara);
  

Это перемещает абзац вниз в конец раздела. Вы могли подумать, что он сделает его вторую копию, но это не так — linkPara — это ссылка на единственную копию этого абзаца. Если вы хотите сделать копию и добавить ее, вам нужно будет использовать Node.cloneNode() вместо этого.

Удаление узла также довольно просто, по крайней мере, когда у вас есть ссылка на удаляемый узел и его родителя. В нашем текущем случае мы просто используем Node.removeChild() , например:

  sect.removeChild(linkPara);
  

Если вы хотите удалить узел, основываясь только на ссылке на него самого, что довольно распространено, вы можете использовать Element.remove() :

Этот метод не поддерживается в старых браузерах.У них нет способа заставить узел удалить себя, поэтому вам придется сделать следующее.

  linkPara.parentNode.removeChild(linkPara);
  

Попробуйте добавить приведенные выше строки в свой код.

Управление стилями

С помощью JavaScript можно различными способами управлять стилями CSS.

Для начала вы можете получить список всех таблиц стилей, прикрепленных к документу, используя Document.stylesheets , который возвращает массивоподобный объект с объектами CSSStyleSheet .Затем вы можете добавлять/удалять стили по своему усмотрению. Однако мы не собираемся подробно останавливаться на этих функциях, потому что это несколько архаичный и сложный способ манипулирования стилем. Есть гораздо более простые способы.

Первый способ — добавить встроенные стили непосредственно к элементам, которые вы хотите динамически стилизовать. Это делается с помощью свойства HTMLElement.style , которое содержит встроенную информацию о стилях для каждого элемента в документе. Вы можете установить свойства этого объекта для прямого обновления стилей элементов.

  1. В качестве примера попробуйте добавить эти строки в наш текущий пример:
      para.style.color = 'белый';
    para.style.backgroundColor = 'черный';
    para.style.padding = '10px';
    para.style.width = '250px';
    para.style.textAlign = 'центр';
      
  2. Перезагрузите страницу, и вы увидите, что стили были применены к абзацу. Если вы посмотрите на этот абзац в Инспекторе страниц/DOM вашего браузера, вы увидите, что эти строки действительно добавляют в документ встроенные стили:
      

    Надеемся, вам понравилось.

Примечание: Обратите внимание, что версии свойств CSS для стилей CSS написаны строчными буквами верблюда, тогда как версии CSS написаны через дефис (например, backgroundColor против background-color ). Убедитесь, что вы не перепутали их, иначе это не сработает.

Существует еще один распространенный способ динамического управления стилями документа, который мы сейчас рассмотрим.

  1. Удалите предыдущие пять строк, которые вы добавили в JavaScript.
  2. Добавьте в свой HTML следующее:
      <стиль>
    .выделять {
      белый цвет;
      цвет фона: черный;
      отступ: 10 пикселей;
      ширина: 250 пикселей;
      выравнивание текста: по центру;
    }
    
      
  3. Теперь мы обратимся к очень полезному методу для общих манипуляций с HTML — Element.setAttribute() — он принимает два аргумента: атрибут, который вы хотите установить для элемента, и значение, которое вы хотите установить. В этом случае мы установим имя класса выделения для нашего абзаца:
      пункт.setAttribute('класс', 'изюминка');
      
  4. Обновите страницу, и вы не увидите никаких изменений — CSS по-прежнему применяется к абзацу, но на этот раз путем присвоения ему класса, выбранного нашим правилом CSS, а не встроенных стилей CSS.

Какой метод вы выберете, зависит от вас; оба имеют свои преимущества и недостатки. Первый метод требует меньше настройки и хорош для простых целей, в то время как второй метод является более строгим (без смешивания CSS и JavaScript, без встроенных стилей, что считается плохой практикой).Когда вы начнете создавать более крупные и сложные приложения, вы, вероятно, начнете чаще использовать второй метод, но это действительно зависит от вас.

На данный момент мы не сделали ничего полезного! Нет смысла использовать JavaScript для создания статического контента — вы можете просто написать его в свой HTML и не использовать JavaScript. Это сложнее, чем HTML, и создание вашего контента с помощью JavaScript также связано с другими проблемами (например, невозможность чтения поисковыми системами).

В следующем разделе мы рассмотрим более практичное использование DOM API.

В этом задании мы хотим создать простой пример списка покупок, который позволит вам динамически добавлять элементы в список с помощью формы ввода и кнопки. При добавлении элемента на вход и нажатии кнопки:

  • Элемент должен появиться в списке.
  • Каждому элементу должна быть назначена кнопка, нажатием которой можно удалить этот элемент из списка.
  • Ввод должен быть очищен и сфокусирован, чтобы вы могли ввести другой элемент.

Готовая демонстрация будет выглядеть примерно так:

Чтобы выполнить упражнение, выполните следующие действия и убедитесь, что список ведет себя так, как описано выше.

  1. Для начала загрузите копию нашего исходного файла shopping-list.html и сделайте его копию где-нибудь. Вы увидите, что он имеет минимальный CSS, список с меткой, полем ввода и кнопкой, а также пустой список и элемент