年后换工作，一直不稳定，我就没有正式写过程序，博客也荒芜了。最近才正式接手工作，遇到很多奇葩的领导，总有很多奇葩的想法和理念。比如不让用jquery,不过要求兼容ie11和chrome ff,就行。放弃jquery开始感觉很难，写了两天，也还行。我先用jquery实现的功能，然后替换里面几个方法即可 ，无非就是查找，添加class等！在控制台先测试好，直接使用就行了，但遇到以下问题，简
转载
2023-07-23 09:06:07
121阅读
Javascript是基于对象的开发语言，遇到的所有复杂的东西都是对象，而面向对象开发语言的最主要特点就是：封装，继承，多态；本文从这三个点学习javascript的面向对象开发。 一、 封装 在程序开发中，我们经常会遇到各种各样的实例，例如：猫，狗，兔子然后在操作这些实例时是很浪费时间空间的，所以在开发中我们经常会抽象成一个对象存储，在具体应用时然后实例化成具体对象。它们都属于动物，我们可以
在内置组件中，有一些组件较为特殊，它们并不完全在Exparser的渲染体系下，而是由客户端原生参与组件的渲染，这类组件我们称为“原生组件”,这也是小程序Hybrid技术的一个应用。原生组件运行机制: <map latitude=“39.92” longtitude=“116.46”>在原生组件内部，其节点树非常简单，基本上可以认为只有一个div元素。上面这行代码在渲染层开始运行时，会经
小莫碎碎念小莫第一次写技术博客无甚经验，望诸位大神和小白同僚莫要见怪，鉴于希望小莫日后能不忘初衷，每篇博客开头都有雷打不动的常设模块“小莫碎碎念”，关注技术的同僚可以绕过，这个模块基本没什么有用的，咳咳。小莫最近在做的项目中用了ng2-bootstrap，经常会用到tooltip，但bootstrap的tooltip有一个缺憾，就是在鼠标悬浮在tip上的时候tip就消失了了，bootstrap的解
第一步：我们首先要创建一个RN项目：react-native init 你的项目名第二步：是用Android studio打开RN项目中的Android项目。 在新建一个文件夹用于存放我们封装的控件，结构如下：第三步：创建ViewManager，比如TextViewManager，代码如下：import android.graphics.Color;
import android.util.Lo
转载
2023-06-16 18:53:13
408阅读
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
130阅读
引言：在React项目开发的过程中，怎么减少代码冗余，提供代码质量，加强代码的可维护性，都是我们经常要考虑的问题。接下来，我会用HOC、Render Props、Hook这三种方式，示范一些常用的组件封装的技巧一、HOC（高阶组件）高阶组件（HOC）是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分，它是一种基于 React 的组合特性而形成的设计模式
设计模式：是解决问题的模板这里简单介绍两种设计模式：1.单例模式：单例就是保证一个类只有一个实例 eg：在JavaScript里，实现单例的方式有很多种，其中最简单的一个方式是使用对象字面量的方法，其字面量里可以包含大量的属性和方法：var people = {
name: "lxb",
age: "22",
eat: function () {
转载
2023-06-08 11:55:55
109阅读
众所周知，框架之间会有冲突，这是源生js就起到作用了，下面介绍一种源生js封装的ajax
原创
2022-03-29 11:06:55
54阅读
Javascript封装文字向上滚动组件
原创
2011-11-20 02:02:02
755阅读
代码：<!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
1019阅读
2019-2-17 学习内容1.面向对象的三大特性封装所谓封装，也就是把客观事物封装成抽象的类，并且类可以把自己的数据和方法只让可信的类或者对象操作，对不可信的进行信息隐藏。封装是面向对象的特征之一，是对象和类概念的主要特性。 简单的说，一个类就是一个封装了数据以及操作这些数据的代码的逻辑实体。在一个对象内部，某些代码或某些数据可以是私有的，不能被外界访问。通过这种方式，对象对内部数据提供了不同级
转载
2023-07-23 14:53:29
136阅读
这几天比较空闲所以研究了一下封装的方法，对于我们这些小白来说，封装往往显得高大上，下面我就来讲解下我的封装之路。原生js封装最简单的tab插件：html部分：写了两个包含框一个id为wrap一个为wraps 第一项第二项第三项
第一部分
第二部分
第三部分
第一项第二项第三项
第一部分
第二部分
最近迷上了react，用react模拟之前的系统，做登录的时候，发现需要用到cookie，之前用的跟vue搭配的VueCookie，我就在想啊，react应该也会有相应的cookie插件吧！百度一下，果然，是有的，那就是react-cookie，看名字貌似很专业的样子哈 我也去百度了下他的用法，官网搞的很复杂，可能是本人水平太低了，官网咱也看不懂，咱也不敢说，咱也不敢问的，可怜巴巴！ 于是我用百度
在学习Vue插槽（Slots）之前，我们可以先对Web Components的概念进行一个了解。因为Vue的模板系统，组件实现以及插槽相关的实现是参考于Web Components标准进行的上层设计。 在Vue中通过自定义组件、自定义标签以及自定义属性配合使用实现了Vue的组件化，是通过webpack/vite等工程化工具编译过后才能在浏览器上进行解析、渲染。 而对于HTML/DOM本身是具有一
前言作为一名前端工程师，我们每天都在和组件打交道，我们也许基于react/vue使用过很多第三方组件库，比如ant design，elementUI，iView等，或者基于它们进行过组件...
原创
2022-01-20 10:36:10
395阅读
我们可能已经用过很多JS插件，比如著名的轮播图插件Swiper.js，滚动条插件iScroll.js等等，用起来非常方便，大大提高了我们的工作效率。那么它们基本实现原理是怎样的呢？我们又该如何DIY一个可以复用的JS插件呢？接下来，我将以图片无缝循环轮播为例，手把手教你封装一个方便复用的原生JS插件。开始之前，我们先看看实现后的具体效果吧 → 图片无缝循环轮播 。一、面向过
抛出一个问题，其实所谓的熟悉原生JS，怎样的程度才是熟悉呢？最近都在做原生JS熟悉的练习。。。用原生Js封装了一个Ajax插件，引入一般的项目，传传数据，感觉还是可行的。。。简单说说思路，如有不正确的地方，还望指正^_^一、Ajax核心，创建XHR对象Ajax技术的核心是XMLHttpRequest对象（简称XHR），IE5是第一款引入XHR对象的浏览器，而IE5中的XHR对象是通过MSXML库中
转载
2023-09-10 14:24:46
105阅读
我们都知道，一款原生App的开发不仅要投入大量的人力时间和精力，同时金钱投入也是不可少的，那么自有网站的情况下，想要实现快速并且花费小的方式拥有App，就只能通过免签封装来实现了。那么我们今天就来介绍一下，ios免签封装的优势是什么。 ios免签封装的优势是什么？第一，省钱。正如开头所说，原生App的开发不仅要投入大量的人力物力，还要投入大量的金钱，因为采用原生技术开发的A
转载
2023-09-12 18:43:42
31阅读
现在是移动互联网时代了，用户使用最多的就是手机app了，移动端的流量太大了。但是，app的开发制作成本却是很多中小站点无法承受的，于是便衍生出了很多做网站打包的公司。 找外包公司开发APP或者自己开发APP的劣势：1）最重要一个问题就是开发周期是个大问题，有的人要1-3个月，有的人要1周，时间长的承受不了， 时间短的又觉得是套的模板，不放心2）其实制
