
前端
webnet_
这个作者很懒,什么都没留下…
展开
-
小程序学习笔记
小程序代码组成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 · 162 阅读 · 0 评论 -
微信小程序踩坑记录
最近在做小程序,在写的过程中踩了一些坑,有些还不太清楚原因,记录一下,避免以后还踩。background-image不显示解决方案:将background-image相关的代码写到wxml的style中当给两个view设置相同的父class但本身的class不同时,后面的那个view不显示,需要把两个自身的class也改成相同的才能正常显示。在两个view间画线,例如view1和view2中间画一条线view3,如果view1和view2的宽度加起来正好是手机界面的宽度,需要把画线的view原创 2020-06-02 18:02:18 · 342 阅读 · 0 评论 -
360前端星计划之技术翻译
阅读英文文档是增强技术的核心能力翻译的类型文学翻译艺术成分更多的灵感翻译错误的责任较小非文学翻译科学成分翻译的责任较大技术翻译的意义学习新技术思想掌握标准和工具获得名声和报酬技术翻译的标准准确、地道、简洁翻译的方法消化吸收原文母语地道表达坚持技术驱动...原创 2020-04-12 21:40:47 · 166 阅读 · 0 评论 -
360前端星计划之前端代码规范
评价代码质量好坏代码吐槽的多少代码规范使用ESlint管理代码规范可对ESlint进行配置质量问题,风格问题都可以使用ESlint进行检验格式使用prettier进行格式规范统一流程化提交代码git commit message提交规范commitizen合并提交git rebase(谨慎使用)...原创 2020-04-12 21:24:35 · 246 阅读 · 1 评论 -
360前端星计划之web前端点播直播
什么是视频格式与内容文件扩展名(媒体封装格式)媒体封装格式不等于音视频编码格式文件内容:头信息(格式、时长、帧率、码率、分辨率)索引信息视频数据视频大多采用YUV颜色空间做抽样存储帧内预测和帧间预测复用可以进一步有效的压缩数据P帧(前向预测帧)、B项(双向预测帧)、I帧(参考帧)通过上述技术综合,生成视频编码器音频数据对连续的声波进行采样,做数字化存储还原...原创 2020-04-12 21:04:43 · 209 阅读 · 0 评论 -
360前端星之小程序
小程序简介h5:开发速度快,较长的白屏时间app:开发成本较高,各个平台差异较大小程序相对于H5,除了第一次加载,均从本地运行,提高了启动速度相对app,降低了开发成本技术栈HTML/CSS/JSNodeJS移动适配HTTP协议、HTTPS简单了解OAuth2GIT类似技术Cordova:通过webview渲染,通过插件调用系统服务PWA:Service Wo...原创 2020-04-12 20:21:26 · 342 阅读 · 0 评论 -
360前端星计划之前端动画
JavaScript 动画灵活性高、可控性强,性能好易用性较差,没有封装好CSS 动画SVG 动画原创 2020-04-11 11:22:35 · 176 阅读 · 0 评论 -
360前端星计划之前端工程化
目标:前端领域,利用技术不断进步和经验逐步积累带来的各种方案,解决在项目的开发、测试、维护阶段遇到的种种低效和繁琐的问题工程化是一种思想,技术是一种实践规范化/模块化/组件化/自动化规范化是项目可维护性的基石版本管理及开发流程规范git(版本管理、代码仓库)git flow(基于git,简化操作;提供活动模型和行为规范)git flow流程git flow ini...原创 2020-04-11 11:06:20 · 211 阅读 · 0 评论 -
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 · 177 阅读 · 0 评论 -
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 · 156 阅读 · 0 评论 -
360前端星计划
前端星计划之CSS前端星计划之JavaScript从入门到放弃前端星计划之Web标准前端星计划之前端常用的HTTP知识原创 2020-04-09 22:54:43 · 243 阅读 · 0 评论 -
前端星计划之前端常用的HTTP知识
HTTP在浏览器网络中的位置HTTP是应用层协议,负责请求和响应,联网细节交给了传输协议:TCP/UDP请求/响应报文请求报文<method><request-URL><version> <headers> <entity-body>响应报文<version><status><respon-p...原创 2020-04-09 22:51:03 · 165 阅读 · 0 评论 -
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 · 152 阅读 · 0 评论 -
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 · 140 阅读 · 0 评论 -
前端星CSS学习笔记
前端星学习笔记• HTML与前端• 前端工程师是使用web技术栈解决多端的图形界面人机交互问题的工程师• 前端技术栈:• HTML(描述页面的内容和结构)CSS(设置样式)JS(定义页面行为)• HTML、CSS、JS运行在浏览器中,通过HTTP协议与服务器进行交互• 前端要关注的:• 功能(满足用户需求)• 美观• 无障碍性• 安全• 性能• 兼容性• 用户体验• H...原创 2020-04-08 22:56:21 · 195 阅读 · 0 评论 -
前端基础梳理二之浏览器
1、从输入地址到显示页面的过程解析DNS,获得真实IPTCP三次握手客户端向服务器发送连接请求报文,SYN=1,ACK=0服务器发送连接确认报文,SYN=1,ACK=1客户端收到确认报文后,向服务端发送确认,ACK=1TLS握手加密非对称加密获得密钥对称加密传输信息服务器返回数据浏览器判断状态码1xx:信息类2xx:响应成功3xx:重定向类4xx:客...原创 2020-03-19 20:55:51 · 139 阅读 · 0 评论 -
前端基础知识梳理一之存储
思维导图如下原创 2020-03-18 09:14:37 · 190 阅读 · 0 评论 -
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 · 13484 阅读 · 0 评论 -
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 · 1860 阅读 · 1 评论