前端
peterCZG
切图仔
展开
-
不要做一个「永远没彻底搞懂」诸如递归等概念的程序员
仅仅依靠自己,你就可以获得世界一流水平的教育原创 2022-03-16 23:01:20 · 502 阅读 · 0 评论 -
TypeScript类型推断,更近一步
问题前段时间在 stackoverflow上看到一个提问,提问者在使用window.fetch时遇到了一个问题:Object literal may only specify known properties, and ‘‘attr’’ does not exist in type ‘Headers’最后排查出来的原因可能是attr属性可为undefined。Type '{ 'attr': string | undefined; }' is not assignable to type 'Hea原创 2021-12-11 19:17:46 · 1447 阅读 · 0 评论 -
vue3.0 webpack&vite配置不解析特定元素标签
vue3.0 webpack & vite 配置不解析特定元素标签 (isCustomElement)自定义标签如果不是 vue components里面注册的组件,vue compiler 编译器在解析的时候会抛出错误提示,如果不想让编译器解析这个自定义标签,需要在webpack或者vite里面将自定义元素的规则传递到webpack或者vite的编译选项中。1. viteexport default defineConfig({ plugins: [vue({ template:原创 2021-06-25 19:56:02 · 2022 阅读 · 0 评论 -
不使用call和apply实现Function.prototype.bind polyfill
使用es5语法, 不使用call和apply方法实现 Function.prototype.bind polyfill实现要点原创 2021-05-15 23:57:03 · 320 阅读 · 0 评论 -
【编译原理】语言处理器
从零开始学习编译原理 Day 1第1章 引论1.1 语言处理器编译器(compiler)简单地说,一个编译器就是一个程序,它可以阅读以某一种语言(源语言)编写的程序,并把该程序翻译成一个等价的、用另一种语言(目标语言)编写的程序。解释器(interpreter)解释器是另一种常见的语言处理器。它并不通过翻译的方式生成目标程序。从用户的角度来看,解释器直接利用用户提供的输入执行源程序中指定的操作。Java语言处理器Java语言处理器结合了编译和解释的过程,一个Java源程序首先被编译成一个称为原创 2021-03-14 21:48:38 · 316 阅读 · 0 评论 -
手写Promise.all与Promise.race方法
如有错误,请指出,毕竟写之前笔者也没看过标准写法,没有使用迭代器进行循环,读者可以自行尝试。// custom Promise.allPromise.myAll = function (args) { const length = args.length let resolveNum = 0 const result = new Array(length) return new Promise((resolve, reject) => { try { if (!原创 2021-02-04 23:50:59 · 310 阅读 · 0 评论 -
判断一个函数是否是用new关键词调用
在函数体里面判断this是否是构造函数的实例即可Func(){// if(!(this.instance of(Func))){ console.log("没有用new关键词调用") }else{ console.log("使用new关键词调用") }}Vue源码function Vue (options) { if (process.env.NODE_ENV !== 'production' && !(this instanceof Vue)原创 2021-01-26 23:35:38 · 313 阅读 · 0 评论 -
Vue3.0 中监听路由参数的改变方法大全
原文链接Watch Vue route params/query with Composition API简单翻译像vue2中使用watch API 一样在setup函数中监听即可(vue3记得导入watch函数哦)setup() { const article = reactive({...}); function fetchArticle(id) { //assign article.. } watch('$route.params.articleId',原创 2021-01-25 00:29:37 · 11287 阅读 · 3 评论 -
JavaScript获取时间戳的几个方法
JavaScript获取时间戳,JavaScript简单获取时间戳骚操作,Date类型之间的运算本质上是调用valueOf以后转成时间戳参与计算原创 2020-12-29 18:17:05 · 679 阅读 · 1 评论 -
谷歌浏览器关闭跨域限制,允许跨域请求,设置允许访问本地文件
谷歌浏览器关闭跨域限制,允许跨域请求,设置允许访问本地文件原创 2020-12-15 15:06:15 · 10144 阅读 · 4 评论 -
JavaScript实现 冒泡排序 算法(BUBBLE-SORT)
JavaScript实现 冒泡排序 算法 (BUBBLE SORT)原创 2020-09-29 21:34:06 · 272 阅读 · 0 评论 -
JavaScript实现 插入排序 算法(INSERTION-SORT)
JavaScript实现插入排序 算法(INSERTION-SORT)原创 2020-09-26 11:05:53 · 1208 阅读 · 0 评论 -
解决Spreadjs绘制单元格区域时延迟卡顿的问题
解决Spreadjs绘制单元格区域时延迟卡顿的问题原创 2020-09-23 23:55:24 · 865 阅读 · 0 评论 -
CSS 实现 图片鼠标悬停折叠效果
CSS 简单实现 图片鼠标悬停折叠效果原创 2020-09-20 12:38:23 · 915 阅读 · 0 评论 -
纯CSS 实现超级简单的轮播图
纯CSS实现超级简单的轮播图实现要点需要一个父容器包裹轮播卡片父元素需不能是static定位(默认定位)父元素需设置overflow属性轮播卡片需要相对于父元素进行绝对定位轮播卡片需要进行偏移100%的倍数动画使用transform属性进行位置偏移效果源码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport原创 2020-09-06 10:17:20 · 1426 阅读 · 2 评论 -
使用Javascript 创建枚举类型(enum)
使用Javascript 创建枚举类型(enum)原创 2020-09-01 00:09:06 · 5846 阅读 · 0 评论 -
html + 原生javascript简单实现 点击图片 原位置进行 居中缩放查看功能
html + 原生javascript简单实现 点击图片 原位置进行 缩放查看功能原创 2020-08-30 01:06:03 · 1444 阅读 · 0 评论 -
html table + textarea css 简单实现可输入的作文格
html table + textarea css 简单实现可输入的作文格源码底部自取实现要点:table相对于textarea进行绝对定位table的z-index的值比textarea小textarea的背景设置成透明调整行高与字符间距使其正好落在单元格中效果图如下所示(英文字符没做适配,这里只是做简单实现,读者可以考虑使用div模拟table)//源码(简单实现)<!DOCTYPE html><html lang="en"><head>原创 2020-08-27 00:38:59 · 877 阅读 · 0 评论 -
解决Vue 使用Watch侦听器监听对象如何取得旧值问题
解决Vue 使用Watch侦听器监听对象如何取得旧值问题原创 2020-08-25 09:46:37 · 5137 阅读 · 0 评论 -
CSS 画 iPhone XR
用CSS简单实现 iPhone XR 低仿图原创 2020-05-29 22:10:34 · 491 阅读 · 0 评论 -
uniapp 微信小程序 vue 生产环境去除console.log 日志
uniapp 微信小程序 vue 生产环境去除console.log日志原创 2020-05-12 12:04:25 · 6476 阅读 · 4 评论 -
解决yarn global全局安装的软件或依赖命令不生效
第六篇博客解决yarn global全局安装的软件使用cmd无法访问Created by @一个前端er 2020/05/05前端菜鸟一枚,欢迎各位大佬对本博文批评指正其实在我刚接触yarn不久就遇到过这个问题了,当时是准备用yarn 来安装react-native,结果执行yarn global add react-native-cli之后发现用脚手架创建应用死活不起作用,当时也试了网...原创 2020-05-05 21:51:42 · 3622 阅读 · 0 评论 -
Javascript创建对象的四种方式
第五篇博客Javascript创建对象的四种方式Created by @一个前端er 2020/05/03前端菜鸟一枚,欢迎各位大佬对本博文批评指正了解过javascript过的小伙伴们都知道,js的继承是基于原型链的继承,并不是仅仅在子类实例化的时候调用父类的构造函数,将属性和方法copy到子类实例对象当中,也会通过原型链一层一层的查找。今天就跟大家简单分享一下在javascript中...原创 2020-05-03 12:49:56 · 238 阅读 · 0 评论 -
VS Code开发React-Native,Flutter 开启无线局域网安卓真机调试
第四篇博客VS Code开发React-Native,Flutter 开启无线局域网安卓真机调试Created by @一个前端er 2020/04/07前端菜鸟一枚,欢迎各位大佬对本博文批评指正原创 2020-04-08 13:13:42 · 1197 阅读 · 0 评论 -
uniapp实现手动缓存组件简单教学(uniapp手动keep-alive)(山寨版)
uniapp单页如何手动实现keep-alive缓存效果?本文提供了一种简单的思路,封装性不高,读者可以自行思考如何进一步封装原创 2020-03-05 00:46:51 · 14503 阅读 · 5 评论 -
解决安卓手机浏览器无法上传文件的问题 xhr.status = 0
第二篇博客解决安卓(手机)浏览器无法上传文件的问题 xhr.status = 0Created by @一个前端er 2020/02/27前端菜鸟一枚,欢迎各位大佬对本博文批评指正昨天写了一个浏览器上传下载文件的一个demo,原生html5 + 原生js,没有依赖jquery,毕竟就一个网页,就用原生的XmlHttpRequest进行请求,都2020年了,就不想着兼容低版本的毒瘤IE浏...原创 2020-02-27 21:49:07 · 3650 阅读 · 0 评论