自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 小程序学习笔记

小程序代码组成JSON配置project.config.json:小程序工具配置app.json:小程序的全局配置,包括页面路径和页面样式等,静态配置,无法在运行过程中动态更新JSON配置文件page.json:页面配置,可覆盖app.jsonjson语法{“key”:“value”}不能使用注释WXML模板与HTML相似必须严格闭合动态绑定{{}}绑定WXML文件和js文件中data属性属性值的动态绑定必须在双引号中大小写敏感没有定义的或者是undefine

2020-07-01 21:06:22 142

原创 微信小程序踩坑记录

最近在做小程序,在写的过程中踩了一些坑,有些还不太清楚原因,记录一下,避免以后还踩。background-image不显示解决方案:将background-image相关的代码写到wxml的style中当给两个view设置相同的父class但本身的class不同时,后面的那个view不显示,需要把两个自身的class也改成相同的才能正常显示。在两个view间画线,例如view1和view2中间画一条线view3,如果view1和view2的宽度加起来正好是手机界面的宽度,需要把画线的view

2020-06-02 18:02:18 310

原创 360前端星计划之技术翻译

阅读英文文档是增强技术的核心能力翻译的类型文学翻译艺术成分更多的灵感翻译错误的责任较小非文学翻译科学成分翻译的责任较大技术翻译的意义学习新技术思想掌握标准和工具获得名声和报酬技术翻译的标准准确、地道、简洁翻译的方法消化吸收原文母语地道表达坚持技术驱动...

2020-04-12 21:40:47 144

原创 360前端星计划之前端代码规范

评价代码质量好坏代码吐槽的多少代码规范使用ESlint管理代码规范可对ESlint进行配置质量问题,风格问题都可以使用ESlint进行检验格式使用prettier进行格式规范统一流程化提交代码git commit message提交规范commitizen合并提交git rebase(谨慎使用)...

2020-04-12 21:24:35 221 1

原创 360前端星计划之web前端点播直播

什么是视频格式与内容文件扩展名(媒体封装格式)媒体封装格式不等于音视频编码格式文件内容:头信息(格式、时长、帧率、码率、分辨率)索引信息视频数据视频大多采用YUV颜色空间做抽样存储帧内预测和帧间预测复用可以进一步有效的压缩数据P帧(前向预测帧)、B项(双向预测帧)、I帧(参考帧)通过上述技术综合,生成视频编码器音频数据对连续的声波进行采样,做数字化存储还原...

2020-04-12 21:04:43 187

原创 360前端星之小程序

小程序简介h5:开发速度快,较长的白屏时间app:开发成本较高,各个平台差异较大小程序相对于H5,除了第一次加载,均从本地运行,提高了启动速度相对app,降低了开发成本技术栈HTML/CSS/JSNodeJS移动适配HTTP协议、HTTPS简单了解OAuth2GIT类似技术Cordova:通过webview渲染,通过插件调用系统服务PWA:Service Wo...

2020-04-12 20:21:26 316

原创 360前端星计划之前端性能优化

RAIL模型以用户为中心的性能评估模型目标:恒定的指标;指导意见:推荐的性能评估标准延迟与用户反应0-16ms,动画平滑转场0-100ms,立即获得结果300ms-1000ms,延迟正常1s,用户注意力将离开ResponseAnimationIdleLoad工具实战...

2020-04-11 20:11:44 163

原创 360前端星计划之前端动画

JavaScript 动画灵活性高、可控性强,性能好易用性较差,没有封装好CSS 动画SVG 动画

2020-04-11 11:22:35 159

原创 360前端星计划之前端工程化

目标:前端领域,利用技术不断进步和经验逐步积累带来的各种方案,解决在项目的开发、测试、维护阶段遇到的种种低效和繁琐的问题工程化是一种思想,技术是一种实践规范化/模块化/组件化/自动化规范化是项目可维护性的基石版本管理及开发流程规范git(版本管理、代码仓库)git flow(基于git,简化操作;提供活动模型和行为规范)git flow流程git flow ini...

2020-04-11 11:06:20 192

原创 360前端星计划之Node.js基础入门

什么是Node.js与JS的区别基于异步I/O相关接口基于node_modules和require的模块依赖提供C++ addon API与系统交互可以干什么?运行在服务端可以做命令行脚本可以做客户端软件可以运行在IoT软件中Node.js基础引入fs模块进行读写,raedFile为异步操作模块内置模块:编译进Node中,直接require文件模块:...

2020-04-10 22:04:58 162

原创 360前端星计划之正则的三个使用场景

正则表达式的创建和使用创建正则表达式使用正则表达式字面量const reg = /[a-z]\d+[a-z]/i;(\d表示数字0-9,+表示重复1次或多次,i表示可以匹配大写或小写)简单方便不需要考虑二次转义子内容不能重复使用过长的正则表达式导致可读性差使用RegExp构造函数const alpha='[a-z]';const reg=new RegExp('${alph...

2020-04-10 20:57:45 130

原创 360前端星计划

前端星计划之CSS前端星计划之JavaScript从入门到放弃前端星计划之Web标准前端星计划之前端常用的HTTP知识

2020-04-09 22:54:43 219

原创 前端星计划之前端常用的HTTP知识

HTTP在浏览器网络中的位置HTTP是应用层协议,负责请求和响应,联网细节交给了传输协议:TCP/UDP请求/响应报文请求报文<method><request-URL><version> <headers> <entity-body>响应报文<version><status><respon-p...

2020-04-09 22:51:03 148

原创 360前端星计划之Web标准

Web标准Web标准是构成Web基础、运行和发展的一系列标准的总称IETFHTTP协议HTTP0.9只定义了getHTTP1.0:增加了head和post方法,增加了头部字段描述和响应,增加了三位数的响应码1xx:保留2xx:成功3xx:重定向4xx:客户端错误5xx:服务端错误HTTP1.1:增加了持久连接、更好的缓存HTTP问题:明文发送,不够安全解决...

2020-04-09 22:09:33 134

原创 360前端星计划-JavaScript从入门到放弃

JS与HTML\CSS的分离HTML(结构)CSS(表现)JS(行为)职责分离JS不应该直接操作CSS样式,违反了职责分离的原则可以切换class进行样式的改变可以使用HTML和CSS进行页面展示的实现,使用checkbox实现切换复杂UI组件的设计eg:轮播图实现结构设计图片结构为列表结构,主体使用<ul>CSS中采用绝对定位将图片重叠在一个位置t...

2020-04-09 21:22:18 126

原创 前端星CSS学习笔记

前端星学习笔记• HTML与前端• 前端工程师是使用web技术栈解决多端的图形界面人机交互问题的工程师• 前端技术栈:• HTML(描述页面的内容和结构)CSS(设置样式)JS(定义页面行为)• HTML、CSS、JS运行在浏览器中,通过HTTP协议与服务器进行交互• 前端要关注的:• 功能(满足用户需求)• 美观• 无障碍性• 安全• 性能• 兼容性• 用户体验• H...

2020-04-08 22:56:21 182

原创 前端基础梳理二之浏览器

1、从输入地址到显示页面的过程解析DNS,获得真实IPTCP三次握手客户端向服务器发送连接请求报文,SYN=1,ACK=0服务器发送连接确认报文,SYN=1,ACK=1客户端收到确认报文后,向服务端发送确认,ACK=1TLS握手加密非对称加密获得密钥对称加密传输信息服务器返回数据浏览器判断状态码1xx:信息类2xx:响应成功3xx:重定向类4xx:客...

2020-03-19 20:55:51 122

原创 前端基础知识梳理一之存储

思维导图如下

2020-03-18 09:14:37 168

原创 Vue中使用ESlint出现的格式问题总结

最近使用vue做项目的时候,每次运行程序都会出现很多格式问题,有的问题可以很简单的看明白,例如:Expected indentation of 8 spaces but found 10,删掉两个空格就可以,还有一些不明白在说什么,在此做一个总结:Closing curly brace does not appear on the same line as the subsequent blo...

2020-03-05 17:07:52 13226

原创 vue高仿饿了么vue-router版本不一致问题解决

问题在学习的过程中遇到了三个问题:1、vue-router版本不一致,不能按照老师的方法来2、按照官网中的方法写,出现了duplicate declaration “router” 的问题。3、一番随心修改后编译过了,网页上什么都没有。解决方案import Vue from 'vue';import App from './App';import Router from 'vue-...

2020-02-02 21:03:09 1815 1

原创 HeadFirst JavaScript 学习笔记

HeadFirst JavaScript 学习笔记:在菜鸟教程上学习了HTML、CSS和JavaScript基础知识后,被推荐来读HeadFirst JavaScript,简单做一下笔记。一、交互式网络第一章通过iRock的例子讲述JavaScript给网页带来了生命,提供了页面与用户的交互性,并提到了一些属性和函数的用法。 - 事件以JavaScript代码响应网页的动静 -...

2018-09-14 16:27:11 530 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除