- 博客(17)
- 收藏
- 关注
原创 Webpack(一):背景介绍
Webpack 本质是一个模块化打包工具,通过“万物皆模块”这种设计思想,巧妙地实现了整个前端项目的模块化。Webpack 解决的问题如何在前端项目中更高效地管理和维护项目中的每一个资源。模块化的演进过程Stage 1 - 文件划分方式Stage 2 - 命名空间方式Stage 3 - IIFEStage 4 - IIFE 依赖参数模块加载的问题更为理想的方式应该是在...
2020-04-28 16:20:42 346
原创 如何在 Vue 中使用 Font Awesome 字体图标
安装???? 参考链接:https://blog.csdn.net/zyj362633491/article/details/86422353
2020-04-26 16:20:03 2293
原创 CSS:实现倒影效果 (box-reflect)
box-reflect 设置倒影语法box-reflect:none | <direction> <offset> <mask-box-image>▪︎ <direction>: ▫︎ above 指定倒影在对象的上边 ▫︎ below 指定倒影在对象的下边 ▫︎ left 指定倒影在对象的左边 ▫︎ righ...
2020-04-21 16:59:29 5222
原创 CSS:画锯齿形边的圆
锯齿形边的圆可以由十二个正三角形构成。.circle { width: 80vh; height: 80vh; position: relative; background-color: #CCCCCC;}.triangle { position: absolute; left: 6.7%; top: 0; width: 86.6%; height: ...
2020-04-20 08:53:35 831
原创 Vue(八):webpack
webpackwebpack模块化方案加载css加载svg加载图片创建api-server热加载????:Vue.js 小书上一篇:Vue.js(七):vue-devtools
2020-04-13 16:09:29 211
原创 Vue(七):vue-devtools
vue-devtools???? 检视组件结构我们可以使用 vue-devtools 很方便地检验页面的组件结构,包括组件的列表、嵌套关系,以及每个组件的内部数据成员的值。为此,我们做一个简单的布局结构,界面如下:其中嵌套了一个 header 和一个 content 组件,content 组件内还有 c1,c2 两个组件嵌套其中。嵌套结构为:->ROOT ->header ...
2020-04-10 11:08:59 412
原创 「踩坑」微信小游戏编译报错:未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译
https://blog.csdn.net/u011415782/article/details/82261099
2020-04-09 17:30:26 1107
转载 JavaScript:实现一个instanceOf
???? https://juejin.im/post/5c9c3989e51d454e3a3902b6function instanceOf(left,right) { let proto = left.__proto__; let prototype = right.prototype while(true) { if(proto === null...
2020-04-08 17:32:46 172
转载 JavaScript:手写一个JS深拷贝
???? https://juejin.im/post/5c9c3989e51d454e3a3902b6有个最著名的乞丐版实现,在《你不知道的JavaScript(上)》里也有提及:乞丐版 var newObj = JSON.parse( JSON.stringify( someObj ) );面试够用版function deepCopy(obj){ //判断是否是简单数...
2020-04-08 17:31:24 2255
转载 JavaScript:手写防抖(Debouncing)和节流(Throttling)
???? https://juejin.im/post/5c9c3989e51d454e3a3902b6scroll 事件本身会触发页面的重新渲染,同时 scroll 事件的 handler 又会被高频度的触发,因此事件的 handler 内部不应该有复杂操作,例如 DOM 操作就不应该放在事件处理中。针对此类高频度触发事件问题(例如页面 scroll,屏幕 resize,监听用户输入等)...
2020-04-08 11:30:08 598
转载 CSS:画五角星
#star-five { margin: 60px 0; position: absolute; display: block; color: red; width: 0; height: 0; border-right: 100px solid transparent; border-bottom: 70px solid red...
2020-04-07 09:32:56 1361
转载 JavaScript:手写一个Promise
????https://juejin.im/post/5c9c3989e51d454e3a3902b6https://github.com/forthealllight/blog/issues/4Promise/A+ 规范:三种状态 pending| fulfilled(resolved) | rejected当处于 pending 状态的时候,可以转移到 fulfilled(re...
2020-04-03 17:13:26 247
转载 JavaScript:实现一个JS函数柯里化
???? https://juejin.im/post/5c9c3989e51d454e3a3902b6什么是柯里化?在计算机科学中,柯里化(Currying) 是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数且返回结果的新函数的技术。函数柯里化的主要作用和特点就是参数复用、提前返回和延迟执行。???? 通用版function curry(...
2020-04-02 20:46:00 547
原创 Github 添加 ssh key 报错:Key is invalid. You must supply a key in OpenSSH public key format
密钥格式不正确!!复制 .pub 文件里的密钥 (利用 cat 命令查看)如何生成密钥?ssh-keygen -t rsa -C "xxx" # xxx为GitHub上注册的邮箱Enter file in which to save the key: 选择生成的 key 存放的位置(如果直接回车则选择它括号中默认的路径)Enter passphrase / Enter same...
2020-04-02 16:56:02 18592
转载 JavaScript:实现一个继承
???? https://juejin.im/post/5c9c3989e51d454e3a3902b6寄生组合式继承一般只建议写这种,因为其它方式的继承会在一次实例中调用两次父类的构造函数或有其它缺点。核心实现用一个 F 空的构造函数去取代执行了 Parent 这个构造函数。function Parent(name) { this.name = name;}Paren...
2020-04-02 10:11:09 159
转载 JavaScript:实现一个Function.bind()
???? https://juejin.im/post/5c9c3989e51d454e3a3902b6bind() 方法:会创建一个新函数。当这个新函数被调用时,bind() 的第一个参数将作为它运行时的 this,之后的一序列参数将会在传递的实参前传入作为它的参数。此外,bind 实现需要考虑实例化后对原型链的影响。Function.prototype.bind2 = function...
2020-04-01 21:20:03 430
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人