搜索
找到 23 条结果(用时 27 毫秒)
Quill富文本编辑器入坑指北
公司项目需要支持简单表格、图片上传、样式不丑的富文本编辑器。当时选择Quill这个富文本编辑器了也是看了一些附带的插件的Demo(quill-better-table、quill-image-resize-module),还有自定义的toolbar。中间碰到很多坑查了很多资料,也做了很多妥协。
jsx-no-lambda 警告的几种解决方法
jsx-no-lambda 警告的几种解决方法jsx-no-lambda 的存在是因为 jsx 中 lambda会造成性能的损耗列表添加事件tslint检查不通过问题// 复现[1,2,3,4].map(item => ( <p key={item} onClick={ ()=>{_
记一次腾讯校招前端笔试
前提本次笔试共5题目都是算法题前提:腾讯在线笔试,当时是在外面旅游,没带电脑,然后随便找了个网吧,腾讯要求摄像头拍摄的但是当时没有而且时间紧张不过还是买到了摄像头。笔试环境:浏览器,IDE:浏览器,编程环境:浏览器,测试环境:腾讯笔试环境。不过当时脑壳傻掉了,好多东西也忘了,现在重新拿出来写一下第一
fabricjs 在Vue 中的实际操作
刚进公司安排了一个项目,需要一个图片进行标注的系统(参照华为云的标注),找了一圈最后觉得fabricjs比较符合当前的业务👍👍👍目前编写代码还是比较流畅的,没有碰到很坑、很玄的问题附上一张图在Vue中使用其实和普通操作dom差不多,在组件渲染完成后调用 const canvas
每日一题
只是单纯的想长期的坚持做一件事。博客每天上午12点之前更新题目、qq群(656726969)每天十点之前发布,每天一个题目。ps: 如有问题,麻烦指出谢谢6月25、26两天🐦了,最近身体不好感觉目前只有上班时间才有时间写这个6月28、29两天也鸽了,返校办理毕业手续没带电脑7
使用Commitizen-规范你的commit message
使用Commitizen-规范你的commit message先简单了解一下 commit message fo rmat(信息域)commit message一般分为三个部分Header,Body 和 Footer<type>(<scope>): <subject>// 空一行<bod
nestjs 控制器路由优先级问题
nestjs 控制器路由优先级问题问题复现由于 /user/:id 执行优先级高于 @Get(' fo llow') 所以 当访问 user/ fo llow会先触发:id这个路由 导致出现问题我这里的错误信息:Cast to ObjectId failed fo r value " fo llow"
通过vhvw单位替代rem
解决响应式布局问题先介绍下 rem吧规范中写道:Equal to the computed value of ‘ fo nt-size’ on the root element.「rem」是指根元素(root element,html)的字体大小,好开心的是,从遥远的 IE6 到版本帝 Chrome 他
解决外边距溢出各种方法
当为div 的第一个子元素设置margin-top时,会作用到父元素身上。成因:父元素 div 未设置边框。第一个子元素设置了上外边距(margin-top: 10rem;)或者 最后一个子元素设置了下外边距(margin-bottom: 10rem;)。导致父元素与子元素一起发生相应的
Vue依赖注入的两种方式
Vue依赖注入的两种方式1.Vue.$mixinVue.mixin({ created: function () { var myOption = this.$options.myOption if (myOption) { console.log(myOptio
AlloyTeam TSLint 规则
https://github.com/AlloyTeam/tslint-config-alloyhttps://alex-0407.github.io/mini-blog/2018/06/06/TSLint/{ // 禁止给类的构造函数的参数添加修饰符 "no-parameter-prope
[占山为王]我是如何四步将一个微信小程序请求库改成Taro的
本项目中的第三方库作者不再维护, fo rk后自己进行的维护,如有侵权立刻删除!憨憨本憨,快速开源项目,占山为王。如何做一个优秀的开源贡献者,只需要四步。第一步 clone 一个 微信小程序请求库wechat-request$ git clone git@github.com:notbuc
大文件分块(切片)断点上传
之前看过相关文章但是一直没有动手实现,这个东西就是为了实现这个而产生的。前端流程图主要技术点切片利用 Blob.prototype.slice 切片获取切片md5 作为唯一标识具体代码// 计算切片数量const page = Math.ceil(file.size / siz
Vue3 + Vuex4 构建点餐页面
前言前进!前进!不择手段地前进!!距离Vue3.0 beta 发布已经过了半个多月了。本来这个东西上个月就应该写了,由于公司上个月赶项目一直没时间。趁着劳动节把这个东西写了一下,也顺便把一些坑过了一下。介绍页面比较简单,算是把 Composition API 过了一下了基于Vue
mysql 基础学习笔记
安装MacOSWindows 10Centos 7SQL规范不区分大小写,但是建议大写关键词,小写表名、列名每条SQL建议分号结尾每条SQL根据需要进行换行缩进注释:单行:# --多行:/* */类型数值: 整型: 小数: 定点数
JS的深拷贝和浅拷贝
浅拷贝的时候如果数据是基本数据类型,那么就如同直接赋值那种,会拷贝其本身,如果除了基本数据类型之外还有一层对象,那么对于浅拷贝而言就只能拷贝其引用,对象的改变会反应到拷贝对象上;但是深拷贝就会拷贝多层,即使是嵌套了对象,也会都拷贝出来。// 实现浅拷贝的第一种方法/*** Created by
BFC 和 清除浮动
什么是BFCBFC 全称为 块格式化上下文 (Block Formatting Context) 。MDN-块格式化上下文html<div class="box1"> <div class="box box2"></div> <div class="box box3"><
Virtual DOM 的原理与实现
只贴代码 不解释过程 勿喷博客 文章地址;github地址模板环境搭建1.克隆$ git clone https://github.com/cvgellhorn/webpack-boilerplate.git$ npm install $ npm install @babel/plu
jest 入门笔记
jest 入门笔记Jest is a delightful JavaScript Testing Framework with a fo cus on simplicity.It works with projects using: Babel, TypeScript, Node, React,
js实现一个简单的迭代器
简单模式function myIterator(arr) {    let nextIndex = 0;    return {      next() {        return {          value: arr[nextIndex++],          done:
JS this绑定的四个规则
JS this绑定的四个规则分别是 new、 (apply bind call )、默认、隐式默认绑定运行时的默认上下文,非严格模式是 windowfunction fo o(){ console.log(this);} fo o();new当 new 会创建一个对象 然
Generator 实现 异步ajax
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt
WebRTC DEMO
WebRTC花了两天时间简单了解了一下WEB RTC,并由此写入三个DEMO。https://github.com/notbucai/webrtcp2p 点对点o2m 一对多live 直播目前主要都是按p2p进行的简单扩展。WebRTC 简单了解目前资料不算少,不过确实也不多,而