搜索
找到 43 条结果(用时 43 毫秒)
Hello World!
这已经是博客的第三个版本了,哈哈哈哈。是我太闲了吗 嘤嘤嘤。👾技术栈博客有点为了堆技术栈而堆技术栈的感觉。本人表示已经实锤了!!!原本是打算直接3n框架直接撸的,还是太懒了。。大体: nest/nuxt/vueUI: Element/Vuetify数据储存: mongo/redis
Quill富文本编辑器入坑指北
公司项目需要支持简单表格、图片上传、样式不丑的富文本编辑器。当时选择Quill这个富文本编辑器了也是看了一些附带的插件的Demo(quill-better-table、quill-image-resize-module),还有自定义的toolbar。中间碰到很多坑查了很多资料,也做了很多妥协。
解决:moment.js 体积过大的问题,推荐用 date-fns 代替
问题:使用 Webpack 打包 moment.js 时,会将 moment.js 所有的 locale 全部打包进去。解决方法 1:Webpack plugins 选项配上:new webpack.ContextReplacementPlugin(/moment[\\\/]locale$/
fabricjs 在Vue 中的实际操作
刚进公司安排了一个项目,需要一个图片进行标注的系统(参照华为云的标注),找了一圈最后觉得fabricjs比较符合当前的业务👍👍👍目前编写代码还是比较流畅的,没有碰到很坑、很玄的问题附上一张图在Vue中使用其实和普通操作dom差不多,在组件渲染完成后调用 const canvas
每日一题
只是单纯的想长期的坚持做一件事。博客每天上午12点之前更新题目、qq群(656726969)每天十点之前发布,每天一个题目。ps: 如有问题,麻烦指出谢谢6月25、26两天🐦了,最近身体不好感觉目前只有上班时间才有时间写这个6月28、29两天也鸽了,返校办理毕业手续没带电脑7
Element UI Message 组件的实现原理
相关链接Message Element 组件文档Vue-extendmessage.js 源码地址Message 使用方法绑定到Vue的原型 Vue.prototype.$message = Message; 使用 this.$message('这是一条消息提示'); 实现思路
VUEJS文件扩展名esm.js和common.js是什么意思
转载: http s://segmentfault.com/q/1010000011452736vue.js: vue.js则是直接用在<script>标签中的,完整版本,直接就可以通过script引用。vue.common.js: 预编译调试时,CommonJS规范的格式,可以使用 require
通过vhvw单位替代rem
解决响应式布局问题先介绍下 rem吧规范中写道:Equal to the computed value of ‘font-size’ on the root element.「rem」是指根元素(root element,html)的字体大小,好开心的是,从遥远的 IE6 到版本帝 Chrome 他
解决外边距溢出各种方法
当为div 的第一个子元素设置margin-top时,会作用到父元素身上。成因:父元素 div 未设置边框。第一个子元素设置了上外边距(margin-top: 10rem;)或者 最后一个子元素设置了下外边距(margin-bottom: 10rem;)。导致父元素与子元素一起发生相应的
由Vant Field组件得到解决IOS输入框 键盘上推问题
前言前几天公司让写一个客户数据入录页面(就是个带了logo的表单页面),就直接选择用原生的直接上,原以为也就个把小时的事情(确实个把小时就写完了),但是测试发现ios(没有测试多个,至少qq浏览器会)会输入的时候导致页面上推严重影响用户体验。可直接转第三部分由开源库找到方案Vant F
面试一日游
前端面试总结一天面了三家公司,应该过了一家半 都喊的5k 半年工作经验第一家技术先面主要问了Vue问题Vue 常用指令Vue 生命周期if 和 showES6key作用created和mound区别Vue 如何定义全局变量Vue 如何写一个 Loadingaxio
憨憨本憨
日子照样过,憨憨照样憨。关于我一个 啥也不会 的憨憨。廖文平,专科毕业于九江职业技术学院(应届),现就职于浙江金华某公司,从事WEB前端开发,主力Vue.js。微信: wuxin-liaoQQ: 1450941858GitHub: notbucaiEmail: 1450941858
PI的飞花令小程序
PI的飞花令详见 Feihualing.js步骤下载零到九的诗词句子得到pi遍历pi的每一位通过之前下载的句子进行匹配得到数据const pi = require('pi');const LEN = 500;const superagent = require('su
Linux从安装Nginx到部署前端项目
自己写项目总归是要给人看的,对于测试或者上线最终都是要部署到服务器的,本文就是记录前端项目如何部署到nginx服务器Linux安装Nginx (傻瓜式)CentOS7 中使用yum安装Nginx的方法参照:CentOS7中使用yum安装Nginx的方法配置静态服务器ps: 如果可以的
AlloyTeam TSLint 规则
http s://github.com/AlloyTeam/tslint-config-alloy http s://alex-0407.github.io/mini-blog/2018/06/06/TSLint/{ // 禁止给类的构造函数的参数添加修饰符 "no-parameter-prope
nuxt 使用 style-resources 解决 公共变量 每次都要引用的问题
http s://zh.nuxtjs.org/api/configuration-build/#styleresources http s://github.com/nuxt-community/style-resources-module
2020总结
2020总结PS: 以下今年均代表2020还是和去年一样不知道怎么开头,然而2021已经过了二十多天,现在才准备拿起键盘开始2020的回忆。晚点写的好处就是别人都写完了,可以借鉴(抄)了,而后果断看了几个大佬写的,最后总结出了一个模版:1. 写在前面:简单总结一下这一年成就,然后最后一句
[占山为王]我是如何四步将一个微信小程序请求库改成Taro的
本项目中的第三方库作者不再维护,fork后自己进行的维护,如有侵权立刻删除!憨憨本憨,快速开源项目,占山为王。如何做一个优秀的开源贡献者,只需要四步。第一步 clone 一个 微信小程序请求库wechat-request$ git clone git@github.com:notbuc
JavaScript sourceMap 笔记
js source map建议打开一个真实的项目的sourceMap对照食用由于前端项目在网络中访问导致为了减少体积进行一系列优化操作,最后导致生产环境出问题无法定位到项目代码中的指定位置,使得调试变成一件很难得事。由此产生了Source Map。它是个什么东西简单说,sourceMap
大文件分块(切片)断点上传
之前看过相关文章但是一直没有动手实现,这个东西就是为了实现这个而产生的。前端流程图主要技术点切片利用 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根据需要进行换行缩进注释:单行:# --多行:/* */类型数值: 整型: 小数: 定点数
Linux下Node.js搭建简述
首先在/usr/local/目录下创建node文件夹用来存放相应文件admin@Ali_Cloud:~$ cd /usr/local/admin@Ali_Cloud:/usr/local$ sudo mkdir nodeadmin@Ali_Cloud:/usr/local$ cd no
我的博客关于第三个版本的介绍
这已经是博客的第三个版本了,哈哈哈哈。是我太闲了吗 嘤嘤嘤。👾技术栈博客有点为了堆技术栈而堆技术栈的感觉。本人表示已经实锤了!!!原本是打算直接3n框架直接撸的,还是太懒了。。大体: nest/nuxt/vueUI: Element/Vuetify数据储存: mongo/redis
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 http s://github.com/cvgellhorn/webpack-boilerplate.git$ npm install $ npm install @babel/plu
分享一篇碎碎念
开篇——我想和你随便聊聊
由 Vuex 中直接修改State到 “我傻了”
开头看了 D2 Admin Store部分代码,看到直接在Action中修改 State,但是在我印象中Vuex操作 State 只能在Mutation 中修改(是我学艺不精了),后创建一个Demo( http s://codesandbox.io/s/silly-sea-5kjn3)和查询相关文档
这一年 | 掘金年度征文
一年又过去了,看了眼去年写的回望和展望 2018总结、2019展望女朋友还是没找到,可能我没主动找过吧。感觉打字敲键盘速度不太行了,掉发依然,我才21啊不过已经找到了工作,工资还不错,但是公司虽然不是外包但是胜过外包,需要自觉加班。说实话心态越来越不太好了,写这个就当流水账。看别人的文章都
实现跨域的几种方法
什么是跨域跨域是指从一个域名的网页去请求另一个域名的资源。比如从 www.baidu.com 页面去请求 www.google.com 的资源。跨域的严格一点的定义是:只要 协议,域名,端口 有任何一个的不同,就被当作是跨域。为什么要跨域既然有安全问题,那为什么又要跨域呢? 有时公司内部有多个
Nginx 实现 前后端分离开发
1、下载Nginx稳定版本2、打开nginx配置文件 nginx.conf;3、在 http 模块的server部分配置server { listen 80; // Nginx的监听端口 server_name localhost; // 访问Nginx服务器的域名l
Code-Push入门
Code-Push入门2019-10-27建议需要分离开发和生产环境推荐直接去看官方文档 http s://github.com/Microsoft/react-native-code-push这个真不太行!!!只能作为了解链接: http s://www.jianshu.com/p/812b
浅谈TCP(1):状态机与重传机制
参考  http s://www.jianshu.com/p/f0920bb9a179
nginx ssl websocket
map $ http _upgrade $connection_upgrade { default upgrade; '' close; }server { listen 443 ssl; server_name lattice.notbucai.com;
目前最全的第三方平台 授权(OAuth2.0)登录接入指南
目前最全的第三方平台 授权(OAuth2.0)登录接入指南第三方授权登录一般作用于简化用户的登录/注册或用于数据同步以下平台都基于 OAuth2.0,但存在一些平台限制和区别🕹QQ互联需要审核、个人可用、回调修改后需要时间生效 http s://connect.qq.com/inde
使用 netlify 实现前端的 自动部署
参考 http s://www.cnblogs.com/codernie/p/9062104.html搭建成功后的 http s://gallant-shannon-62c13d.netlify.com/
基于koa 实现Github OAuth 登陆流程
理解OAuth 2.0github账号第三方授权例子我如何处理本地数据间的同步 (只同步一次/如果字段冲突就绑定冲突账户[不能覆盖以及绑定的])1. 获得授权用户数据2. 将数据库需要的字段提取出来3. 判断数据库是否存在该数据(例如 某个字段唯一匹配第三方数据id)3.1 如果不存在就写入本地。3
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
Proxy 和 Reflect
Proxy 用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种“元编程”(meta programming),即对编程语言进行编程。Reflect对象与Proxy对象一样,也是 ES6 为了操作对象而提供的新 API。Proxy 在某些操作中加上一个拦截 如对象赋值,函数传参
WebRTC DEMO
WebRTC花了两天时间简单了解了一下WEB RTC,并由此写入三个DEMO。 http s://github.com/notbucai/webrtcp2p 点对点o2m 一对多live 直播目前主要都是按p2p进行的简单扩展。WebRTC 简单了解目前资料不算少,不过确实也不多,而
Nginx 作为 WebSockets 代理
location /wsapp/ { proxy_pass http ://wsbackend; proxy_ http _version 1.1; proxy_set_header Upgrade $ http _upgrade; proxy_set_header Conne
从输入URL到页面渲染完成
从输入URL到页面渲染完成涉及网络、浏览器工作原理等知识。前序知识浏览器进程结构Browser进程 负责协调、主控,包括地址栏、书签、历史栈。GPU进程 负责整个浏览器界面的渲染网络进程 负责发起接收网络请求插件进程 控制网页中使用到的插件 如flash