- 博客(19)
- 收藏
- 关注
RSS订阅原创 webpack整理
webpack 只能理解 JavaScript 和 JSON 文件，这是 webpack 开箱可用的自带能力。loader让 webpack 能够去处理其他类型的文件，并将它们转换为有效模块，以供应用程序使用，以及被添加到依赖图中。 在更高层面，在 webpack 的配置中，loader有两个属性：test属性，识别出哪些文件会被转换；use属性，定义出在进行转换时，应该使用哪个 loader。 plugin是工具类来帮助项目更好的运行，比如打包优化，资源管理，注入环境变量...
2023-01-28 17:57:23
92
原创 面试题汇总
Null和Undefined1.null和undefined的区别console.log(null==undefined) // trueconsole.log(null===undefined) // falsenull：Null类型代表“空值”，代表一个空对象指针，使用typeof运算得到object，所以可以认为它是一个特殊的对象值。undefined: Undefined类型，当一个变量声明但是未初始化时，得到的就是undefined实际上，undefined值是派生自nul
2020-08-13 15:56:22
147
原创 css利用伪元素实现发票样式的边框
效果：代码如下：.invoice-content { position: relative; width: 622px; height: 148px; background-color: $itemSelectedBgColor; border: 2px dotted $mainGreenColor; li { height: 74px; line...
2019-07-19 15:04:47
1021
1
原创 TypeScript学习纪实
1.在构造函访问this之前，我们一定要调用super()，这个是TypeScript强制执行的一条重要规则。2.for…of和for…in均可迭代一个列表；但是用于迭代的值却不同，for…in迭代的对象是“键”的列表，而for…of则迭代对象的键对应的值。区别如下：let list = [4, 5, 6];for(let i in list) { console.log(i...
2019-07-04 11:08:04
271
原创 React学习纪实
为什么定义class组件，需要在构造函数上面加上super()super关键字，它指代父类的实例（即父类的this对象）。子类必须在constructor方法中调用super方法，否则新建实例时会报错。这是因为子类没有自己的this对象，而是继承父类的this对象，然后对其进行加工。如果不调用super方法，子类就得不到this对象。React的官方例子中都是加了props作为参数，为毛呢...
2019-07-02 11:27:17
153
原创 Mutable和Immutable
Immutable：简化复杂的功能不可变性是的复杂的特性容易实现，比如进行游戏中的时间回溯，日常业务中的撤销和恢复功能。不直接在数据上修改可以让我们追溯并复用游戏的历史记录跟踪数据的改变如果直接修改数据，那么就很难追踪到数据的改变。跟踪数据的改变需要可变对象可以与之改变之前的版本进行对比，这样整个对象树都需要被遍历一次。跟踪不可变数据的变化相对来说就容易多了。如果发现对象变成了...
2019-07-01 13:50:32
1061
原创 H5调用摄像头实现视频拍摄及iOS兼容性问题
核心API ：navigator.mediaDevices.getUserMedia&MediaRecorder场景： 微信公众号H5实现：Vue+TypeScript代码：以下仅为ts部分代码// 开始录制startRecord(e: any) { this.isRecording = true this.isBoxShow = false this.rec...
2019-06-26 11:37:08
10627
3
原创 Vue+TypeScript学习纪实
1. 公司项目目前是vue-cli3.x版本，支持ts，以下是在项目开发过程中学到的注意要点2. 起手式主要是参照vue+ts的起手式3. 在使用的时候，@Component一定要写上，从'vue-class-component'库中引入4. 使用weui时，需要进行引入，并且在使用的文件中进行全局变量的定义$weui，然后进行使用5. vue需要监听data中的对象数据变化时，发...
2019-06-21 10:47:25
341
原创 1px问题
为了适配各种屏幕，我们在写代码时一般使用设备独立像素来对页面进行布局。而在设备像素比大于1的屏幕上，我们写的1px实际上是被多个物理像素渲染，这就会出现1px在有些屏幕上看起来很粗的现象。下面是本人收集到的5个处理方法：1.border-image基于media查询判断不同的设备像素比给定不同的border-image：.border-1px{ border-bottom...
2019-06-11 14:08:24
456
原创 部分透明的遮罩层处理
效果：思路：把白色区域看成一个div，阴影部分看成border进行处理// css部分代码 // 透明部分的大小即为该div的大小，利用border的宽度加上opacity实现遮罩层 .visible-shouru{ position: absolute; top: 400rpx; left: 576rpx; z-index: 100; ...
2019-04-23 14:23:21
1804
原创 js的防抖与节流
应用场景：开发中多会出现监听页面滚动事件的函数，比如监听页面滚动高度来判断是否显示“回到顶部”的按钮以及keyup事件等函数防抖：定义：多次触发事件，事件函数只处理一次，并且是在触发操作结束的时候触发原理：对处理函数进行延时操作，如果在设定的延时到来之前，函数被再次触发，则清除上一次的延时操作定时器，重新定时。原理图：// window.onScroll的触发实例let...
2019-04-02 15:04:20
165
原创 vsCode常用插件整理(vue框架)
1.Auto Close Tag2.Auto Rename Tag3.Beautify4.Color Info5.EditorConfig for vsCode6.ESLint7.filesize8.Git History9.Git Project Manager10.GitLens11.Highlight Matching Tag12.HTML CS...
2019-03-20 17:44:36
2233
原创 前端问题整理
Vue双向绑定原理：vue实现数据双向绑定主要是：采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty（）来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应监听回调。当把一个普通 Javascript 对象传给 Vue 实例来作为它的 data 选项时，Vue 将遍历它的属性，用 Object.defineProperty 将它们...
2019-02-17 20:10:58
171
原创 从输入网址到index呈现中间到底发生了什么
昨天面试的时候，面试官问到了一个问题：从输入网址按下Enter到网站首页呈现到底发生了什么，这个问题之前确实没有仔细考虑过，所以在网上查阅资料后自己总结一下，下面是个人总结： 从输入网址到页面呈现这个过程大致分为以下两个部分：1.网络通信2.页面渲染网络通信1.输入网址2.负责域名查询与解析的DNS服务3.应用层 客户端发送HTTP请求报文4.传输层 确保传输报文的...
2019-02-16 14:00:01
312
原创 小程序开发遇坑tips
关于遮罩层滚动穿透问题 <!--wxml--><view class="mask" wx:if="{{hasMask}}"> 我是遮罩层</view><view class="content" style="{{hasMask?'height:100%;overflow:hidden':''}}"> 我是页面内容</...
2018-04-25 09:52:02
224
原创 小程序开发笔记
本人开发小程序的框架为wepy框架，该框架是仿vue风格的开发框架，所以对于有一定的vue开发经验的同学来说可能更为友好一点，地址是：wepy小程序框架，其官方文档地址为：wepyjs-小程序组件开发框架。 主要参考的UI框架为weui-wxss，GitHub地址为weui-wxss 在开发过程中使用了wx-charts图表插件，但是主要作者自17年下半年开始截止到现在（18.4.23）...
2018-04-23 22:57:33
259
原创 微信小程序wepy框架分享
基础全局配置1.window项配置enablePullDownRefresh和onReachBottomDistance这两项如果在页面内有下拉加载更多数据的情况下，需要设置相应的值navigationStyle值为custom时导航栏需自定义，只保留右上角的胶囊按钮2.tabBar设置list最少两项最多五项，且图片资源的路径必须是本地图片,不支持网络图片custom...
2018-04-23 14:34:45
491
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人