![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端开发
文章平均质量分 63
吃出一个大胖子
前端爱好者,evan you的铁杆粉丝
展开
-
2021-12-3 温故而知新-JavaScript隐式转换
背景:因为一个ts的报错让使用了很久的anyscript 有了危机。故好好温习一下之前的基础。温故而知新,就是这个道理。问渠哪得清如许,唯有源头活水来~一 数学运算符中的类型转换1. 减、乘、除对所有非Number类型运行数学运算符(减、乘、除)时,会先将非Number 类型转换成Number类型。⚠️: true:1; false:0; null :0; undefined:NaN(1) 如果是字符串数字,进行减、乘、除的时候,会拿字符串中的数字进行 - 、*、/ 操作。..原创 2021-12-03 18:04:16 · 605 阅读 · 0 评论 -
前端开发路上的css交互成长--Css3无缝滚动防抖
1.需求背景因为公司的客户比较多,官网案例首页需要用滑动处理,像蓝湖案例一样展示客户icon查看蓝湖官网案例页面如下2.代码实现css@keyframes bannerScroll { 0% { transform: translate(0px, 0px); } 100% { transform: translate(0px, -436px); }}@-webkit-keyframes bannerScroll {原创 2021-09-29 14:50:44 · 220 阅读 · 0 评论 -
2021-8-12这篇关于Promise用法的标题我不知道怎么起了
Promise1.Promise 是什么,结构?1.1本质Promise(MDN)本质上是一个函数返回的对象,在上面绑定回调后就不需要在一开始把回调函数作为参数传入。–>异步函数调用;一旦Promise的值确定后就不再改变。从语法上来说:Promise是一个构造函数从功能上来说:Promise对象用来封装一个异步操作并可以获得其结果对比:then 是原型对象方法;new Promise 是实例对象方法;Promise.all是 promise函数对象方法例子:假设现在有一个名为原创 2021-08-12 11:36:22 · 121 阅读 · 0 评论 -
js之原型链+闭包学习--002 函数和对象的关系
上一节说到,函数是对象的一种,因为从instanceof 就可以知道,但是不可以像数组一样,说,函数是对象的子集函数和对象可不是一种包含和被包含的关系。function Fn() { this.name = '王福朋'; this.year = 1988; } var fn1 = new Fn(); console.log(fn1)上述例子可以说明:Fn()这个函数创建了一个对原创 2021-06-29 15:13:54 · 97 阅读 · 0 评论 -
js之原型链+闭包学习--001一切都是对象
1.什么是typeof?----就是js中可以判断数据是什么类型。一般分为值类型(undefined、number、string、boolean)和 引用类型(function、Array、Object、Null ----都是对象)如何判断一个变量是不是对象呢?(1)如果是值类型的话就直接用typeof ,返回的是具体的类型typeof [1, 'a', true] //"object"typeof(function () {}) //"function"typeof..原创 2021-06-29 14:25:40 · 79 阅读 · 0 评论 -
Vue 项目报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#<Object>‘的解决方法
背景:Vue 项目报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘问题分析:其实这个问题是commonJS 和ES6之间的引入导出battleCommonJS 的引入导出是:require和module.exports;ES6 的引入导出是import和exports而我这里的项目用的是 import 和 module.exports ,就相当于是混用了,肯定会报错的...原创 2021-06-25 18:10:13 · 591 阅读 · 1 评论 -
2021-6-25 postcss-loader的坑=>处理“start value has mixed support, consider using flex-start instead”编译警告
背景:把别人项目移动到自己现有的项目时,报错:warning in ./src/components/feedback/Feedback.vue?vue&type=style&index=0&lang=scss&scope=true&Module Warning (from ./node_modules/postcss-loader/src/index.js):Warning(1:1576) start value has mixed support..原创 2021-06-25 16:51:58 · 1478 阅读 · 1 评论 -
2021-4-29 Nginx 踩坑小课堂之Location路径映射及其优先级
location 修饰符类型「=」 修饰符:要求路径完全匹配,,也就是精准匹配location / {// 因为所有的地址都以 / 开头,所以这条规则将匹配到所有请求}server { server_name website.com; location = /abcd { #精准匹配xxx/abcd或者xxx/abcd?param1 […] }}http://website.com/abcd匹配http://website.com/AB.原创 2021-04-29 15:44:52 · 221 阅读 · 0 评论 -
JS 判断页面是第一次加载还是刷新window.performance.navigation.type
JS高级程序设计第三版学习之路–25.5 web计时页面性能一直都是 Web 开发人员最关注的领域。但直到最近,度量页面性能指标的唯一方式,就 是提高代码复杂程度和巧妙地使用 JavaScript 的 Date 对象。Web Timing API 改变了这个局面,让开发 人员通过 JavaScript 就能使用浏览器内部的度量结果,通过直接读取这些信息可以做任何想做的分析。 与本章介绍过的其他 API 不同,Web Timing API 实际上已经成为了 W3C 的建议标准,只不过目前支持 它的浏览器还不原创 2021-01-21 15:29:39 · 1677 阅读 · 2 评论 -
前端之路(拖更博主持续更新ing-12.16)-JavaScript项目转TypeScript项目的一些对比
原始模版import {componentA,componentB} from '@/components';export default { components: { componentA, componentB}, //父组件向子组件传参props props: { propA: { type: Number }, propB: { default: 'default value' }, propC: { t原创 2020-12-16 15:16:31 · 132 阅读 · 2 评论 -
前端开发中遇到的问题之nuxt generate和build的区别
在使用nuxt的过程中会遇到打包构建的情况,有的用nuxt generate,有的用nuxt build,那么两者的区别是什么呢???文件的区别nuxt generategenerate:构建应用程序并生成每个路径作为HTML文件(用于静态托管)使用generate打包后每个对应的页面都会生成一个html,你在打包的时候不能关闭后台,他会请求后台数据生成首屏的数据这样打包有一个弊端,当你首屏的数据发生更改的时候,对不起,他还是显示的是之前的数据,要想改变的话,需要重新打包发布才行。所以原创 2020-11-25 15:41:44 · 1588 阅读 · 0 评论 -
11.25整理和fork了一些有意思的前端面试题目和算法题,有空可以去我GitHub上看看
我的github地址原创 2020-11-25 15:04:08 · 101 阅读 · 1 评论 -
青年人就是要有青年人的样子!前端面试经验 (三)未完待续...
一、框架+库相关1. vue:一个采用 MVVM 模式, 通过数据驱动视图的形式来构建用户界面的渐进式框架.vue是一个构建用户界面的渐进式框架,代码简洁,逻辑清晰;帮我们省略了dom操作,代码量减少很多;vue专注于数据:用户只需要关注dom元素值对应绑定的数据,修改dom只需要修改数据就行了。总结:构建用户界面的渐进式框架,代码简洁,逻辑清晰;使用vue可以避免操作dom数,直接操...原创 2020-05-05 00:06:08 · 507 阅读 · 0 评论 -
2020前端开发者的面试(2),不定时更新
某医疗公司前端开发面试题(2020.4.29去了二话不说就做了一个小时题目,亏我还好好认真的做了,结果人家并不看什么面试题,直接面试就问技术能达到什么程序)算了,直接上题目。1.行内元素有哪些?块级元素有哪些?行内元素和块级元素有什么区别?2. css新增伪类有哪些?3. css优先级算法如何计算?4. HTTP状态码都有哪些及含义?5.js中的基本数据类型?6.什么是JavaScri...原创 2020-04-30 16:51:11 · 270 阅读 · 0 评论 -
2020前端开发者的面试(1),不定时更新]
2020前端开发者的面试(1),不定时更新最近工作面试上的题目有好一段时间没有记录学习的东西了,大部分都在深玩JS和玩一些自己在GitHub找到的项目,还有找一些公司去面试,前几天投了一家初创公司,一面之后写了一些静态的脚本,然后去公司细聊了一个多小时后,公司先提供一个实习的机会,3个月转正,用nodejs做后端,而且进去前后端都要自己来,工资待遇和付出比实在有些差距,就婉拒了,其实也是看到他...原创 2020-04-13 17:10:15 · 253 阅读 · 0 评论 -
解决MarkdownPad 报错:HTML RenderingError:An erroroccurred with the HTML rendering component.
用惯了webstorm 想来想去还是得装Markdown今早下载了一下,发现出现了这个问题,真是每次安装软件都会有点问题,不是JDK就是环境变量 服了服了解决办法:缺少一个sdk的安装 awesomium_v1.6.6_sdk_win:http://markdownpad.com/download/awesomium_v1.6.6_sdk_win.exe...原创 2020-03-17 12:12:52 · 392 阅读 · 0 评论 -
(前端小白)从想从事前端开发岗到现在的一个月,我都做了些什么&&未来的打算
(前端小白)从想从事前端开发岗到现在的一个月,我都做了些什么&&未来的打算了解这个行业的需求和Job Description行业需求工作描述(Job Description)这一个月我都做了什么学习前端技术,拓展技能树制定自己近期的规划学习HTML和CSS学习JavaScript以及JavaScript(ES6)学习Vue全家桶Vue基础Vue RouterVuex的使用和上线前的...原创 2020-03-16 16:29:52 · 1017 阅读 · 0 评论