hapyss-优快云博客

原创 vue-cli基础介绍和使用

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统介绍： CLI CLI (@vue/cli) 是一个全局安装的 npm 包，提供了终端里的 vue 命令。它可以通过 vue create 快速创建一个新项目的脚手架，或者直接通过 vue serve 构建新想法的原型。你也可以通过 vue ui 通过一套图形化界面管理你的所有项目。 CLI 服务 CLI 服务 (@vue...

2019-12-10 18:27:11 705 1

原创 vue-cli项目安装

一、环境安装：（一）安装node.js和npm: windows环境下，直接在node.js官网下载node.js安装程序，直接安装，安装完成后，node.js和npm都会安装上了。（二）安装vue3.0以上版本：在cmd命令行执行npm install -g @vue/cli。执行全局安装vue-cli包。二、创建vue-cli项目：（一）vue create hello-...

2019-12-10 13:08:42 297

一、中括号和点 $("a[href='#']") 选取所有href='#'的a元素。 $("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。 $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。该方法也可以是class结尾，例如： $("div[class$='b']")可以匹配class以b结尾的。 $("div.a.b")...

2019-12-09 20:39:28 338

原创 github项目常用目录结构解释

dist 编译出来的发布版，可以理解为压缩发布版 src 源码文件 docs 文档 examples 示例文件 test 测试脚本 assets文件夹：储存js、css、图片等静态资源 static文件夹：储存第三方静态资源（例如jquery.js, bootstrap.css等） .gitignore 告诉git不要上传到 GitHub上的文件，可以是单个文件也可以是目录 LICENSE....

2019-12-02 10:37:18 3936 2

原创 TRS分页js

2019-11-22 17:54:45 409

原创 TRS常用制标备忘

<!-- 所有制标小写，大小写转换：ctrl+KU和ctrl+KL。值都用单引号''。 documents代表循环，document是单个。都要加num href链接用javascript:void(0) ssi调用，需要使用绝对地址FullPath='true' 一般模板里获取栏目的绝对地址使用urlisabs='true' 非制标的图片src...

2019-11-22 16:57:10 4697

原创关于git常用操作

git统称为仓库response。它分为工作区和.git区，工作区就是除开.git文件夹的当前文件夹。.git区又包含暂存区，head指针和分支信息。工作区和暂存区当存在修改内容时，是无法pull push merage等操作的。工作区和暂存区修改内容所有分区都能看见。只有把他们commit到某一个分支后，其他分支才看不到。命令： git add 提交到暂存区 git add .不...

2019-11-21 18:50:36 215

原创关于页面的预加载和懒加载

我们在做有很多图片的页面的时候，出于用户体验的角度或是为了节约流量，以及减小服务器压力的角度，通常会将页面进行配置预加载或懒加载。一、两者的区别：预加载是为了在页面打开后，能够流畅展示页面效果，对页面上的附件进行预先加载，当所有图片都加载完成，再显示该页面。通常使用预加载，都会有一个loading页面来展示目前附件加载进度，常见于大型的H5动画，优点是加载完成后，页面运行流畅。缺点是，在完整展...

2019-11-05 16:19:38 1981

原创关于移动端分辨率，以及移动设备实现根据屏幕大小自动放大缩小页面达到页面样式统一

一、基础知识——移动设备的像素和dpr知识：物理像素：一个物理像素是显示器（手机屏幕）上最小的物理显示单元。设备独立像素：可以认为是计算机坐标系中的一个点，这个点代表一个可以由程序使用的虚拟像素（css像素），然后相关系统转换为物理像素。以上解释较为官方，为了方便理解在这里我通俗解释一下。物理像素就是显示器上显示的一个最小光点，随着技术越来越成熟，显示器单位面积内能存放的光点越来越多，以前...

2019-11-04 17:03:19 1029

原创原生JS获取高度方法，去除padding、border、margin

一、常规知识：网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线的高) 网页正文全文宽： document.body.scrollWi...

2019-10-18 10:28:17 9447

hapyss的博客