getStyle    #div1{width:100px;height:200px;background:yellow;}    window.onload = function (){        var oDiv = document.getElementById('div1');        function css(obj,name,value){            
                
         
            
            
            
            js封装就是把使用方式简单化,内部逻辑和使用解耦。使用人员知道参数和返回值就可以了,其他不用使用人员设置。            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-05-26 20:38:21
                            
                                86阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            NPM地址 使用方法相同url参数提取//提取url中的参数
function query(url) {
	if(!(url instanceof String )) return {}
	url = url.split('?')[1] //提取url问号?之后的字符串
	if(!url){
		return {}
	}
	url = url.split('&') //分离&之间的            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-01-31 11:37:22
                            
                                334阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            //获取cookie // var user_id = getCookie('ECS[user_id]'); function getCookie(c_name){ if (document.cookie.            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-21 15:30:03
                            
                                100阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            封装库--JavaScript,完整封装库文件/**
 *feng_zhuang_ku_1.0版本,js封装库,2016/12/29日:林贵秀
 **/
/** 前台调用
 * 每次调用$()创建库对象,使其每次调用都是独立的对象
 * $()创建库对象,有一个可选参数,参数有两种方式,1是传入的this,2是传入的字符串
 * 可选参数说明:
 * 传入的this,this,就是当前对象本身            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-28 11:59:34
                            
                                36阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前言之前公司设计的网站比较混乱,很多地方不统一,其中一个就是弹出层,导致这个原因是因为,公司的UI换了好几个人,而他们每个人做出来的都不太一样。最近公司开始整顿这个问题,对于统一的这种东西当然是做成一个模块,或者插件,而我打算做成插件。之所以写这篇文章是因为,当写完这个插件以后,发现其中有不少的理念,而这些理念我想把它总结一下,虽然这个插件并不复杂。该怎样架构?对于架构这个概念,接触的比较少,我的            
                
         
            
            
            
            JS 对象封装的常用方式JS是一门面向对象语言,其对象是用prototype属性来模拟的。来看看如何封装JS对象.常规封装  function Person (name,age,sex){
    this.name = name;
    this.age = age;
    this.sex = sex;
}
Pserson.prototype = {
    constructor:Pe            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-03 11:41:14
                            
                                53阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            项目做的越来越多,重复的东西不断的封装成了组件,慢慢的,页面就组件化了,只需要定义组件配置数据,使用就好了,这是一件非常舒服的事情,这篇文章主要和大家讲讲如何对element-ui中的el-table进行二次封装。分析需求公有组件,可以被任何页面调用,首先要保证组件不和外部业务发生耦合,其次就是要设计合理的字段,使用时通过不同的配置即可使用。 那先大致来分析以下可能有的需求:动态表头嵌套表头表格显            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-08 09:41:09
                            
                                29阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            // 1.封装a-b随机数// parseInt(Math.random()*9000+1000)  // 0-9000,不包含9000            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-29 22:21:32
                            
                                266阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            **Java Web–HTML、CSS、JavaScript学习笔记** HTML(Hyper Text Markup Language超文本标记语言):控制的是页面的内容,是由标签组成的语言,能够展示超文本的效果。CSS:控制的是页面的布局,视觉效果等C/S结构:Client—Server 客户端到服务器 B/S结构:Browser—Server 浏览器到服务器页面由三部分组成:内容(结构)、表            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-10 18:28:35
                            
                                106阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            使用 JS 和 jQuery 编写简易插件JS 封装插件通用目录结构css 插件依赖的基础 css 文件js 插件核心代码文件demo.html 提供给使用者的测试用例CSS加载器的实训效果可参考 纯 CSS 实现 Loading 效果
加载器作为插件使用,需要有一个固定的父级,所以添加 dount-wrapper
.donut-wrapper {
  width: calc(100% - 2px            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-10 18:31:16
                            
                                120阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            JavaScript的模块化:继承(原型)、封装(闭包)、多态  一、封装:  封装是实现面向对象程序设计的第一步,封装就是将数据或函数等集合在一个个的单元中(我们称之为类)。被封装的对象通常被称为抽象数据类型。  封装的意义:  封装的意义在于保护或者防止代码(数据)被我们无意中破坏。在面向对象程序设计中数据被看作是一个中心的元素并且和使用它的函数结合的很密切,从而            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-22 05:59:56
                            
                                31阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1、输入一个值,返回其数据类型function type(para) {    return Object.prototype.toString.call(para)}2、数            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-05-14 19:17:35
                            
                                47阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # 使用axios封装方法导出js对象
在前端开发过程中,我们经常会遇到需要发送网络请求的情况。而axios是一个基于Promise的HTTP客户端,可以用于浏览器和Node.js。为了更好地管理和封装网络请求,我们可以将axios封装成一个JS对象,从而方便调用和维护。
## 封装axios为JS对象
首先,我们可以创建一个axios实例,并设置一些默认配置,比如基本的URL、请求超时时间            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-04-21 06:24:28
                            
                                52阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            使用方法简单,只需要放在你的 utils.js 工具文件中,直接export const 加上下面封装方法,在别的文件中使用 {方法1,方法2,方法3...}引用后直接使用即可。01、输入一个值、返回其数据类型type = para =>{
return Object.toString.call(para).slice(8,-1)
}02、冒泡排序升序 bubbleAsSort()bub            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-08 14:23:47
                            
                                125阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在项目中难免有一些重复的操作,比如读取数据等,此时把这些操作封装起来就很有必要了1.在main.js中封装,在vue页面中获取数据(优点:不需要import操作,挂载在this中,可以获取vue对象,然后封装一些自定义操作)  main.js中:import Vue from 'vue'
  import Axios from 'axios'
  import ElementUI from 'el            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-05-29 15:34:19
                            
                                283阅读