年后换工作，一直不稳定，我就没有正式写过程序，博客也荒芜了。最近才正式接手工作，遇到很多奇葩的领导，总有很多奇葩的想法和理念。比如不让用jquery,不过要求兼容ie11和chrome ff,就行。放弃jquery开始感觉很难，写了两天，也还行。我先用jquery实现的功能，然后替换里面几个方法即可 ，无非就是查找，添加class等！在控制台先测试好，直接使用就行了，但遇到以下问题，简
转载
2023-07-23 09:06:07
148阅读
我最近决定封装一个原生 Javascript 的 Dialog 组件，整个过程充满了探索与乐趣。本文将详细记录我在搭建这个组件时的所有步骤，从最初的环境准备到最终的生态扩展，力求让你也能轻松上手。
## 环境准备
首先，我们需要准备一个开发环境，保证所有工具和依赖都齐全。以下是我选择的技术栈，用以支撑这个 Dialog 组件的开发。
```mermaid
quadrantChart
Javascript是基于对象的开发语言，遇到的所有复杂的东西都是对象，而面向对象开发语言的最主要特点就是：封装，继承，多态；本文从这三个点学习javascript的面向对象开发。 一、 封装 在程序开发中，我们经常会遇到各种各样的实例，例如：猫，狗，兔子然后在操作这些实例时是很浪费时间空间的，所以在开发中我们经常会抽象成一个对象存储，在具体应用时然后实例化成具体对象。它们都属于动物，我们可以
转载
2023-10-29 00:34:47
63阅读
在内置组件中，有一些组件较为特殊，它们并不完全在Exparser的渲染体系下，而是由客户端原生参与组件的渲染，这类组件我们称为“原生组件”,这也是小程序Hybrid技术的一个应用。原生组件运行机制: <map latitude=“39.92” longtitude=“116.46”>在原生组件内部，其节点树非常简单，基本上可以认为只有一个div元素。上面这行代码在渲染层开始运行时，会经
转载
2024-03-03 07:35:19
43阅读
南京软件开发公司软世通小编这次就先给大家详细介绍网页制作APP和APP定制开发有哪些区别手机APP开发总共有四种模式1.Web网页加壳生成APP 2.Web网页+原生态混编3.HTML5开发4原生态开发。虽然模式繁多，但是企业自身选择90%都会选择原生态APP开发模式。对比四种模式，从开发难度比较原生态开发是相对困难的，为什么企业还是喜欢开发原生态APP软件呢？我们统计了目前客户选择豆米科技开发A
小莫碎碎念小莫第一次写技术博客无甚经验，望诸位大神和小白同僚莫要见怪，鉴于希望小莫日后能不忘初衷，每篇博客开头都有雷打不动的常设模块“小莫碎碎念”，关注技术的同僚可以绕过，这个模块基本没什么有用的，咳咳。小莫最近在做的项目中用了ng2-bootstrap，经常会用到tooltip，但bootstrap的tooltip有一个缺憾，就是在鼠标悬浮在tip上的时候tip就消失了了，bootstrap的解
转载
2023-10-08 20:40:12
131阅读
第一步：我们首先要创建一个RN项目：react-native init 你的项目名第二步：是用Android studio打开RN项目中的Android项目。 在新建一个文件夹用于存放我们封装的控件，结构如下：第三步：创建ViewManager，比如TextViewManager，代码如下：import android.graphics.Color;
import android.util.Lo
转载
2023-06-16 18:53:13
478阅读
# JavaScript UI组件封装入门指南
作为一名刚入行的开发者，学习如何封装JavaScript UI组件将极大提升你的开发效率和代码重用性。本文将以一个简单的步骤指南，带你走过JS UI组件封装的全过程，并提供实用代码示例。
## 流程概述
首先，我们来看看封装UI组件的大致流程。以下是该过程的简要步骤：
| 步骤 | 描述 |
|------|------|
| 1 | 确定组
javascript优秀组件封装是现代前端开发中的一项重要实践，旨在确保组件的复用性、可维护性与性能优化。在本文中，我们将详细分析如何进行优秀的javascript组件封装，涵盖环境准备、集成步骤、配置详解、实战应用、排错指南及生态扩展等各个方面。
## 环境准备
首先，我们需要准备合适的开发环境。以下是依赖安装的指南：
```bash
# 使用 npm 安装依赖
npm install -
define(['jquery'],function($){
function Window(){
this.cfg = {
width:400,
height:200,
content:'我是默认文本内容',
handle:null,
title:'系统消息',
skinClassName:null,
hasCloseBtn:false,
h
转载
2023-05-30 14:23:40
137阅读
目前作者所知道的创建react组件的方式有三种：函数式定义(无状态组件)
function MyComponent(props){
return(
<h1>mycomponent</h1>
)
}es5原生方式
const MyComponent=React.createClass({
render:function
设计模式：是解决问题的模板这里简单介绍两种设计模式：1.单例模式：单例就是保证一个类只有一个实例 eg：在JavaScript里，实现单例的方式有很多种，其中最简单的一个方式是使用对象字面量的方法，其字面量里可以包含大量的属性和方法：var people = {
name: "lxb",
age: "22",
eat: function () {
转载
2023-06-08 11:55:55
121阅读
原文的篇幅非常长，不过内容太过于吸引我，还是忍不住要翻译出来。此篇文章对编写可重用和可维护的React组件非常有帮助。但因为篇幅实在太长，我对文章进行了分割，本篇文章重点阐述 封装。因本人水平有限，文中部分翻译可能不够准确，如果您有更好的想法，欢迎在评论区指出。封装
一个封装组件提供 props 控制其行为而不是暴露其内部结构。
耦合是决定组件之间依赖程度的系统特性。根据组件的依赖程度，
众所周知，框架之间会有冲突，这是源生js就起到作用了，下面介绍一种源生js封装的ajax
原创
2022-03-29 11:06:55
57阅读
Javascript封装文字向上滚动组件
原创
2011-11-20 02:02:02
769阅读
在HarmonyOS应用开发中，组件化和模块化是提升开发效率、减少代码冗余的关键。然而，直接使用原生组件可能会导致代码重复和维护困难。为了应对这一挑战，我们可以通过封装自定义组件、扩展组件属性以及利用鸿蒙（HarmonyOS）提供的原生能力，构建更加高效、灵活的应用程序。本文将通过四个场景，详细讲解如何基于鸿蒙原生能力进行组件封装，并附上代码示例。场景一：全局扩展和全局样式使用背景在购物页面中，我
代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><linkrel="stylesheet"href="less/index.css"><style>.select_text{width:3
原创
2018-04-26 07:49:36
1026阅读
2019-2-17 学习内容1.面向对象的三大特性封装所谓封装，也就是把客观事物封装成抽象的类，并且类可以把自己的数据和方法只让可信的类或者对象操作，对不可信的进行信息隐藏。封装是面向对象的特征之一，是对象和类概念的主要特性。 简单的说，一个类就是一个封装了数据以及操作这些数据的代码的逻辑实体。在一个对象内部，某些代码或某些数据可以是私有的，不能被外界访问。通过这种方式，对象对内部数据提供了不同级
转载
2023-07-23 14:53:29
148阅读
最近迷上了react，用react模拟之前的系统，做登录的时候，发现需要用到cookie，之前用的跟vue搭配的VueCookie，我就在想啊，react应该也会有相应的cookie插件吧！百度一下，果然，是有的，那就是react-cookie，看名字貌似很专业的样子哈 我也去百度了下他的用法，官网搞的很复杂，可能是本人水平太低了，官网咱也看不懂，咱也不敢说，咱也不敢问的，可怜巴巴！ 于是我用百度
转载
2023-12-21 16:14:44
49阅读
这几天比较空闲所以研究了一下封装的方法，对于我们这些小白来说，封装往往显得高大上，下面我就来讲解下我的封装之路。原生js封装最简单的tab插件：html部分：写了两个包含框一个id为wrap一个为wraps 第一项第二项第三项
第一部分
第二部分
第三部分
第一项第二项第三项
第一部分
第二部分
转载
2023-10-19 11:53:17
87阅读
