前端
鸭嘴兽Coder
这个作者很懒,什么都没留下…
展开
-
js事件循环机制和ui渲染 | 前端面试经典
js事件循环机制和ui渲染事件循环任务队列所有的任务可以分为同步任务和异步任务,同步任务,顾名思义,就是立即执行的任务,同步任务一般会直接进入到主线程中执行;而异步任务,就是异步执行的任务,比如ajax网络请求,setTimeout 定时函数等都属于异步任务,异步任务会通过任务队列( Event Queue )的机制来进行协调。同步和异步任务分别进入不同的执行环境,同步的进入主线程,即主执行栈,异步的进入 Event Queue 。主线程内的任务执行完毕为空,会去 Event Queue 读取对应的原创 2020-06-21 08:22:19 · 1795 阅读 · 0 评论 -
css变量的常见应用
声明变量html { --brand-color: hsl(230, 80%, 60%);}.logo { fill: pink; /* fallback */ fill: var(--brand-color);}<svg version="1.1" viewBox="0 0 50 50" class="logo"> <!-- the brand color fill color applies to the circle! --> <c原创 2020-06-05 10:32:14 · 187 阅读 · 0 评论 -
在Angular项目中引入pdf.js,解决电子签名不显示
以下是针对解决电子签名不显示的pdf预览的方案:将pdfjs相关源码下载后,拷贝至项目目录下,如src/asssets,另外需要修改 pdf.worker.js中代码,将以下代码注释:if (data.fieldType === 'Sig') { _this2.setFlags(_util.AnnotationFlag.HIDDEN);}不注释的话页面可能看不到电子签名;然后在angular.json的build配置里添加代码:"build": { "assets": [ {原创 2020-06-01 14:15:17 · 1202 阅读 · 0 评论 -
react项目设置代理(proxy)
安装http-proxy-middlewarenpm install http-proxy-middleware在src下建立setupProxy.js文件const proxy = require("http-proxy-middleware");module.exports = function(app) { app.use( proxy("/api", { target: <代理地址>, changeOrigin: true, // ne.原创 2020-06-01 13:56:40 · 2054 阅读 · 1 评论 -
ES2020中实用的新特性一览
目录私有变量 Private Class VariablesPromise.allSettled空值合并运算符 Nullish Coalescing Operator可选链 Optional Chaining OperatorBigInt动态导入 Dynamic Import私有变量 Private Class Variables类的主要作用之一是将我们的代码包含在可重用的模块中。所以会在许多...翻译 2020-04-14 10:40:31 · 412 阅读 · 0 评论 -
在Nuxt中按需引入Echarts
在Nuxt静态网页项目里,只用到echarts中的树图,先前以插件形式引入了整个包:nuxt.config.js...plugins: [{ src: '~plugins/echarts.js'}]...echarts.jsimport Vue from 'vue'import echarts from 'echarts/lib/echarts'Vue.prototype.$...原创 2020-04-08 16:46:15 · 1952 阅读 · 0 评论 -
【总结】常用正则表达式集合
常用字符匹配中文字符 /[\u4e00-\u9fa5]/g匹配双字节字符 /[^\x00-\xff]/ig匹配行尾行首空白 /(^\s*)|(\s*$)/只能输入数字 /^\d+$/只能输入n个数字 /^\d{n}$/至少输入n个以上数字 /^\d{n,}$/只能输入m到n个数字 /^\d{m,n}$/只能由英文字母组成 /^[a-z]+$/i只能由大写英原创 2017-08-31 21:38:00 · 417 阅读 · 0 评论 -
[js]实现自定义animate动画库
animate.js –>//获取元素样式function getStyle(ele, attr) { return ele.currentStyle ? ele.currentStyle[attr] : window.getComputedStyle(ele, null)[attr];}function animate(ele, attrs, time, callback) {原创 2017-08-23 20:39:03 · 2531 阅读 · 0 评论 -
[js]数组去重的几种方法
问题:随机10个不相同的数(数值范围11~25之间的)并且存放到数组中代码:// 函数:随机生成一个从min到max的数function randFn(min, max){ return parseInt(Math.random() * (max-min+1) + min);}// 方法1: 遍历已存入的数和当前随机的数比较,引入开关判断是否存放var arr = [];for(v原创 2017-08-23 20:04:29 · 376 阅读 · 0 评论 -
[js]圆周运动&类s运动
// 圆周运动function circularMove(obj){ var deg = 0; var timer = setInterval(function(){ deg++; var x = 100 * Math.cos(deg * Math.PI/180); var y = 100 * Math.sin(deg * Math.原创 2017-08-26 10:08:12 · 496 阅读 · 0 评论 -
纯html/css练手项目-电商网站
纯html/css练手项目-电商网站github:https://github.com/mabel-xue/100du.com-html-css.git文中资源仅供学习交流,禁止商用。原创 2017-06-24 20:52:30 · 10508 阅读 · 0 评论