js
关注
分享
扫一扫
文章平均质量分 58
ggyyjavascript
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js 9宫格抽奖
代码】js9宫格抽奖。原创 2022-08-02 14:47:01 · 1445 阅读 · 0 评论 -
前端面试题
面试笔记原创 2022-07-14 10:59:04 · 265 阅读 · 0 评论 -
ios，安卓 input禁止输入方式
input禁止输入只能输入数字、汉字、英文文本合成系统如 input method editor (即输入法编辑器）开始新的输入合成时会触发 compositionstart 事件当文本段落的组成完成或取消时, compositionend 事件将被触发<!-- 代码为vue实例 --><input type="text" v-model="contactName" @compositionstart="onCompositionStart" @compositionend=原创 2022-05-14 11:02:48 · 1088 阅读 · 0 评论 -
练手切水果
<div class="apple egg"> <div class="small_apple small_egg1"></div> <div class="small_apple small_egg1 small_apple2"></div> <div class="small_apple small_egg1 small_apple3"></div> <.原创 2022-04-08 15:08:02 · 433 阅读 · 1 评论 -
简易贪吃色
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2022-04-07 16:45:19 · 441 阅读 · 2 评论 -
JS实现继承的几种方式及优缺点
JS实现继承的几种方式及优缺点1. 原型链继承2. 构造函数继承3. 组合继承4.原型式继承5.寄生继承6.寄生组合式继承1. 原型链继承实现方式：将子类的原型链指向父类的对象实例function Parent(){ this.name = "parent"; this.list = ['a'];}Parent.prototype.sayHi = function(){ console.log('hi');}function Child(){}Child.prototype =原创 2021-08-16 17:58:26 · 325 阅读 · 0 评论 -
js 作用域 作用域链 闭包 内存泄露
GO：globalobject 即 全局上下文AO ：activationobject活跃对象，函数上下文, 在函数执行之前进行的一个步骤jS代码编译过程：检查通篇的语法错误，若有错误则不编译执行 预编译 解释一行，执行一行提升：函数声明会整体提升，变量表达式只有声明提升，赋值不提升 寻找GO的方法：1.找变量2.找函数声明3.执行寻找AO的方法：1.寻找函数的形参和变量声明2.把实参的值赋值给形参3.寻找函数声明，...原创 2020-12-20 21:28:39 · 167 阅读 · 0 评论 -
前端 H5 调试方法
vconsole调试工具官方github地址：https://github.com/Tencent/vConsole/blob/dev/doc/tutorial_CN.md官方demo：http://wechatfe.github.io/vconsole/demo.html特别注意官方提供的demo上面的按钮点击是无效的，但不要担心，直接在项目中引入插件，可以直接使用特性：1.安卓和ios的手机都可以用2.H5页面（包括混合式App的内嵌H5页面）3.console的相关打印可以直原创 2020-07-30 08:22:12 · 642 阅读 · 0 评论 -
el-table+el-from 动态生成表格表单
完整代码<template> <div class="transropt-warp container"> <div class="common-title"><h2>Transropt</h2></div> <div class="transropt-container"> &...原创 2019-10-18 13:43:53 · 2823 阅读 · 0 评论 -
vue-i18n 切换中英文效果(转发)
最终效果图:vue-i18n 仓库地址：https://github.com/kazupon/vue-i18n兼容性：支持 Vue.js 2.x 以上版本安装方法：（此处只演示 npm）1.npm install vue-i18n使用方法：1、在 main.js 中引入 vue-i18n （前提是要先引入 vue）1.import VueI18n from 'vue-i18n'...转载 2019-04-08 15:03:59 · 232 阅读 · 0 评论 -
48个JS 开发常用工具函数
偶尔看到文章 摘抄过来之后还没全部理解 如果你来希望留下您对下面函数理解评论，共同学习1、isStatic：检测数据是不是除了symbol外的原始数据理解： 验证是不是基本的数据类型function isStatic(value) { return( typeof value === 'string' || typeof value === 'nu...转载 2019-09-05 09:05:03 · 191 阅读 · 0 评论 -
实践字符串操作
工作难，难于上青天。敲代码遇到的问题，记录一下替换内容单引号替换双引号，转化为json数据，再次转化给对象//后台数据var a = "{'consumerKey': 'ck_4b22c356cf87485bd824306a667d692d1b662cd0','consumerSecret': 'cs_a340d441b9f61be510e6baac3662b48fbe5f1c74'...原创 2019-09-03 08:44:16 · 115 阅读 · 0 评论 -
后台返回数据不是你想要的？？自行转换(数组，对象互转)
这里运用数组的for循环和对象的for…in循环1.循环遍历拿到数组或对象的索引2.在循环内创建一个对象,在循环外设置一个数组3.直接push最终的数组对象结果[ 0: {text: "张三", value: 0} 1: {text: "李四", value: 1} 2: {text: "网二", value: 2}][ 0: {text: "张三", value: "na...原创 2019-07-21 22:08:39 · 1052 阅读 · 0 评论 -
手撸一份原生js分页代码 (加动态效果图)
代码 <style> *{margin: 0;padding:0;list-style: none;} .fl{ float: left; } .active{ background-color: aqua; } .page{ ...原创 2019-07-14 19:01:48 · 437 阅读 · 0 评论 -
vue源码解析视频
点击 vue源码解析下载百度网盘下原创 2019-05-17 17:19:43 · 2788 阅读 · 1 评论 -
vue之mixin理解与使用
常见场景有两个非常相似的组件，他们的基本功能是一样的，但他们之间又存在着足够的差异性，此时的你就像是来到了一个分岔路口：我是把它拆分成两个不同的组件呢？还是保留为一个组件，然后通过props传值来创造差异性从而进行区分呢？两种解决方案都不够完美：如果拆分成两个组件，你就不得不冒着一旦功能变动就要在两个文件中更新代码的风险，这违背了 DRY 原则。反之，太多的props传值会很快变得混乱不堪，从...转载 2019-05-06 17:58:06 · 212 阅读 · 0 评论 -
用 async/await 来处理异步
async/ await来发送异步请求，从服务端获取数据，代码很简洁，同时async/await 已经被标准化，先说一下async的用法，它作为一个关键字放到函数前面，用于表示函数是一个异步函数，因为async就是异步的意思， 异步函数也就意味着该函数的执行不会阻塞后面代码的执行。 写一个async 函数async function timeout() { return 'hello ...转载 2019-05-09 10:10:05 · 157 阅读 · 0 评论 -
前端服务端渲染
导读本文主要是从三个方面学习服务端渲染，内容整理自多个博客。服务端渲染是什么？什么是服务端渲染？（服务端渲染的运行机制）为什么使用服务端渲染？服务端渲染解决了什么问题？什么情况下使用服务端渲染？（服务端渲染的应用实例与使用场景）如下图所示，左图页面没使用服务渲染，当请求user页面时，返回的body里为空，之后执行js将html结构注入到body里，结合css显示出来；右图页面...原创 2019-05-06 15:31:56 · 3214 阅读 · 0 评论 -
Nuxt.js 学习之路
诞生最主要的原因时使用vue-cli搭建的SPA（单页应用）不利于搜索引擎的SEO操作.，但是随着技术的普及，很多人想用Vue开发多页应用，并在SSR（服务器端渲染）。Nuxt.js框架出现，简化了SSR的开发难度。还可以直接用命令把我们制作的vue项目生成为静态html。一 Nuxt.js介绍Nuxt.js 是一个基于 Vue.js 的通用应用框架。通过对客户端/服务端基础架构的抽象组织...原创 2019-05-06 15:22:06 · 605 阅读 · 1 评论 -
JavaScript中async和await的使用
async / await是ES7的重要特性之一，也是目前社区里公认的优秀异步解决方案。目前，async / await这个特性已经是stage 3的建议，可以看看TC39的进度，本篇文章将分享async / await是如何工作的，阅读本文前，希望你具备Promise、generator、yield等ES6的相关知识。在详细介绍async / await之前，先回顾下目前在ES6中比较...转载 2019-05-06 11:49:05 · 507 阅读 · 0 评论 -
vuex基础学习
vuex1. Vuex1.1 最简单的使用Store1.2 三种属性1.2.3 state 驱动应用的数据源；`类似data()一样初始化`mapState辅助函数对象展开运算符 `再次简化代码写法 不要紧张`1.2.4 mutations `能够改变state中值得的状态 唯一的方法 必须是同步操作 `提交载荷（Payload）`就是第二个参数`对象风格的提交方式在组件中提交 Mu...原创 2019-04-30 16:24:07 · 174 阅读 · 0 评论 -
web前端面试2019,内附答案链接
记录一下华为外包面试题目,开源精神 如果你看到这篇文章,可以把你遇到的面试题发在评论区,相互学习一下题目没有顺序,太简单的就不记录了例如:javascript的基本数据类型javascript题目:什么是闭包,谈谈你的理解说说啥事面向对象什么原型链,给原型添加一个方法,怎么继承知道event Loop吗?(事件机制)用过ES7吗?ES6新特性数组的迭代方法有什么?有啥区别?...原创 2019-04-28 22:21:48 · 501 阅读 · 0 评论 -
js原生数组操作
检测数组传统全局环境检测instanceofes5新增Array.isArray()if(value instanceof array){ //判断是否是数组执行环境}if(Array.isArra(value)){ //判断是否是数组执行环境}转换方法toString():数组转换成字符串的方法,以","分割每一个元素valueOf():字符串转换为数组join():...原创 2019-04-24 11:28:07 · 420 阅读 · 0 评论 -
对面向对象的理解(转载原因:举例简单明了)
1、什么是面向对象语言面向对象语言（Object-Oriented Language）是一类以对象作为基本程序结构单位的程序设计语言，指用于描述的设计是以对象为核心，而对象是程序运行时刻的基本成分。面向对象语言很多，如一直高居世界编程语言排行榜的Java、C#、C++、Object-C、PHP等等。2、面向对象的理解以下是个人对面向对象的理解：什么是对象？ 引用我的一位大学老师的说：一切...转载 2019-04-27 16:22:34 · 2951 阅读 · 1 评论 -
vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法(HTML5 history 模式下可用)
有时候我们需要页面滚动条滚动到某一固定的位置，一般使用Window scrollTo() 方法。语法：scrollTo(xpos,ypos)xpos：必需。要在窗口文档显示区左上角显示的文档的 x 坐标。ypos：必需。要在窗口文档显示区左上角显示的文档的 y 坐标。例如滚动内容的坐标位置100,500：window.scrollTo(100,500);好了，这个scrollTop这儿...转载 2019-04-17 09:40:17 · 1506 阅读 · 0 评论 -
el-from简单使用的正则校验
封装方法: 1.主要利于代码管理 合法uri export function validateURL(textval) { const urlregex = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(2...原创 2019-04-16 19:04:30 · 3136 阅读 · 0 评论 -
数组求去重，交集，并集，差集
Set 很容易实现交集（Intersect）、并集（Union）、差集（Difference）let set1 = new Set([1, 2, 3])let set2 = new Set([4, 3, 2])let intersect = new Set([...set1].filter(value => set2.has(value)))let union = new Set(...原创 2019-09-18 14:03:27 · 377 阅读 · 0 评论 -
indexOf快速查询数组中是否存在某一个值
两组代码对比 减少代码量<el-button type="text" v-if='["TRANSPORT_DELIVERED","TRANSPORT_COMPLETED"].indexOf(infoOrder.status)>=0 && infoOrder.overseasFeeDetail && infoOrder.overseasFeeDe...原创 2019-09-30 15:27:03 · 814 阅读 · 0 评论