前端
文章平均质量分 63
JIseven
这个作者很懒,什么都没留下…
展开
-
不能错过的web前端性能优化总结
https://juejin.cn/post/6844903593989029902原创 2021-08-19 14:55:24 · 319 阅读 · 0 评论 -
前端兼容性问题
前端浏览器兼容性问题_醒途-CSDN博客原创 2021-09-30 11:46:39 · 88 阅读 · 0 评论 -
你真的了解伪元素 和 伪类嘛??
伪类 和 伪元素 根本区别在于:它们是否创造了新的元素。 伪类:用于向某些选择器添加特殊的效果 伪元素:用于将特殊的效果添加到某些选择器 其实根本意思就是就是对那些不能通过class、id等选择元素的补充伪元素选择符伪类选择符例子:<p>a</p><p>b c</p>如果我们想要第一个p标签字体颜色变红怎么做呢 使用伪类就会很简单1: 使用伪类:p:firs...原创 2021-09-13 16:09:37 · 97 阅读 · 0 评论 -
事件委托【事件冒泡】-----这个坑爹的货
事件委托: 自己的活不干了,给它爹去干!(一看就是坑爹的货~)JS事件委托实例总结详情基本概念事件代理(Event Delegation),又称之为事件委托。是JavaScript中常用绑定事件的常用技巧。顾名思义,“事件代理”即是把原本需要绑定在子元素的响应事件(click、keydown…)委托给父元素,让父元素担当事件监听的职务。事件代理的原理是DOM元素的事件冒泡。引言事件委托应用在很多开发场景之中,但是很多同学对委托的原理、特别是对JS原生实现委托不太了解。每每看到...https://blo原创 2021-09-13 15:15:23 · 87 阅读 · 0 评论 -
iScroll实现【上拉加载下拉刷新】
iscroll 是一个 JS滚动插件, 特性:高性能,资源占用少(4kb大小),无依赖,多平台细粒度控制滚动位置,甚至在滚动过程中。你总是可以获取和设置滚动器的x,y坐标。 动画可以使用用户自定义的擦出功能(反弹'bounce',弹性'elastic',回退'back',...)。 你可以很容易的挂靠大量的自定义事件(onBeforeScrollStart, * 开箱即用的多平台支持。从很老的安卓设备到最新的iPhone,从Chrome浏览器到IE浏览器。下拉刷新 iscroll ...原创 2021-08-22 01:40:10 · 653 阅读 · 0 评论 -
请你设计一下ES6中 class 类实现私有属性
为什么会出现class其实,学过java的小伙伴一定对class熟悉不过了。那为什么JS里面还要引入class呢?在 es6 之前,虽然 JS 和 Java 同样都是 OOP (面向对象)语言,但是在 JS 中,只有对象而没有类的概念。es6 中 class 的出现拉近了 JS 和传统 OOP 语言的距离。但是,它仅仅是一个语法糖罢了,不能实现传统 OOP 语言一样的功能。在其中,比较大的一个痛点就是私有属性问题。何为私有属性?私有属性是面向对象编程(OOP)中非常...原创 2021-08-18 16:10:58 · 1297 阅读 · 0 评论 -
带你玩转 TypeScript 【TS】
Typescript是什么?TypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集,最终会被编译为JavaScript代码。TypeScript添加了可选的静态类型系统、很多尚未正式发布的ECMAScript新特性(如装饰器)ts与js最大的区别是什么呢?...原创 2021-08-19 11:36:06 · 334 阅读 · 0 评论 -
从浏览器地址输入url到显示页面的步骤
简洁版可以按照这个回答:1. 浏览器根据请求的 url 交给 dns 域名解析,找到真实的 ip, 向服务器发送请求;2. 服务器交给后台处理完成后返回数据,浏览器接收文件( html, js, css,图像等);3. 浏览器对加载到的资源( HTML, JS, CSS等)进行语法解析,建立对应的内部数据结构(如 HTML 的DOM );4. 载入解析到的资源文件,渲染页面,完成详细可点击下面链接查看:https://juejin.cn/post/68449038324350320...原创 2021-08-11 18:57:22 · 803 阅读 · 0 评论 -
常用 HTML5 和 CSS3 新特性
Html5: 1. HTML5 语义化标签 progress标签— >进度条, mark ----带有标记的文本, dialog---对话框 2. HTML5 Canvas <canvas>元素用于图形的绘制,该标签只是图形容器,您必须使用js脚本来绘制图形// <canvas>简单实例如下:<canvas id="myCanvas" width="200" height="10...原创 2021-08-22 18:18:54 · 118 阅读 · 0 评论 -
项目好用的开发插件
mint-ui:基于 Vue.js 的移动端组件库fontAwesome:一套绝佳的图标字体库和CSS框架,设置字体大小图标iScroll:页面流畅的滑动 和 滚动(x,y)touchslider:手机滑动插件swiper:手机端轮播图插件zoom:一款视觉连续图像放大jQuery插件,页面内容缩放插件(使用教程)...原创 2021-08-22 08:20:00 · 2735 阅读 · 2 评论 -
解决Unexpected end of JSON input while parsing near的报错问题
在命令行执行npm install的时候报出的错误解决方法:1: 命令行输入下面命令:强制清除缓存npm cache clean --force2: 然后再去执行下面代码,就可以了npm install原创 2021-07-30 14:51:02 · 2308 阅读 · 0 评论 -
part2-模块1:开发脚手架及封装自动化构建工作流作业
## 简答题**1、谈谈你对工程化的初步认识,结合你之前遇到过的问题说出三个以上工程化能够解决问题或者带来的价值。**答: 工程化:是能够遵照一定的规范和标准【初始化项目,实现,自动编译,自动合并,自动压缩,自动打包,自动构建,自动部署等代替人手动实现】通过工具来提升效率的一种手段,和一切能提升前端开发效率,提高前端应用质量的手段和工具都是前端工程化。解决问题:1:提升开发效率 之前从零开发一个项目需要花费大量的时间去初始化项目,比如安装各种 npm 包、配置各种 W...原创 2021-07-15 11:52:28 · 165 阅读 · 0 评论 -
让你秒懂 Vue 【.env, .env.development, .env.production】
1: 项目根目录下创建.env、.env.development和.env.production三个文件,文件名解释分别如下: .env 无论开发环境还是生产环境都会加载的配置文件 .env.development 开发环境加载的配置文件 .env.production 生产环境加载的配置文件2: 环境变量的简单使用示例。需要注意,配置文件里的属性名必须以VUE_APP_开头,比如在.env文件这样声明一个环境变量:VUE_APP_QQQ = `QQ`然后就可以在代码里这样用了..转载 2021-07-13 15:08:08 · 1412 阅读 · 0 评论 -
说说微信扫码登录背后的实现原理?
https://juejin.cn/post/6881597417637511181原创 2021-08-18 16:05:12 · 132 阅读 · 0 评论