- 博客(16)
- 收藏
- 关注
RSS订阅原创 前端 Web端 开发中的坑
移动端总结 通用 适配部分机型键盘收起时页面不回弹 <input id="phone" @blur="backToTop"> backToTop() { // 适配部分机型键盘收起时页面不回弹 var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0; window.scrollTo(0, Math.max(scrollHeight - 1, 0)); }
2020-10-05 11:25:13
251
原创 前端代码规范及风格 Code Guide
前端 Code Guide命名规则项目命名目录命名JS文件命名CSS，SCSS文件命名HTML文件命名HTMLHTML doctypelang属性charset 字符编码IE兼容模式引入CSS,JSHTML5规范链接属性顺序boolean属性JS中生成标签减少标签数量实用高于完美CSS,SCSS通识缩进分号空格空行换行注释引号命名颜色选择器属性顺序属性简写媒体查询SCSS相关杂项JavaScript通识缩进单行长度分号空格空行换行单行注释多行注释文档注释引号变量命名函数数组、对象括号nullundefine
2020-10-04 19:55:23
1506
原创 【小程序】 rpx转px，实例 + 简单计算公式
开发者可以通过设计稿基准宽度计算页面元素 rpx 值，设计稿 1px 与框架样式 1rpx 转换公式如下： 设计稿 1px / 设计稿基准宽度 = 框架样式 1rpx / 750rpx 换言之，页面元素宽度在 uni-app 中的宽度计算公式： ** 750 x 元素在设计稿中的宽度 / 设计稿基准宽度 ** ...
2020-08-12 16:12:10
1866
原创 html中的空格和文字居中
html中的空格使用全角空格使用空格的替代符号使用CSS的 white-space 属性使用CSS的 letter-spacing 属性使用CSS的 word-spacing 属性使用CSS的 text-indent 属性 使用全角空格 全角空格被解释为汉字，所以不会被被解释为HTML分隔符，可以按照实际的空格数显示。 使用空格的替代符号 替代符号就是在需要显示空格的地方加入替代符号，这些符号会被浏览器解释为空格显示。 空格的替代符号有以下几种： 名称 编号 描述  
2020-08-12 10:58:12
1164
原创 html与css的那些杂事儿
伪元素 加上display: block;将伪元素变成块级元素才能设置宽高 opacity、visibility、display:none的区别 opacity、visibility 有节点 visibility、display 不能触发事件 inline-block不能margin 0 auto auto是基于总宽度-已知固定宽度获得取值的， inline-block元素水平方向的7大属性没有总宽度的限制， 所以margin设置为auto时，不知道如何取值，所以默认为0，于是便没有起到我们想要的
2020-08-12 10:54:56
538
原创 css中BFC的用法、目的、特点
BFC定义 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。 做法 float的值不是none position的值不是static或者relative display的值是inline-block、table-cell、flex、table-caption或者inline-flex overflow的值不是visib
2020-08-12 10:37:28
460
原创 html的class、id、注释等命名规范
基本命名规则： 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 友情链接：friendlink 页脚：footer 版权：
2020-08-12 09:47:40
1356
原创 小程序阶段开发总结
Gobig的小程序开发 这还是一个非常简陋的小程序，算是我的练手的demo。以后会不断完善中，但在整体在gobig网站开发中次序会靠后一些 2020年4月22日 从4月20日计划、学习并动手开始做小程序demo到今天，两天时间已经基本完成自己规定的小程序开发阶段任务 通过这段时间的学习，对小程序有了基本的认识。因为之前vue的基础，小程序的学习也是比较轻松地。确实如很多人所说小程序和vue、re...
2020-04-29 16:53:25
388
原创 移动端技术和平台的对比
移动端 h5和原生app的对比 h5 适合场景：功能要求少，使用持续时间短，如信息统计的投票、报名、用户反馈等 优点: 使用上手容易，开发成本低，跨平台使用 缺点: 使用体验差，网络要求高 原生app 适合场景：功能丰富，体验要求高，企业级应用 优点: 使用体验好，功能强大 缺点: 使用门槛相对高，技术要求高，开发成本高，不能跨平台,占据内存大 基于app的二级生态 公众号和小程序的对比 公...
2020-04-29 16:52:32
713
原创 小程序入门开发基本知识点
小程序开发知识点开发组成开发准备页面组成app对象app.jsapp.wxssapp.jsonpages对象page.jspage.wxmlpage.wxsspage.jsoncomponent对象page.json配置 开发组成 页面结构：WXML 页面样式：WXSS 页面脚本：JS+WXS 开发准备 注册账号 注册网站 下载开发者工具 开发者工具 开发文档 开发文档 页面组成 app对象 ...
2020-04-29 16:51:33
477
原创 Gobig后台视频信息管理系统的前端文档
gobig的后台管理系统 展示链接： Gobig Admin 基于vue-admin-template的开发: GitHub地址 日常更新中 2020年4月8日 之前一直在熟悉整个模版，今天正式上手 今天代码的焦点 用户管理 的搜索查找和分页查找的功能实现和逻辑冲突解决 vuex保存搜索查找的keyword，分页切换时ajax自带keyword查询 vuex保存表数据，数据变化时，分页绑...
2020-04-26 20:53:22
943
原创 Gobig视频社交平台的前端文档
gobig-front-endgobig-front-end网站地址关于技术栈语言生态工具服务器结构与页面目录结构页面组成待解决待解决的功能待解决的技术图片展示首页分类页和排行榜页视频播放和评论页搜索页登录和注册页用户管理页个人空间错误页 gobig-front-end 运用vue.js构建多页面应用的视频点播分享网站的前端主站。 网站地址 https://www.gobigtonight.top...
2020-04-26 16:30:48
653
原创 Gobig平台与管理系统的后端文档
gobig-serve 的文档gobig-serve关于技术栈数据库后端服务器结构、功能与实现目录结构功能文档完善中······ gobig-serve spring + springMVC + mybatis + maven + tomcat 包括管理信息系统、用户评论、视频展示、相关搜索、用户登录、视频播放等功能的视频点播分享网站的后端实现 关于 作者 本人是一个即将从大学毕业的学生，因...
2020-04-26 09:55:13
656
原创 js面试基本知识点
jsJavascript的装载和执行document.ready 和 window.onload 的区别基本数据类型操作符的优先级null是Object吗闭包闭包作用js的事件流 Javascript的装载和执行 载入后马上执行 执行时会阻塞页面后续的内容（包括页面的渲染、其它资源的下载)head里的 document.ready 和 window.onload 的区别 jq中(functio...
2020-03-30 20:51:31
248
原创 git命令及相关
git相关文件git命令一般分支 文件 head文件 指向 版本sha值的指针 index文件 记录 哪些文件存储到本地仓库 git命令 一般 git init 初始化命令 git log 查看日志 git reset --hard sha值 版本回退到指定版本 分支 git branch 查看分支 git branch xxx 创建分支 git merge...
2020-03-30 20:30:31
317
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人