![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
文章平均质量分 52
Light.T
这个作者很懒,什么都没留下…
展开
-
登录令牌解决方案对比
session使用流程用户向服务器发送用户名和密码。服务器验证通过后,在当前对话(session)里面保存相关数据,比如用户角色、登录时间等等。服务器向用户返回一个 session_id,写入用户的 Cookie。用户随后的每一次请求,都会通过 Cookie,将 session_id 传回服务器。服务器收到 session_id,找到前期保存的数据,由此得知用户的身份。问题:扩展性(scaling)不好,服务器集群需要将session数据共享解决方发: session 数据持久化,.原创 2020-09-21 19:32:14 · 241 阅读 · 0 评论 -
使用Vue.js实现一个带滑动效果的倒计时组件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>倒计时</title> <script src="https://cdn.jsdelivr.net/npm原创 2020-09-09 15:46:36 · 461 阅读 · 0 评论 -
SCSS 和 Sass 有什么区别?
Sass (Syntactically Awesome StyleSheets) 是具有语法改进功能的CSS预处理器。程序将处理高级语法的样式表,并将其转换为常规CSS样式表。但是,它并未扩展CSS标准本身。区别在于UI。在文本外部之下,它们是相同的,都是Sass预处理程序的一部分。这就是Sass和SCSS文件可以相互导入的原因。实际上,Sass具有四个语法解析器:SCSS,Sass,CSS和Less。所有这些将不同的语法转换为抽象语法树,然后通过Sass-convert工具将其进一步处理为CSS输出或原创 2020-05-17 09:35:35 · 281 阅读 · 0 评论 -
TypeScript入门手册
文章目录1. 为什么使用TypeScript2. TypeScript初探3. TypeScript基本类型4. any类型 和 联合类型5. 数组 Array 和 元组 Tuple6. 接口 Interface7. 函数和类型推断8. 类Class9. 枚举enums10. 泛型Generics11. 类型别名和类型断言12. 声明文件1. 为什么使用TypeScript让程序更容易理解问题背景:函数或者方法接收和返回的参数类型,外部条件等,需要详细底查阅文档,由于动态语言的约束,需要手动调试等原创 2020-05-14 17:06:32 · 183 阅读 · 0 评论 -
JavaScript中【.split(/\s+/)】和【 .split(“ ”)】有什么区别?
简单来说.split(“ ”)意味着按 【一个空格字符】 隔开.split(/\s/) 意味着按【 包括制表符,换行符,回车符,垂直制表符,换页符在内的一个类空格字符】 隔开.split(/\s+/) 意味着【 包括制表符,换行符,回车符,垂直制表符,换页符在内的一个至无穷个类空格字符】隔开。举例如下:"he llo".split(" ")(4) ["he", "", "",...原创 2020-04-10 16:54:43 · 1511 阅读 · 0 评论 -
如何在vscode中初始化HTML文件?
VScode提供了初始化HTML文件的方法,当你输入感叹号,会自动提示是否创建模版此时点击回车键即可自动创建如下模板:原创 2020-04-08 17:48:50 · 1842 阅读 · 1 评论 -
【讲座笔记】听了几位前端前辈的讲座,我总结出这些的学习经验
文章目录前端的范畴如何学习前端如何学习后端前端框架的认识企业招聘的认识工作阶段如何成长前端的范畴网页开发是公认的前端开发,App客户端开发、桌面应用的开发也都隶属于前端体系。传统的MVC架构中,V层(视图层)和C层(控制器)都属于前端的架构,尤其目前单页面应用流行的当下,前端已经完全承接了视图和控制器的开发。这些工作都有一个共性,都是基于用户行为的事件反射进行的编程。很多高级的前端开发...原创 2020-04-03 14:44:47 · 378 阅读 · 0 评论 -
遇到JS的换行和空格问题,我是这么解决的
JS换行可以添【< br />】方式如下<script>document.write('hello <br/>world')</script>JS 添加空格可以采用如下两种方式:插入【 】<script>document.write('hello     world')&l...原创 2020-04-02 12:52:09 · 1620 阅读 · 0 评论 -
npm安装包时报错【Error: EACCES: permission denied, access '/usr/local/lib/node_modules'】
安装某些包时会出现如下图所示错误在安装代码前加【sudo】,可以解决这个错误 ,如下图所示sudo npm install express-generator -g 还可以加上镜像链接加快下载速度sudo npm install express-generator -g --registry=https://registry.npm.taobao.org...原创 2020-03-25 17:12:48 · 1805 阅读 · 0 评论 -
node.js如何搭建HTTP服务
进入终端,首先执行npm init -y初始化环境,然后编写下述代码const http = require('http')const querystring = require('querystring')const server = http.createServer((req, res) => { const method = req.method con...原创 2020-03-25 16:06:43 · 145 阅读 · 0 评论 -
npm如何使用淘宝镜像加快下载速度
如下所示,尾部添加--registry=https://registry.npm.taobao.org即可,如下行代码所示 npm i lodash --save --registry=https://registry.npm.taobao.org原创 2020-03-25 11:32:44 · 328 阅读 · 0 评论 -
vscode安装vetur 插件后格式化报错问题解决
vscode安装vetur 插件后出现【js代码单引号变成双引号,句尾加上分号】的格式错误 如图所示在settings.json 中添加以下代码解决问题 "vetur.format.defaultFormatterOptions": { "prettier": { "semi": false, "singleQuote...原创 2020-03-18 12:55:58 · 3084 阅读 · 0 评论 -
vue命令 npm run start 报错dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.j
vue-cli 使用npm audit fix 更新包后,运行 npm run start 出现下述错误errno ENOENTnpm ERR! qunar@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`npm ERR! spawn ENOENT判断是webpac...原创 2020-03-18 01:26:14 · 3231 阅读 · 1 评论 -
mac 安装vue-cli错误和解决方法Error: EACCES: permission denied, access '/usr/local/lib/node_modules'
问题:使用mac 安装命令为npm install -g @vue/cli出现错误Error: EACCES: permission denied, access '/usr/local/lib/node_modules'错误原因:命令权限不够解决方法 使用命令:sudo npm install -g @vue/cli如下图 问题解决...原创 2020-03-17 21:00:49 · 2119 阅读 · 0 评论