js模块
文章平均质量分 55
皮皮灬虾
代码“虐”我千万遍,我待代码如初恋!
展开
-
TypeScript基础语法
在TypeScript中原创 2024-06-27 16:50:04 · 289 阅读 · 0 评论 -
小程序富文本解析(mp-html组件)
微信小程序解析html大概有几种方式,我用过的有这三种rich-textweb-viewwxParsemp-html,各有各的优缺点,亲测,发现还是mp-html好用点。废话不多说,直接上代码。原创 2023-11-17 11:22:59 · 945 阅读 · 0 评论 -
Vue兄弟组件之间相互调用方法
Vue兄弟组件之间相互调用方法原创 2022-09-28 15:49:31 · 3709 阅读 · 4 评论 -
Vue 使用element-UI 上传图片及图片回显
问题描述: 将后台接口返回的图片,回显到页面1、html代码<el-form-item label="房间图片:" prop="images"> <el-upload :action="action" list-type="picture-card" :accept="accept" :auto-upload="true" :limit="imgLimit" :multiple="isMultiple" :file-list="form.images" :原创 2021-08-24 14:31:21 · 3884 阅读 · 7 评论 -
Vue项目点击跳转外部链接
问题描述:在Vue项目页面中,点击某个按钮,跳转到项目外其他链接页面1、页面点击覆盖当前页面window.location.href = 'https://www.baidu.com'2、点击重新打开一个页面窗口,不覆盖当前的页面 window.open('https://www.baidu.com',"_blank") "_blank" 新打开一个窗口 "_self" 覆盖当前的窗口...原创 2021-08-13 15:20:45 · 4021 阅读 · 0 评论 -
ES6常见数组用法
这是看完ES6文档后的学习笔记1、let与constlet的用法类似于var,但是所声明的遍历,只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1const声明一个只读的变量。一旦声明,常量的值就不能改变。const PI = 3.1415;PI // 3.1415PI = 3;// TypeError: Assignment to constant .原创 2021-07-31 15:27:52 · 254 阅读 · 0 评论 -
Vue项目登录加密
前端Vue项目-登录加密-crypto-js加密 AES加密今天做了Vue项目的加密,主要做了登录接口,保证登录的安全性能。网上关于 AES 对称加密的算法介绍挺多的,对这一块还不是特别理解的小伙伴可自行百度,这里我推荐一篇AES加密算法的详细介绍与实现,讲的还是蛮详细的~要用 AES 算法加密,首先我们要引入 crypto-js ,crypto-js 是一个纯 javascript 写的加密算法类库 ,可以非常方便地在 javascript 进行 MD5、SH原创 2020-08-31 18:14:35 · 2112 阅读 · 1 评论 -
数组的push()、pop()、shift()和unshift()方法讲解
数组的push()、pop()、shift()和unshift()方法avaScript的数组是一个拥有堆栈和队列自身优点的global对象。也就是说JavaScript数组可以表现的像栈(LIFO)和队列(FIFO)一样操作。这也是JavaScript数组强大的可操作性的体现。堆栈和队列栈和队列都:是动态的集合,在栈中,可以去掉的元素是最近插入的那一个。栈实现了后进先出。在队列中,可以去掉的元素总是在集合中存在的时间最长的那一个。队列实现了先进先出的策略。堆栈的基本概念先上张图:ECM原创 2020-08-31 18:13:30 · 413 阅读 · 0 评论 -
如何改变数组对象里面的key 键名字
如何改变数组对象里面的key 键名字看网上有很多封装好的方法也是可以直接拿来用,但是太长,记不住,所以用map解决是个不错的选择!!!和后端交互过程中,存在他给的数组里的键名并不是我们想要的。我们就需要改成我们想要的名字,这样方便我们取值来用。例如: var arr = [{ a: 'key1', b: 'value1' }, { a: 'key2', b: 'value2'原创 2020-08-31 18:12:40 · 5956 阅读 · 6 评论 -
小程序——切割字符串
小程序——切割字符串做完项目整理了下小程序的字符串切割的常见几种方法JS对字符串进行切割截取1.函数:split()功能:使用一个指定的分隔符把一个字符串分割存储到数组例子:str=”jpg|bmp|gif|ico|png”; arr=str.split(”|”);//arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组2.函数:join()功能:使用您选择的分隔符将一个数组合并为一个字符串例子:var delimitedString=my原创 2020-07-01 17:45:48 · 10166 阅读 · 1 评论 -
微信小程序下拉刷新上拉加载更多
微信小程序下拉刷新/上拉加载更多前言:今天说说小程序的分页功能做这个功能之前,咱们可以先看看微信小程序官方文档,有这个API的查看文档,在用page()函数注册页面的时候有这样的两个对象参数用户判断用户在最顶部下拉和到达最底部在小程序里,用户顶部下拉是默认禁止的,我们需要把他设置为启用,在app.json中的设置对所有页面有效,在单独页面设置则对当前页面有效;看一下json文件:"enablePullDownRefresh": true,有同学说设置完之后可以下拉,但是看不到图标;在原创 2020-06-16 10:56:01 · 896 阅读 · 1 评论 -
vue-cli项目中使用mockjs(基础使用和全局配置使用)
vue-cli项目中使用mockjs(基础使用和全局配置使用)很多时候前后端分离的项目在开发过程中前端所需数据和后端接口并不会同步开发,此时在接口对接之前就可以使用mockjs来自定义模拟数据vue项目中的请求一般也是使用Axios进行请求,而axios的的一个特点就是会自动拦截请求,今天搞了一下午,也参考了很多文章,差不多完成了demoaxios的使用参考官网。脚手架搭建好之后npm install mockjs // 安装mockjsnpm install axios // 安装axios原创 2020-05-13 18:11:04 · 2087 阅读 · 1 评论 -
JavaScript Window Navigator浏览器信息
JavaScript Window Navigatorwindow.navigator 对象包含有关访问者浏览器的信息。实例<!DOCTYPE html><html><body><div id="example"></div><script>txt = "<p&原创 2018-07-04 11:40:51 · 419 阅读 · 0 评论 -
JavaScript Window Screen可用界面
JavaScript Window Screenwindow.screen 对象包含有关用户屏幕的信息。Window Screenwindow.screen 对象在编写时可以不使用 window 这个前缀。一些属性:screen.availWidth - 可用的屏幕宽度screen.availHeight - 可用的屏幕高度Window Screen 可用宽度...原创 2018-07-04 11:40:27 · 183 阅读 · 0 评论 -
JavaScript 计时
JavaScript 计时通过使用 JavaScript,我们有能力做到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。实例简单的计时单击本例中的按钮后,会在 5 秒后弹出一个警告框。<html><head><script type="text/javascript">function timed...原创 2018-07-04 11:40:09 · 362 阅读 · 0 评论 -
JavaScript 库
JavaScript 库JavaScript 库 - jQuery、Prototype、MooTools。JavaScript 框架(库)JavaScript 高级程序设计(特别是对浏览器差异的复杂处理),通常很困难也很耗时。为了应对这些调整,许多的 JavaScript (helper) 库应运而生。这些 JavaScript 库常被称为 JavaScript 框架。...原创 2018-07-04 11:39:51 · 151 阅读 · 0 评论 -
[JavaScript]typeof和instanceof的区别
[JavaScript]typeof和instanceof的区别JS里面判断数据类型,一般用typeof或者instanceof两种方法,那么,两者到底有什么区别呢?1. typeoftypeof用于基本数据类型的类型判断,返回值都为小写的字符串。如果是对象,除了function类型会返回“function”, 其他对象统一返回“object”。详情如下:typeof.pn...原创 2018-03-13 20:56:30 · 169 阅读 · 0 评论 -
JavaScript基本数据类型
前端知识点系列三:JavaScript持续更新……1. JavaScript基本数据类型undefinednullbooleannumberstringSymbol (es6)2. null,undefined 的区别null 表示一个对象被定义了,值为“空值”;undefined 表示不存在这个值。typeof undefined //"und...原创 2018-03-13 20:57:12 · 111 阅读 · 0 评论 -
JavaScript中的MVC,MVP和MVVM模式剖析
JavaScript中的MVC,MVP和MVVM模式剖析JavaScript的UI设计模式,主流上可以分为MVC,MVP和MVVM,本文主要剖析这三种模式的异同。首先要了解缩写字母都具体代表什么:MVC : Model - View - ControllerMVP : Model - View - PresenterMVVM: Model - View - View Model...原创 2018-03-13 20:57:51 · 304 阅读 · 0 评论 -
JavaScript中的变量查找
JavaScript中的变量查找众所周知,JavaScript变量是按照作用域链来进行查找的(作用域和作用域链相关知识可参看我的另一篇文章,《基于JavaScript作用域链的性能调优》), 那么,对于一个简单的赋值操作,等号左右两边变量的查找方式一样吗?让我们从一个简单例子讲起~console.log(a); // undefinedvar a = 3;console.log...原创 2018-03-13 20:58:22 · 2137 阅读 · 1 评论 -
JavaScript中容易忽略的知识点
JavaScript中容易忽略的知识点本文整理了JavaScript中容易出错,或者易被忽略的知识点。1. String是不可变类型字符串类型String是不可变类型,也就是说,字符串本质上是不能改变的。var s1 = "abc";var s2 = s1;s2+="ef";console.log(s1); // "abc"// 这个例子,也可以从“简单类型的赋值是...原创 2018-03-13 20:58:47 · 204 阅读 · 0 评论 -
基于JavaScript作用域链的性能调优
基于JavaScript作用域链的性能调优JavaScript作用域和作用域链,说起来很简单,但是细细分析,大有玄机。只能真正理解了作用域链原理,才能写出更高效的JavaScript代码。下面,让我们慢慢走近这个并不神秘的区域……1. 作用域(也称为执行上下文)一句话简述“作用域”—“执行JavaScript代码时,JavaScript引擎会创建一个执行上下文,它设定了代码执行时所...原创 2018-03-13 20:59:49 · 186 阅读 · 0 评论 -
聊聊JavaScript如何实现继承
聊聊JavaScript如何实现继承“继承”是面向对象编程里面经常提及到的概念,它的目的是实现代码复用。JavaScript并没有“类”的概念,那么,它如何实现继承呢? (ES6有关键字class和extend,继承的语法与Java等面向对象语言类似,但是,ES6 class,只是JavaScript原型继承的语法糖而已)1. 类式继承关键点:通过构造函数实现继承。 父类:...原创 2018-03-13 21:00:38 · 155 阅读 · 0 评论 -
JS操作HTML DOM树的常见用法:
JS操作HTML DOM树的常见用法:改变 HTML 输出流JavaScript 能够创建动态的 HTML 内容:今天的日期是: Thu Jun 21 2018 11:50:27 GMT+0800 (中国标准时间)在 JavaScript 中,document.write() 可用于直接向 HTML 输出流写内容。改变 HTML 内容修改 HTML 内容的最简单的方法时使用...原创 2018-07-04 11:37:12 · 1472 阅读 · 1 评论 -
JS 字符串
JS对象JavaScript 中的所有事物都是对象:字符串、数值、数组、函数…此外,JavaScript 允许自定义对象。JavaScript 提供多个内建对象,比如 String、Date、Array 等等。对象只是带有属性和方法的特殊数据类型。访问对象的属性属性是与对象相关的值。访问对象属性的语法是:objectName.propertyName...原创 2018-07-04 11:38:01 · 345 阅读 · 0 评论 -
JS 数组
JS 数组数组对象的作用是:使用单独的变量名来存储一系列的值。创建数组创建数组,为其赋值,然后输出这些值。<html><body><script type="text/javascript">var mycars = new Array()mycars[0] = "Saab"mycars[1] = "Volvo"mycars[2..原创 2018-07-04 11:38:24 · 109 阅读 · 0 评论 -
JS 日期
JS 日期日期对象用于处理日期和时间JavaScript Date(日期)对象 实例返回当日的日期和时间如何使用 Date() 方法获得当日的日期。<html><body><script type="text/javascript">document.write(Date())</script>&...原创 2018-07-04 11:38:49 · 102 阅读 · 0 评论 -
JavaScript 消息框
JavaScript 消息框可以在 JavaScript 中创建三种消息框:警告框、确认框、提示框。实例警告框<html><head><script type="text/javascript">function disp_alert(){alert("我是警告框!!")}</script></head&原创 2018-07-04 11:39:08 · 184 阅读 · 0 评论 -
JavaScript 实例
JavaScript 实例基础 JavaScript 实例生成文本<html><body><script type="text/javascript">document.write("Hello World!")</script></body></html>原创 2018-07-04 11:39:30 · 286 阅读 · 0 评论 -
什么是跨域?怎么解决跨域问题?
什么是跨域?跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器施加的安全限制。所谓同源是指,域名,协议,端口均相同,不明白没关系,举个栗子:http://www.123.com/index.html 调用 http://www.123.com/server.php (非跨域)http://www.123.com/index.html 调用 http://www.456...翻译 2018-03-06 12:05:50 · 773 阅读 · 1 评论