前端学习
最近做毕设,打算做网站
wsdchong之小马过河
天行健君子以自强不息,地势坤君子以厚德载物。
2016届本科生,数字媒体专业
展开
-
CAS的ticket是啥?
CAS的ticket是啥?前言昨天我舍友用Python自动登录遇到了一个问题,问我看我知道session的ticket是啥?然后我(ticket是啥?我上计算机网络的时候咋没听过)于是今天我了解了一下这个ticket。涨知识。在此之前我只知道登录验证好像是和cookie、session、token相关,ticket还没了解过。今天看了看相关资料,了解原来ticket是解决多套系统并存的环境下,用户只需要一次登录就可以访问其他授权的系统的一种解决方案。下面我具体介绍ticket的内容文章目录CA原创 2020-11-10 17:35:00 · 3305 阅读 · 1 评论 -
vue的一家
vue的一家前言昨天因为写GitHub上的项目体验第二期——mall-admin-web的时候有一些后端的地方不太清楚,于是给自己扫了一下盲。写了一篇后端技术栈科普——springboot一家。在写的过程中,我就想到了vue的一家。下面重新认识vue的一家。下面我从官网以及GitHub上的star上找vue的一家人。在官网上找了:vue、vue router、vuex、vue ssr、vue CLI、vue loader、vue devtools、vue 相关的包、vue的资源;然后根据vue 相原创 2020-10-04 16:56:42 · 354 阅读 · 2 评论 -
使用vuepress-theme-vdoing搭建个人博客
使用vuepress搭建个人博客前言之前通过学习接触到vuepress,写了四篇博客:我对博客网站的认识——wsdchongvuepress-theme-vdoing使用体验对vuepress以及vuepress-theme-vdoing的认识从不懂到了解,现在开始正式实践。准备按四部曲进行。第一步是尝试使用vuepress;第二步是尝试使用vuepress-theme-vdoing;第三步是部署到GitHub Pages和Coding Pages上;最后就是设计自己的博客。因为vuep原创 2020-09-14 20:36:57 · 4768 阅读 · 4 评论 -
VuePress+Gitee快速搭建个人博客的尝试(成功)
VuePress+Gitee快速搭建个人博客的尝试昨天在GitHub上看见了VuePress项目,还尝试一下,不过只是运行了一下,没有部署和修改。vuepress-theme-vdoing使用体验、我对博客网站的认识——wsdchong今天尝试一下部署。借鉴不安分的猿人的VuePress +Gitee 快速搭建个人博客文章目录VuePress+Gitee快速搭建个人博客的尝试部署实现过程重新认识vuepress项目修改过程理论基础摘要部署实现过程步骤1:本地博客快速搭建。下载项目,安装依赖(np原创 2020-09-13 22:01:56 · 1335 阅读 · 0 评论 -
对vuepress以及vuepress-theme-vdoing的认识
对vuepress的认识前言还是和昨天写vuepress-theme-vdoing使用体验一样。在边尝试VuePress +Gitee 快速搭建个人博客边写博客的过程中,引出了我对vuepress的认识,而且越写越多,所以干脆也单独拎出来写一章。我复制了其中的vuepress认识,让这篇博客写得更加连贯。记录的主体内容有三部分:我接触vuepress的过程、vuepress官网摘要、vuepress-theme-vdoing官网摘要。文章目录对vuepress的认识前言重新认识vuepress使用v原创 2020-09-13 14:54:02 · 2670 阅读 · 13 评论 -
vuepress-theme-vdoing使用体验
vuepress-theme-vdoing使用体验前言今天在GitHub的trending上看vue项目,其中有个vuepress-theme-vdoing项目看起来挺有意思,于是下载下来使用一下。看页面,感觉像是GitHub上的文档。比如vue官方文档就是用这种的。之前一直想弄,但没去尝试过。今天借着体验这个项目去了解文档库。首先先使用这个项目,然后分析这个项目的原理,最后自定义。大致就这三步。项目地址项目介绍:一款简洁高效的VuePress 知识管理&博客(blog) 主题文章目录原创 2020-09-12 19:49:36 · 5962 阅读 · 1 评论 -
Open browser failed!! Please check if you have installed the browser chrome correctly!——vscode
Open browser failed!! Please check if you have installed the browser chrome correctly!——vscode描述今天运行HTML文件的时候,用了open in browser插件。无论是alt+b还是shift+alt+b都报错Open browser failed!! Please check if you have installed the browser chrome correctly!解决过程参原创 2020-08-08 09:13:39 · 1464 阅读 · 0 评论 -
vetur自动格式化官方文档翻译——wsdchong
vetur自动格式化官方文档翻译翻译文章地址格式化Vetur支持格式化html/pug/css/scss/less/postcss/stylus/js/ts。补充:pug:官方文档 。pug是一款专门为node.js平台开发的HTML模块引擎。less:官方文档。less是一门CSS预处理语言。scss:官方文档。scss(sass)是世界上最成熟、稳定强大的专业级CSS预处理语言。postcss:官方文档。postcss是使用js插件来转换CSS的工具。stylus:原创 2020-08-07 23:04:18 · 7066 阅读 · 0 评论 -
干货!15种vscode插件,提高开发效率
vscode常用插件vscode常用插件前言插件代码调试类插件代码补全类插件代码显示类插件代码自动格式化插件自动格式化的配置vetur代码补全的常用输入Vue VSCode Snippets前言工预先善其事,必先利其器。vscode通过配置后就会特别好用,不过我第一次使用vscode的时候十分不友好,简直扎心。首先就是全英文,不太习惯,其次不能开箱就可以用,随后我就使用了HbuilderX。不过后来因为公司前端开发是使用vscode,于是自己就又开始使用vscode。然后就是真香。首先今年v原创 2020-08-06 23:17:53 · 17369 阅读 · 12 评论 -
echarts初次学习笔记
echarts学习笔记前言:配置环境,熟悉代码;在系统中注释至少5种不同类型的echarts图表;文章目录echarts学习笔记配置环境学习思路echartsmapboxthree.js[Vue.js Examples](https://vuejsexamples.com/)echarts理论基础五分钟上手echarts自定义构建echartsecharts基础概念概览两个demo柱状图(模拟日均客运总量)折线图(月度客运总量)配置环境根据拉勾招聘上的招聘介绍以及公司官网了解到。公司主要领域是智慧城原创 2020-07-31 22:08:53 · 1382 阅读 · 3 评论 -
第十二届前端搞可视化部分笔记
第十二届前端搞可视化文章目录第十二届前端搞可视化《如何融合数据可视化与物理世界》《深度探索 图分析与图可视化》《如何对BI产品做可视化技术选型》《如何对BI团队赋能数据分析能力》《如何打造企业级可视化大屏交付神器》《如何从零DIY 3D地图可视化引擎》《阿里云datav十年可视化之道》《人与人工智能:照亮可视化构建前路》《antv的可视化交互语法探索》《如何融合数据可视化与物理世界》菜鸟-前端专家-其歌-数字空间-react/three.js 16年毕业多伦多大学计算机硕士。数字孪生:利用物理模型、原创 2020-07-31 22:01:08 · 915 阅读 · 0 评论 -
用vscode开发前端的小经验
用vscode开发前端的小经验前言:就是记录一下;文章目录用vscode开发前端的小经验插件配置常用vscode快捷键常用的Windows快捷键首先是配置插件配置//使vscode中文显示Chinese (Simplified) Language Pack for Visual Studio Code//使用VueVue VSCode Snippets//设置settingVetur//在浏览器打开,在HTML文件页面右键。open in browser//在Chrome调试De原创 2020-07-31 21:55:57 · 694 阅读 · 0 评论 -
vscode自动格式化实现
vscode自动格式化实现教程:vsCode格式化插件1安装vetur2配置setting.json点击file-Preference-settings。点击右上角,显示setting.json输入{ "vetur.format.defaultFormatterOptions": { "prettier": { "semi": false, // 不要分号 "singleQuote": true // 要单引号原创 2020-07-31 11:10:28 · 958 阅读 · 0 评论 -
axios听课笔记
axios听课笔记文章目录axios听课笔记前言01动态路由匹配02keep-alive在路由中的使用v03meta的使用-权限控制04axios的基本使用05并发请求06config前言时长:2h01动态路由匹配vue-router掘金02keep-alive在路由中的使用v03meta的使用-权限控制04axios的基本使用axios官网文档methods:{sendAjax(){this.$axios.get('http://127.0.0.1:8888/').then(r原创 2020-07-30 22:03:08 · 206 阅读 · 0 评论 -
vue router的听课笔记
vue router的听课笔记文章目录vue router的听课笔记前言vue组件通信一(父子组件)vue组件通信二(多层组件)vue组件通信三(平行组件)vue组件通信四父往子多层通信Vue组件通信五子往父多层通信总结前言时长:2hvue组件通信一(父子组件)//1props和$emit//父组件向子组件传递数据是通过prop传递的,子组件传递数据给父组件是通过$emit触发事件来做到的。//在下面的例子中,有父组件App和子组件Child。//1父组件传递了message数据给子组件,并原创 2020-07-29 21:23:06 · 205 阅读 · 0 评论 -
vue基础2的听课笔记
vue基础2的听课笔记文章目录vue基础2的听课笔记前言vue的局部组件的使用组件通信通过prop往子组件通信,通过事件向父组件发送消息全局组件的使用具名插槽过滤器监听watch计算属性computed生命周期ajax请求前言时长:2h顺一遍vue基础1的知识点:1vue的基本使用:数据驱动视图 {{插值}}2vue的指令系统:v-if与v-show;v-on绑定事件、v-bind绑定标签上的属性、v-for = "item,index) in menuLists .自定义指令。3vue的双向原创 2020-07-29 21:18:55 · 270 阅读 · 0 评论 -
vue基础1的听课笔记
vue基础1的听课笔记文章目录vue基础1的听课笔记引言文档大纲1历史介绍2前端框架与库的区别3vue起步4插值表达式5什么是指令代码引言个人山东潍坊,做老师有两年。专精vue,计算机专业,学Java,14年的iOS北京市场不好,就进入前端行业。前端现在饱和了,但还是有需求。做业务强的前端还是有前途的。学完跳槽。最近研究python语言,做后端。node.js作为中间件,处理高并发;PHP、Java、node.js、python、go都可以做后端,不过各有偏向。时长:2h文档大纲1历史介绍an原创 2020-07-29 21:13:45 · 262 阅读 · 0 评论 -
axios初次笔记(axios、promise是什么)
axios初次笔记axios是什么参考博客:ajax和axios、fetch的区别Vue2.0之后,尤雨溪推荐大家用axios替换JQuery ajax,想必让axios进入了很多人的目光中。axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,本质上也是对原生XHR的封装,只不过它是Promise的实现版本,符合最新的ES规范,它本身具有以下特征:1.从浏览器中创建 XMLHttpRequest2.支持 Promise API3.客户端支持防止CSRF4原创 2020-07-22 18:34:30 · 1291 阅读 · 0 评论 -
数据可视化学习笔记一——概述
工作准备文章目录工作准备工作内容补充说明地理信息数字化技术GISQGisPostGISPostgreSQL可视化技术echartsmapboxthree.js[Vue.js Examples](https://vuejsexamples.com/)数据处理技术Spark数据存储、查询及Rdd操作互联网数据爬虫数据分析技术数据挖掘通用机器学习算法学习说明工作内容岗位:web前端开发工程师岗位职责:1参与大数据可视化平台研发;2参与大数据查询系统的研发;3能独立完成网站页面开发;4负责使用美观的组件将数原创 2020-07-15 07:00:03 · 1581 阅读 · 2 评论 -
微信小程序开发笔记——wsdchong
微信小程序开发笔记2019/7/20写的笔记。可能有些纰漏,请以微信小程序官网为准。一、小程序简介小程序起源于微信的webview;此类API最初是提供给腾讯内部一些业务使用,很多外部开发者发现后,照葫芦画瓢,逐渐成为微信中网页的事实标准。2015年初,微信发布了一整套网页开发工具包,称为JS-SDK,开发了拍摄、录音、语音识别、二维码、地图等几十个API。给所有web开发者打开了一扇全新的窗户。网页开发者需要面对的环境是各式各样的浏览器,PC端需要面对IE、Chrome、QQ浏览器等,移动端需要面原创 2020-06-18 16:28:59 · 6196 阅读 · 13 评论 -
React Native的尝试——wsdchong
React Native的尝试前言:前端跨平台一直是我感兴趣的地方,有三个前端想了解,一个是web前端用vue+elementUI;一个是手机前端用vue+uniapp;一个是小程序;桌面前端暂时不涉及。目前看看RN触类旁通;以《大前端入门指南》作为参考。内容有:RN介绍、RN使用、RN实战。文章目录React Native的尝试前言:RN介绍ReactJSX语法组件组件的生命周期RN使用开发环境常用UI组件网络导航器数据存储原生模块开发RN实战项目创建完善功能页面打包总结RN介绍RN是使用J原创 2020-06-18 16:02:00 · 307 阅读 · 0 评论 -
《JavaScript设计模式》初次笔记——wsdchong
《JavaScript设计模式》初次笔记前言设计模式一直久仰大名,但是没有去花时间去了解,于是今天特意花时间去看《JavaScript设计模式》(2013年6月出版)和w3cschool上的设计模式。然后做了一些笔记。以《JavaScript设计模式》为目录,以w3cschool上的设计模式为补充。讲的内容有三:设计模式、JavaScript设计模式、其他(模块化的JavaScript设计模式、jQuery设计模式、jQuery插件设计模式)。学习目的:尝试性地了解JavaScript设计模式,方原创 2020-06-17 14:39:31 · 11630 阅读 · 89 评论 -
前端三大件的学习——wsdchong
前端三大件的学习前言之前做前端学习梳理的时候,总结了三块知识。三大件+组件化、网络基础+性能优化、工程化。目前写了后两部分的笔记。今天写第一部分的笔记。网络基础和性能优化部分的笔记是:《前端技术架构与工程》之性能笔记里面性能评估模型、从URL到页面、内存管理极限运算性能的理解能对前端的学习有指向性的作用。对代码质量的理解十分有帮助。工程化部分的笔记是:《前端技术架构与工程》之工程思维与服务支撑笔记里面工程思维和开发支撑的部分值得前端借鉴。对代码规范和组件化的理解也十分有帮助。编程语言部分的笔记原创 2020-06-16 14:40:23 · 17166 阅读 · 99 评论 -
《博客文章的学习》第一期
《博客文章的学习》第一期前言:前几天看了一篇博客文章里面的知识十分有意思,于是特意把我感兴趣的部分提炼出来。总地址:JavaCollection 下面的链接都是来源于这个总地址。文章目录《博客文章的学习》第一期前言:学习路线Java后端开发学习路线C语言/C++开发学习路线(偏后台)前端开发学习路线项目推荐看完这篇,别人的开源项目结构应该能看懂了上次谁说要Java开源项目来着?来!5个值得学习和练手的企业级开源项目!自学编程为什么我们要面向接口编程?!答应我,别再if/else走天下了可以吗恕我直言原创 2020-06-14 21:33:33 · 287 阅读 · 0 评论 -
《前端技术架构与工程》之工程思维与服务支撑笔记
《前端技术架构与工程》之工程思维与服务支撑前言:《前端技术架构与工程》这本书真的越看越有味。目前写了部分这本书的笔记,共分为三部分做笔记,已写了三篇如下。《前端技术架构与工程》初次笔记《前端技术架构与工程》之编程语言《前端技术架构与工程》之性能笔记今天准备写工程服务体系(开发、构建、测试、部署、持续化、监控与统计)初次笔记让我从架构师的角度认识前端技术栈;编程语言笔记让我对前端三大件有了新的理解;性能笔记让我对网络知识和性能优化有了一个初步概念,对于进一步提高有了方向。今天写的是工程服务体系原创 2020-06-14 20:35:32 · 1629 阅读 · 6 评论 -
《前端技术架构与工程》之性能笔记
《前端技术架构与工程》之性能前言:《前端技术架构与工程》这本书真的越看越有味。目前写了部分这本书的笔记,共分为三部分做笔记,已写了两篇如下。《前端技术架构与工程》初次笔记《前端技术架构与工程》之编程语言今天准备写技术架构部分(编程语言、技术规范、组件化、前后端分离、性能)中的性能部分。初次笔记让我从架构师的角度认识前端技术栈,编程语言笔记让我对前端三大件有了新的理解。虽然技术规范、组件化、前后端分离里面的知识也重要,但是我这三部分都要了初步了解,勉强够用。唯一性能这一块没有去深入了解,而性能这原创 2020-06-14 15:17:55 · 15169 阅读 · 56 评论 -
《前端技术架构与工程》之编程语言笔记
《前端技术架构与工程》之技术架构前言:昨天写了部分这本书的笔记,今天把剩下的写一写。共分为三次笔记。一次讲绪论、一次讲技术架构、一次讲工程服务体系。《前端技术架构与工程》初次笔记接下来讲前情回顾、编程语言、技术规范、组件化、前后端分离、性能。不会按照书本上的内容照抄,不然好没意思,除非非常必要,一般用自己的理解解释。不过这本书好多东西我都想写上来,书上的内容就是我想要了解的。会有许多篇幅是来自原文的。只能说都是精华。第一部分我会着重书写,后面的我只搭建一个框架,具体细节我做笔记在书上,再敲到这博原创 2020-06-13 22:38:26 · 2051 阅读 · 0 评论 -
前端学习梳理——wsdchong
前端学习梳理前言最近学习了一部分前端内容,今天重新梳理一下。主要借鉴的书有《前端技术架构与工程》、《大前端入门指南》、《vue.js从入门到项目实战》、《springboot+vue全栈开发实战》;《前端技术架构与工程》从架构师的角度讲解了前端技术的前因后果以及工程化思想;值得反复阅读。里面讲技术架构和工程服务体系时归纳知识十分到位。《大前端入门指南》蜻蜓点水地讲了前端的基础(HTML+CSS+JavaScript)和常用框架(RN、微信小程序、Flutter)。可以作为字典书,便捷地找到前端的常原创 2020-06-13 22:21:26 · 7653 阅读 · 57 评论 -
《vue.js从入门到项目实战》的项目实战笔记
vue项目之启动项目前言:vue的基本知识 重点讲述《vue.js从入门到项目实战》的第一章到第四章vue项目化 重点讲述《vue.js从入门到项目实战》的第六章接下来就是对第八章的启动了。文章目录vue项目之启动项目前言:一、理论内容页面设计目录结构设计初始目录src目录结构webpack介绍Font Awesome介绍动态资源配置动态资源构建动态资源存储自定义组件二、启动线上商城三、启动企业网站理论响应式设计:页面开发-页面切换与滑动:划分内容区中英文语种切换启动四、启动掌上新闻理论项目构建启原创 2020-06-12 14:48:45 · 2980 阅读 · 0 评论 -
《vue.js从入门到项目实战》之Vue项目化笔记
Vue项目化前言:《vue.js从入门到项目实战》的第六章和第八章。尝试一下Vue项目化的过程。前置内容:vue的基础知识上次学习了《vue.js从入门到项目实战》的前六章,重点学习了第二、三、四章的Vue实例和模板语法;了解了一下Vue组件(可复用的Vue实例)和Vue项目化(Vue CLI、Vue router、vuex)接触了一部分Vue项目化的理论,这次对这一部分进行实践,边实践边记录遇到的问题。文章目录Vue项目化前言:理论内容Vue脚手架:Vue CLI前端路由:Vue router原创 2020-06-11 22:12:30 · 1356 阅读 · 12 评论 -
Vue的基本知识——wsdchong
Vue的基本知识前置知识:网络知识(计算机网络、HTTP)、前端知识(HTML、CSS、JavaScript)前言:《vue.js从入门到项目实战》的前六章,蜻蜓点水地学一遍,后面在Vue的实战中再查漏补缺。快速原型+迭代地学习方式。第一章讲Vue的发展历程和因果关系;第二章讲Vue的引入;第三章是重点,讲Vue的插值绑定和常见指令;我可能没按照这边书的内容写,先按照自己感兴趣和觉得是重点的地方写。文章目录Vue的基本知识前置知识:前言:第一章 前端技术的发展网页的开始网页的少年时期网页的现在原创 2020-06-04 21:05:17 · 1074 阅读 · 10 评论 -
Vue.js初次使用——wsdchong
Vue.js初次使用教程:https://cn.vuejs.org/v2/guide/时间:2020/5/2内容:安装、介绍、实例、模块语法、计算属性和监听器、class与style绑定、条件渲染、列表渲染、事件处理我认为学习一个UI框架,应该把它当成HTML文档使用,用其实现文本、图片、表格、表单、超链接;学以致用,不然跟着这个步骤了有些晕头转向,找不到方向。看这个前,最好把JavaScript掌握好。前置知识:JavaScript最基础的关键字和语法结构、事件机制、DOM编程、闭包、对象引用、原创 2020-06-04 14:15:22 · 272 阅读 · 0 评论 -
前端笔试部分问题和部分答案
前言:CSS、网络、ajax、JavaScript四个部分;打包以及UI框架和express未准备。CSS:画一条线、三角形和正方形;盒子模型、flex布局、display、position、float、垂直居中、溢出;网络部分:HTTP和HTTPS的基本概念、优缺点;TCP、cookieAjax:实现JavaScript:基本数据类型、DOM、跨域、this一、CSS1画...原创 2020-04-29 13:46:17 · 246 阅读 · 0 评论 -
前端笔试面试问题汇总
前言:基础、核心、进阶、计算机基础、数据结构与算法、设计模式、职业发展和HR一、基础1HTTP/HTML/浏览器HTTP与https的基本概念、区别、工作原理、优缺点HTTP请求方式、get和post的区别、支持的方法HTTP常用请求头状态码:400、401、403、200、、301、302、304HTTP的缓存机制:强缓存、协商缓存BOM属性对象方法:locati...原创 2020-04-29 13:43:24 · 277 阅读 · 0 评论 -
前后端发展----wsdchong
时间:2020/3/30前言:网站发展、前端的追求、后端的追求、前后端分离、前端基本功和发展路线、后端基本功和发展路线;术业有专攻,精力有限,用90%的精力做好10%的事。认知是不断前进的。以下内容不一定对,请辩证地理解。https://blog.csdn.net/qq_17231297/article/details/80826491https://blog.csdn.net...原创 2020-04-24 08:41:55 · 345 阅读 · 0 评论 -
第一届前端早早聊笔记--wsdchong
2020/4/22前端:前端转管理、基建、搭建、规划、监控、serverless、微前端、彩蛋、跨端、部署、可视化、性能、安全、框架、报表2020/4/19无意中在掘金上发现一篇《第一届搞管理|志遥》的文章,发现里面讲的内容十分有趣,进一步开拓了我对前端的了解。于是那天上午就一次性看了《第一届前端早早聊》的五篇文章,意犹未尽。B站上还有那个的直播视频,不过在掘金上看那个文章更好做笔记。...原创 2020-04-22 22:17:48 · 1602 阅读 · 1 评论 -
前端后端知识体系理解--wsdchong
时间:2020/4/21前言:对前端的理解、对后端的理解、基于Java的前后端、基于node.js、基于PHP。认识具有反复性和无限性。这是我之前2020/4/13对前后端的理解:前后端学习框架在变,但底层不会变。一、对前端的理解许多人认为这十几年前端一直在变,而后端不怎么变。一开始我也这么理解,但是慢慢的我发现不应该这样理解。前端后端不过是一个在前端页面表示、一个在后...原创 2020-04-21 17:21:29 · 718 阅读 · 0 评论 -
CSS学习笔记
前言HTML的基本内容是:文本格式化、列表、表格、表单、链接。CSS的基本内容是:盒子模型、字体、文本、链接、定位、边框、对齐。常用的应用有:网页布局、导航栏、下拉菜单、搜索栏、反馈表单、提示工具、开关样式。速查列表菜鸟教程链接:https://www.runoob.com/css/css-examples.htmlCSS基本内容盒子模型:外边距margin、轮廓out...原创 2020-03-12 20:22:36 · 164 阅读 · 0 评论 -
HTML学习笔记
前言HTML真的是网页的基础,CSS,JavaScript都是为了丰富它的功能。而HTML的内容也十分明确,就像写笔记一样。基本内容有标题、段落、文本格式化、链接、图像、表格、列表(无序列表、有序列表、定义列表)、表单。剩下就是修饰内容,有布局(样式/区块)、框架、颜色。速查列表菜鸟教程的链接:https://www.runoob.com/html/html-quicklist.htm...原创 2020-03-11 09:22:56 · 235 阅读 · 0 评论