![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 79
liy1wen
碌碌无为
展开
-
TypeScript 基础入门
传统的JavaScript程序使用函数和基于原型的继承来创建可重用的组件,但对于熟悉使用面向对象方式的程序员来讲就有些棘手,因为他们用的是基于类的继承并且对象是由类构建出来的。我们只会去关注值的外形。泛型是 Typescript 中使用最多的类型之一,它用来表示当前的数据类型,同时也能支持未来的数据类型,可以理解成一种动态的数据类型,类似于函数里面的形参,数据类型由外界的调用者决定,即类型参数化。TypeScript 函数类型中的=>用来表示函数的定义,其左侧是函数的参数类型,右侧是函数的返回值类型;...原创 2022-08-26 09:50:32 · 817 阅读 · 1 评论 -
Vue代码规范指南
Vue代码规范指南一、命名规范市面上常用的命名规范:camelCase(小驼峰式命名法 —— 首字母小写)PascalCase(大驼峰式命名法 —— 首字母大写)kebab-case(短横线连接式)Snake(下划线连接式)1.1 项目文件命名1.1.1 项目名全部采用小写方式, 以短横线分隔。例:vue-project-name。1.1.2 目录名参照项目命名规则,有复数结构时,要采用复数命名法。例:docs、assets、components、directives、mixins、ut原创 2021-09-28 22:29:20 · 2440 阅读 · 0 评论 -
页面添加水印
如何给页面添加水印在生活中,经常会在看到手机里面一些页面比如公司发的比较机密的文件、个人工资详情等会有水印背景。那么,这个在前端怎么实现?如何给页面添加相应水印?思路:通过canvas画出一个以水印文字为内容生成的图片,将图片设置为页面的背景图片,调整样式就OK了。是不是很简单呢?上代码// 水印相关配置项defaultOption: { id: "watermark-1", width:&nbs原创 2021-09-28 22:04:34 · 426 阅读 · 0 评论 -
浅谈HTTP 和 HTTPS的区别
HTTP 和 HTTPS 的区别无论是在校学习还是找工作的时候,老师和面试官都问过同学 HTTP 和 HTTPS 的区别。HTTP和HTTPS是计算机网络中很重要的知识点,面试的时候很容易被问他们的区别,可能每个人都会有自己理解;1.什么是HTTP?超文本传输协议(HTTP,HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。设计 HTTP 最初的目的是为了提供一种发布和接收 HTML 页面的方法。它可以使浏览器更加高效。HTTP 协议是以明文方式发送信原创 2021-09-28 21:58:32 · 423 阅读 · 0 评论 -
前端性能优化总结
前端性能优化总结前端性能优化网站性能的好坏直接决定了用户体验的好坏,而互联网的本质还是为人服务,因此更好的用户体验是每个公司都在追求的目标。1.图片优化对于图片懒加载,可以为页面添加一个滚动条事件,判断图片是否在可视区域内或者即将进入可视区域,优先加载。如果图片为CSS图片,可以使用 CSS Sprite、SVG sprite、 Icon font、Base64等技术。如果图片过大,可以使用特殊编码的图片,加载时会先加载一张压缩得特别小的缩略图,以提高用户体验。如果图片展示区域小于图片的真实原创 2021-09-28 21:45:15 · 157 阅读 · 0 评论 -
在微信小程序中使可视化图表ECharts
下载ec-canvas,把ec-canvas文件夹放在项目根目录下载地址在需要使用图表的页面index.json引用组件{ "usingComponents": { "ec-canvas": "../../ec-canvas/ec-canvas" }}index.wxm里面写入组件<view class="container"> <...原创 2020-03-24 11:41:39 · 1366 阅读 · 2 评论 -
css常见面试题
CSS 面试知识点总结转载 2020-03-23 19:32:26 · 143 阅读 · 0 评论 -
css文本溢出截断省略
在我们的日常开发工作中,文本溢出截断省略是很常见的一种需考虑的业务场景细节。看上去平常 ,但在实现上却有不同的区分,是单行截断还是多行截断?多行的截断判断是基于行数还是基于高度?这些问题之下,都有哪些实现方案?他们之间的差异性和场景适应性又是如何?单行文本溢出省略核心 CSS 语句overflow: hidden;(文字长度超出限定宽度,则隐藏超出的内容)white-space:...原创 2020-03-21 09:44:46 · 285 阅读 · 0 评论 -
前端安全知识
CSRF(Cross-site request forgery)跨站请求伪造CSRF(Cross-site request forgery)跨站请求伪造:攻击者诱导受害者进入第三方网站,在第三方网站中,向被攻击网站发送跨站请求。利用受害者在被攻击网站已经获取的注册凭证,绕过后台的用户验证,达到冒充用户对被攻击的网站执行某项操作的目的。一个典型的CSRF攻击有着如下的流程:1.受害者...原创 2020-03-16 19:45:48 · 139 阅读 · 0 评论 -
从输入URL到看到页面发生的全过程
从输入URL到看到页面发生的全过程浏览器的地址栏输入URL并按下回车浏览器查找当前URL是否存在缓存,并比较缓存是否过期浏览器首先查询当前URL是否有缓存,有的话,再查询是否过期,没过期则读缓存.过期了则访问web服务器.DNS解析URL对应的IP互联网上每一台计算机的唯一标识是它的IP地址,但是IP地址并不方便记忆。用户更喜欢用方便记忆的网址去寻找互联网上的其它计算机,也...原创 2020-03-16 14:39:16 · 232 阅读 · 0 评论