- 博客(16)
- 收藏
- 关注
原创 前端 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
203
原创 前端代码规范及风格 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
1418
原创 【小程序】 rpx转px,实例 + 简单计算公式
开发者可以通过设计稿基准宽度计算页面元素 rpx 值,设计稿 1px 与框架样式 1rpx 转换公式如下:设计稿 1px / 设计稿基准宽度 = 框架样式 1rpx / 750rpx换言之,页面元素宽度在 uni-app 中的宽度计算公式:** 750 x 元素在设计稿中的宽度 / 设计稿基准宽度 **...
2020-08-12 16:12:10
1632
原创 html中的空格和文字居中
html中的空格使用全角空格使用空格的替代符号使用CSS的 white-space 属性使用CSS的 letter-spacing 属性使用CSS的 word-spacing 属性使用CSS的 text-indent 属性使用全角空格全角空格被解释为汉字,所以不会被被解释为HTML分隔符,可以按照实际的空格数显示。使用空格的替代符号替代符号就是在需要显示空格的地方加入替代符号,这些符号会被浏览器解释为空格显示。空格的替代符号有以下几种:名称 编号 描述  
2020-08-12 10:58:12
1042
原创 html与css的那些杂事儿
伪元素加上display: block;将伪元素变成块级元素才能设置宽高opacity、visibility、display:none的区别opacity、visibility 有节点visibility、display 不能触发事件inline-block不能margin 0 autoauto是基于总宽度-已知固定宽度获得取值的,inline-block元素水平方向的7大属性没有总宽度的限制,所以margin设置为auto时,不知道如何取值,所以默认为0,于是便没有起到我们想要的
2020-08-12 10:54:56
491
原创 css中BFC的用法、目的、特点
BFC定义BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。做法float的值不是noneposition的值不是static或者relativedisplay的值是inline-block、table-cell、flex、table-caption或者inline-flexoverflow的值不是visib
2020-08-12 10:37:28
372
原创 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
1187
原创 小程序阶段开发总结
Gobig的小程序开发这还是一个非常简陋的小程序,算是我的练手的demo。以后会不断完善中,但在整体在gobig网站开发中次序会靠后一些2020年4月22日从4月20日计划、学习并动手开始做小程序demo到今天,两天时间已经基本完成自己规定的小程序开发阶段任务通过这段时间的学习,对小程序有了基本的认识。因为之前vue的基础,小程序的学习也是比较轻松地。确实如很多人所说小程序和vue、re...
2020-04-29 16:53:25
335
原创 移动端技术和平台的对比
移动端h5和原生app的对比h5适合场景:功能要求少,使用持续时间短,如信息统计的投票、报名、用户反馈等优点: 使用上手容易,开发成本低,跨平台使用缺点: 使用体验差,网络要求高原生app适合场景:功能丰富,体验要求高,企业级应用优点: 使用体验好,功能强大缺点: 使用门槛相对高,技术要求高,开发成本高,不能跨平台,占据内存大基于app的二级生态公众号和小程序的对比公...
2020-04-29 16:52:32
650
原创 小程序入门开发基本知识点
小程序开发知识点开发组成开发准备页面组成app对象app.jsapp.wxssapp.jsonpages对象page.jspage.wxmlpage.wxsspage.jsoncomponent对象page.json配置开发组成页面结构:WXML页面样式:WXSS页面脚本:JS+WXS开发准备注册账号注册网站下载开发者工具开发者工具开发文档开发文档页面组成app对象 ...
2020-04-29 16:51:33
438
原创 Gobig后台视频信息管理系统的前端文档
gobig的后台管理系统展示链接: Gobig Admin基于vue-admin-template的开发: GitHub地址日常更新中2020年4月8日之前一直在熟悉整个模版,今天正式上手今天代码的焦点用户管理 的搜索查找和分页查找的功能实现和逻辑冲突解决vuex保存搜索查找的keyword,分页切换时ajax自带keyword查询vuex保存表数据,数据变化时,分页绑...
2020-04-26 20:53:22
860
原创 Gobig视频社交平台的前端文档
gobig-front-endgobig-front-end网站地址关于技术栈语言生态工具服务器结构与页面目录结构页面组成待解决待解决的功能待解决的技术图片展示首页分类页和排行榜页视频播放和评论页搜索页登录和注册页用户管理页个人空间错误页gobig-front-end运用vue.js构建多页面应用的视频点播分享网站的前端主站。网站地址https://www.gobigtonight.top...
2020-04-26 16:30:48
549
原创 Gobig平台与管理系统的后端文档
gobig-serve 的文档gobig-serve关于技术栈数据库后端服务器结构、功能与实现目录结构功能文档完善中······gobig-servespring + springMVC + mybatis + maven + tomcat包括管理信息系统、用户评论、视频展示、相关搜索、用户登录、视频播放等功能的视频点播分享网站的后端实现关于作者本人是一个即将从大学毕业的学生,因...
2020-04-26 09:55:13
595
原创 js面试基本知识点
jsJavascript的装载和执行document.ready 和 window.onload 的区别基本数据类型操作符的优先级null是Object吗闭包闭包作用js的事件流Javascript的装载和执行载入后马上执行执行时会阻塞页面后续的内容(包括页面的渲染、其它资源的下载)head里的 document.ready 和 window.onload 的区别jq中(functio...
2020-03-30 20:51:31
208
原创 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
275
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人