参考自网站:https://segmentfault.com/a/1190000011779959 插件安装完成之后,还要对一些插件进行配置,例如: vetur默认配置, 配置的过程: 打开 文件 > 首选项 > 用户设置(U) > 点击右上角---打开设置(json) // 执行文字相关的导航或操作时将用作文字分隔符的字符 去掉 - 功能:双击css样式选中整个连字符 "editor.wordSeparators": "`~!@#$%^&*()=+

首先要安装 vs code 和 node.js(既然是前端就必须回,不会的面壁思过)然后在命令符中输入 npm install -g live-server 进行安装,(简单的NPM安装)安装成功后在vscode里 “查看” - “集成终端”或者 文件夹命令提示符 里面输入 live-server , 等待浏览器会自动打开 http://127.0.0.1:8080/ 这个端口,这样我们就能像webstorm等IDE这样在本地方便的使用 ajax 或者 vue-resource 等功能,希望帮到

通用插件 HTML Snippets 超级实用且初级的 H5代码片段以及提示 HTML CSS Support 让 html 标签上写class 智能提示当前项目所支持的样式新版已经支持scss文件检索 Debugger for Chrome 让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试,真666~ 配置稍微复杂一些,哪天心情好我再另写教程吧~ jQuery Code Snippets jquery 重度患者必须品,废话不多说,上图 vs

一.vs code 的常用快捷键 1.注释:a) 单行注释:[ctrl+k,ctrl+c] 或 ctrl+/ b) 取消单行注释:[ctrl+k,ctrl+u] (按下ctrl不放,再按k + u) c) 多行注释:[alt+shift+A] d) 多行注释:/** 2.移动行:alt+up/down 3.显示/隐藏左侧目录栏 ctrl + b 4.复制当前行:shift + alt +up/down 5.删除当前行:shift + ctrl + k 6.控制台终端显示与隐藏:ctrl + ~

1.Ctrl+N ,新建文件,新建文件后需要先进行保存(Ctrl+S)并设置文件扩展名: 2.! +Tab,快速创建H5框架,文件扩展名必须为html: 3.Ctrl+Shift+P ,调出命令列表,我们可以从列表中找出经常使用的快捷键. 4.Shift+Alt+F , 格式化代码 5.Ctrl+K+C,注释代码

一.项目需求 最近公司有终端桌面系统需求,需要支持本地离线运行(本地数据为主,云端数据同步),同时支持Window XP,最好跨平台.要求安装配置简单(一次性打包安装),安装包要小,安装时间短,可离线安装.技术要求使用主流技术,有利于扩展,升级,便于迁移到其它各种终端和平台应用. 二.需求分析和选择技术方案 通过需求分析,采用Web终端混合架构开发桌面应用系统.首先就是要找一个web混合架构开发框架.通过Google百度查找资料,最后主要在选择NWJS和Electron框架上,两款框架都是基于C

昨天做了登陆模块,接触了md5&RSA加密.有点意思,talk is cheap,show me the code! 前端加密 为什么要加密 前端加密的方式 后台如何解密 1 为什么要加密? 很简单,防止密码明文传输. 如不做加密的话,在控制台是可以直接查看到账密传参的,毫无安全性可言. 2 前端加密的方式? 2.0 哈希算法与加密 上图中我们可以明显看到哈希和加密是两个不同的东西,主要有两点不同: 哈希算法通常用于数据摘要,生成相同长度的文本.而加密算法生成的密文长度与明文长度有关. 哈希算法

OAuth是一个开放协议,允许用户让第三方应用以安全且标准的方式获取该用户在某一网站.移动或桌面应用上存储的私密的资源(如用户个人信息.照片.视频.联系人列表),而无需将用户名和密码提供给第三方应用. OAuth 2.0是OAuth协议的下一版本,但不向后兼容OAuth 1.0. OAuth 2.0关注客户端开发者的简易性,同时为Web应用,桌面应用和手机,和起居室设备提供专门的认证流程. OAuth允许用户提供一个令牌,而不是用户名和密码来访问他们存放在特定服务提供者的数据.每一个令牌授权一个

壹周回顾 哈喽,又是元气满满的一个周一,又与大家见面了,周末就是团圆节了,正好咱们的前后端也要团圆了,为什么这么说呢,因为以后的开发可能就需要前后端一起了,两边也终于会师了,还有几天Vue系列就基本告一段落了,大家也好好加油鸭,今天将的内容呢,其实细心的你看到题目应该就能大家猜到了,前提是一直看本系列的小伙伴们,包括之前.net core部分,这里先简单说下上周咱们都说了什么: 周一:<十九║Vue基础: 样式动态绑定+生命周期>重点说了下 Vue 开发中的八个生命周期,这个是一个重点,希望大

开发C#的程序,写到属性property时,我们可以在Set方法中做一些简单的规则验证: 如下面,Insus.NET写一个Age属性,只允许用户输入10以内的数字: class AA { private int _Age; public int Age { get { return _Age; } set { ) { throw new Exception("只允许10岁以下的小朋友参加."); } _Age = value; } } } Source Code 前端,我们只管使用tr

浅析XSS与CSRF 在 Web 安全方面,XSS 与 CSRF 可以说是老生常谈了. XSS XSS,即 cross site script,跨站脚本攻击,缩写原本为 CSS,但为了和层叠样式表(Cascading Style Sheet)区分,改为 XSS. XSS 攻击是指攻击者在网站上注入恶意脚本,使用户在浏览使用网页时进行恶意操作,注入脚本除了 JavaScript,还会有 CSS.HTML 等等. XSS 攻击可以分为 3 种:反射型(非持久型).存储型(持久型).DOM型. 反射型

一.什么是OAuth2.0 官方网站:http://oauth.NET/   http://oauth.Net/2/ 权威定义:OAuth is An open protocol to allow secure authorization in a simple and standard method from web, mobile and desktop applications. OAuth是一个开放协议,允许用户让第三方应用以安全且标准的方式获取该用户在某一网站.移动或桌面应用上存储的私

支付宝小程序获取 user_id(openid) ThinkPHP版 近期支付宝小程序个人公测了,就想着玩一下,没想到就获取用户唯一标识都这么麻烦,微信的openid的话Get请求一下就完事了,支付宝的user_id,需要对接SDK以及公钥私钥验签,而且支付宝的开发工具巨占内存,打开就至少占用2G内存,脑阔疼 首先注册一个小程序,附一些用得到的链接 支付宝小程序注册链接 开发工具下载链接 SDK下载地址 支付宝小程序开发文档 RSA 密钥生成工具下载地址 注册完成后将上边提供的软件都下载好,在开

1 redis 存储验证码 基本使用 1.1 setting 配置 CACHES = { "default": { "BACKEND": "django_redis.cache.RedisCache", "LOCATION": "redis://127.0.0.1:6379/1", # 使用的库1 "OPTIONS": { "CLIENT_CLASS": "

前后端分离开发是当今开发的主流.本篇文章从零开始,一步步使用SpringBoot结合Vue来实现日常开发中最常见的登录功能,以及登录之后对用户的管理功能.通过这个例子,可以快速入门SpringBoot+Vue前后端分离的开发. 前言 1.前后端分离简介 在这里首先简单说明一下什么是前后端分离和单页式应用:前后端分离 的核心思想是前端页面通过 ajax 调用后端的 restuful api 进行数据交互,而 单页面应用(single page web application,SPA),就是只有一个

前端智能化现状及未来展望 简介 DEsign: Sketch,Photoshop ,Figma 起源:微软2017年, Design to code code: 前端 核心原理 design---->json 行业发展 探索期 黑暗中摸索: 淘宝,58,转转,CodeFun, 蓝湖,字节,百度,京东 百花齐放 各大公司不同方案 场景延伸 | PRD --->原型设计--->UI 设计--|->开发---> 测试--->上线 从0开始写个D2C系统 认识Sketch数据

1.开始 随着互联网技术的发展,企业应用里到处都是B/S设计,我有幸经历了很多项目有Asp.Net的,有Html/js的,有Silverlight的,有Flex的.很遗憾这些项目很少关注前端优化的问题,而将所有的100%的对性能关注集中于业务设计.第三方平台.数据库等方面,然而我想说只要拿出1%的精力,做一些前端优化的工作,也可以极大提升系统访问效率. 我见过一些项目加载html,js,css,xap等静态资源用了1~2秒,核心服务2~3秒,最后呕心沥血半个月仅能将核心服务优化0.5S,互联网早

一.背景 使用Visual Studio Code写了一个简单的Html页面,想调试下其中script标签里的javascript代码,网上查了一通,基本都是复制粘贴或者大同小异的文章,就是要安装Debugger for Chrome插件,修改launch.json配置信息,F5启动,这些都照做了,但是仍有两个问题,一个是Html文件里不能打断点,只能在js文件里面打,二是chrome打开后说连接不到localhost,下面分别讲讲是怎么解决. 二.Html文件中不能打断点问题 默认情况下,VS

认识Web.桌面和移动app新开发模式 - 基于Node.js环境和VS Code工具 一.开发环境的搭建(基于win10) 1.安装node.js和npm 到node.js官网下载安装包(包含npm)进行安装 验证node.js是否安装成功,在命令行窗口输入命令node -v通过查看版本进行验证 验证npm是否安装成功,在命令行窗口输入命令npm -v通过查看版本进行验证 2.配置npm包管理器 由于国外的镜像不稳定,所以一般需要配置淘宝NPM镜像,配置命令如下: npm config set

前端在生产和开发中占据着越来越重要的地位,PC 端.手机端.桌面端.智能手表端等等设备都离不开前端的身影.本文将围绕框架.编程语言.工具.React.Vue 等方面,全面回顾 2019 年前端与 Web 开发的大事. 以下为译文: 在过去的一年中,前端开发再次加快了发展的速度,本文总结了2019年以来的所有大事.新闻和趋势. 2019年流行前端框架和库的NPM下载 React 再次荣登前端流行库的榜首,且用户的数量仍在增长,而 jQuery 出乎意料地保住了第二名的位置.紧随其后的是 Angul

学习资料为:chuanzhiheima培训资料,freecodecamp300小时基础前端,<精编CSS第三版>,<Node.js 开发指南>(BYvoid编著,淘宝买的二手书) VS code 快捷键的应用. 目标:逐步记忆用到的快捷键 快速生成html5的结构: 英文格式下: ! + 空格 保存:CTRL+S 打开文件: CTRL+O 添加注释: CTRL+ / 或者先CTRL+K,再按CTRL+C 取消注释: CTRL+/ 或者先CTRL+K,再CTRL+U 撤销刚才的操作: