2 Bayi·

尚未进行身份认证

我要认证

英特纳雄奈尔一定要实现!

等级
TA的排名 20w+

egret 白鹭笔记(2020)

目录结构 核心文件夹 .src文件夹,所有项目的源代码都放在这个目录下。 Main.ts 为项目入口类,也称文档类。 egretProperties.json 是项目的配置文件 resource 目录是用来存放项目所需的所有资源 LoadingUI.ts 是加载过程中的辅助显示组件,用来显示加载进度 libs 目录下包含项目各模块所对应的所有类 项目编译的文件存储到 bin-debug 目录下 开启调试 通过 egret run -a 命令来实时监听文件是否修改..

2020-09-19 16:54:42

JS 跳转到任意网页的指定位置

同页面跳转到指定位置 可以通过锚点的方式跳转 <a href="#name">点击跳转到 id 为name的标签位置</a><div id='name'>我是id为name的标签</div> js的方式 window.location.hash = '#name' 以上两种方式只适合对同一页面来进行跳转,如果我们想在当前页面跳转到另一个页面的指定位置,通过这两种方法是办不到的,请看下一种方式 ..

2020-09-16 17:29:18

JS ES6新增 数组常用方法总结

es5:concat 、join 、push、pop、shift、unshift、slice、splice、substring和substr 、sort、 reverse、indexOf和lastIndexOf 、every、some、filter、map、forEach、reducees6:find、findIndex、Array.from、includes、Array.of、fill、copyWithinES6方法普遍浏览器兼容性如上表,有兼容性需要的小伙伴谨慎使用,或使用babel 将e.

2020-06-06 22:08:32

JS 统计字符串中大小写字母个数

JS 统计字符串中大小写字母个数注:字母a-z的code为97 - 122,A-Z的code为65 - 90 这很重要。不过记不住也没关系 let str = 'naAZiHesnKuanzgA' console.log('a'.charCodeAt(), 'z'.charCodeAt(), 'A'.charCodeAt(), 'Z'.charCodeAt()) //97 122 65 90 function countABC(str) { let A

2020-06-03 23:58:13

vue笔记(自用)

MVVM基础‘很久很久’以前就有组件化 传统组件,只是静态渲染,更新还要依赖于操作DOM <---JQ流行的时代 数据驱动视图(MVVM,react的setState) Vue响应式原理Vue 3.0 就要启用 Proxy啦!但Proxy有兼容性问题,且无法用polyfill ,对低版本浏览器兼容性不好(IE11及以下) 核心API --- Object.defineProperty Object.defineProperty 缺点???? 深度监听,需要一次性递归到底,计算量大

2020-05-27 15:37:57

vue高级部分归纳 (自用)

1.vue组件抽离公共逻辑mixin vue 3.0 提出的 composition api2.vue如何缓存组件keep-alive 用于需要频繁切换,但不需要重复渲染的元素就可以用keep-alive来缓存组件 是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。 裹动态组件时,会缓存不活动的组件实例,而不是销毁它们3.vue异步加载组件 () => import ('@/components/login.vue') 在components.

2020-05-26 18:25:24

Vue-router 路由传参及隐藏参数详解

1.路由跳转及传参形式vue中路由中需要传递参数的话可以用query和param传递,两者类似于get和post。先上路由配置文件 (router/index.js)const routes = [{ path: '/chat', name: 'Chat', component: Chat}, ]path 方式跳转<router-link :to="{ path: '/chat', query: { plan: 'private' }}">Reg

2020-05-22 09:25:26

原生JS把日期字符串转换为时间戳 + 获取当前时间与指定时间的间隔并显示为 xx分钟前 xx小时前 xx天前

都有碰见不省心的后端的时候,打又打不得,骂又骂不得 ,只能靠自己动手修改后端代码这样勉强过日子了????(纯属娱乐,跟后端说他肯定你会给转成你想要的格式)1.日期字符串转为时间戳js字符串转化时间戳可以使用自带函数 Date(要转化的时间字符串)先转化为Date类型,之后再将Date类型转化为时间戳类型,其中时间字符串有要求,形式必须是 yyyy-MM-dd HH:mm:ss 的形式,也可以是yyyy-MM-dd 等合法类型new Date(要转换的日期格式).getTime()

2020-05-14 18:34:41

js数组去重多种办法详解 (对萌新提供额外优待)

6种萌新必备数组去重 + 扩展方法 var arr = [1, 1, 'true', 'true', true, true, 15, 15, false, false, undefined, undefined, null, null, NaN, NaN, 'NaN', 0, 0, 'a', 'a', {}, {}]; console.log('原数组', arr) /* 那为什么没有去除空对象呢? 这是因为当两个值比较的.

2020-05-14 23:07:41

前端面试题:如何渲染大批量数据而页面不被卡住

FE-Interview javascript 66 setTimeout(() => { // 总共加载10万条数据 const total = 100000 // 一次加载20条 const once = 20 // 需要加载多少次 const loopCount = total / once // 加载到第几次了 let curr..

2020-05-09 18:02:03

回流重绘

作者:Noxus丶SJ链接:https://zhuanlan.zhihu.com/p/134024353来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。什么是回流?当一个元素自身的宽高,布局,显示或隐藏,或元素内部的文字结构发生变化,导致需要重新构建页面的时候,就产生了回流什么是重绘?当一个元素自身的宽高,布局,及显示或隐藏没有改变,而只是改...

2020-04-21 15:17:30

面试题:JS 快速打乱一个数组

先上代码sort + Math.random()解析: sort() 方法用于对数组的元素进行排序。sort( )方法推荐通过传入一个函数来定义自己想要的排序规则 函数内会传两个参,如图 注意: sort()方法直接作用于原数组,不生产副本,如不想改变原数组请拷贝一份副本再排序 根据你的评判标准,a小于b,在排序后的数组中a应该出现在b之前,就返回一个小于0的值。 如果a等于b,就返回0。 如果a大于b,...

2020-05-09 08:09:12

面试题:JS中,null和nudefined的区别

null和undefined的区别var a = null;var b = undefined;老实说,在javascrip中,unll和undefined几乎没什么区别。在if语句中,null和undefined都会被自动转换为false相等运算符的结果也是true。????控制台中打印的结果but,区别嘛,要定义的话还是有的undefined 表示“缺少...

2020-05-06 22:08:28

Vue 项目打包优化

1.移除代码中的console 打包上线后的console语句没有任何作用,所以我们应该移除它,除去手动移除,还可以使用插件的方式来移除代码里的console语句。 使用babel-plugin-transform-remove-console 插件来移除代码console 步骤 : 1.安装babel-plugin-transform-remove-c...

2020-04-30 00:35:23

vue中用nProgress实现页面加载进度条

1.安装nprogressnpm install --save nprogress2.引入// 引入进度条的js文件和css文件import nProgress from 'nprogress'import 'nprogress/nprogress.css'3.使用需要调用start() 和 done()来控制进度条nProgress.start()是开始进...

2020-04-29 15:40:07

Element UI 图片上传功能踩坑

样式效果: <el-upload multiple drag class="upload-demo" :headers="token" action="http://127.0.0.1:8888/api/private/v1/upload" :on-previe...

2020-04-24 15:24:23

Moment.js 时间格式化插件基本使用

Moment.js 中文官网http://momentjs.cn/docs/#/parsing/Moment.js基本使用:格式化 秒 :moment.unix(毫秒).format(‘YYYY-MM-DDHH:mm:ss’)格式化 毫秒 :moment(秒).format(‘YYYY-MM-DDHH:mm:ss’)想换输出格式看下面表...

2020-04-23 17:24:36

面试题: 浏览器同源策略

1.同源策略来历 同源策略于1995年由网景公司引入浏览器,目前,所有浏览器都实行这个策略。2.什么是同源? 所谓同源 ,指的是:协议,域名,端口三者一致3.同源策略的目的 同源策略的目的,是为了保证用户信息的安全,防止恶意的网站窃取数据4.如果非同源,浏览器的限制 (1):Cookie,LocalStorage和IndexDB 无法读取 ...

2020-04-06 19:44:24

Vue自定义指令使用事件修饰符

vue的自定义指令目前是不可以使用vue的事件修饰符的。你要想让你的自定义指令实现vue的事件修饰符效果,比如使用.stop .prevent ,就需要自己来定义效果。大家看一下自定义指令 的钩子函数上代码。更清晰事件修饰符就藏在binding.modifiers中自定义指令的钩子函数,为我们提供了两个参数,el 是当前触发事件的对象,第二个参数中包...

2020-04-02 09:03:46

原生js实现数字滚动增加效果

先看图片效果,然后再上代码/* 数字增长 */function numberUp(parent, target, time) { let Parent = document.querySelector(parent); let reduceScreen = Parent.offsetTop - document.documentElement.clientHei...

2020-03-25 18:42:26

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。