- 博客(16)
- 收藏
- 关注
原创 前端技能在线测评挑战记录
前端技能在线测评挑战记录入门查找两个节点的最近的一个共同父节点,function commonParentNode(oNode1, oNode2) { while(true){ oNode1 = oNode1.parentNode; if(oNode1.contains(oNode2)){ return oNode1; } }}js的contains方法用来查看dom元素的包含关系。indexof用来查找某
2021-07-03 15:25:18 202
原创 记录git常用命名
序言 最近因为一个项目不能使用SourceTree工具,进行代码管理,所有要使用命令行工具,使用git命令,下面是记录项目中,使用到的git命令,进行记录,或许用到其他命令,亦会收录到本章。克隆仓库从远程库中克隆,克隆一个版本库到新的目录, git clone :XXXX(这里是仓库地址)指定分支克隆 git clone -b 分支名 仓库地址暂存文件添加(暂存)文件到版本库(只是添加到缓存区) git add .add后有空格 空格后有个.(点符号)。提交文件将暂存到缓
2020-10-17 01:31:16 232
原创 vue实现顶部
索引 今天工作的时候碰到一个比较常见的一种需要,点击按钮,返回顶部的一个需求,今天就把这个方法记录下来。 但是在vue没有jquery的animate缓动动画,没办法让页面缓慢升到顶部,所以我们用到了定时器。步骤监听页面滚动的scroll事件,得到页面滚动的高度。可以加个判断,当滚动大于200显示,当小于200隐藏。 data() { return { // 这里是返回顶部的参数 scrollTop: 0, time: 0, dPa
2020-10-15 19:58:15 298 1
原创 重识CSS---基础知识---css结构伪类选择器(2)
伪类选择器:超链接伪类:定义链接的不同状态/*未访问过的连接*/a:link { color: red }/*访问过后的连接*/a:visited { color: red }/*当有鼠标悬停在链接上*/a:hover { color: red }/*发生点击的时候*/a:active { color: red }不只是链接可以使用伪类,其他元素也可以使用。下面是表单的点击与获取焦点状态的样式设置 /* 鼠标悬停时 */ input:hover { b
2020-10-14 01:22:52 134
原创 重识CSS---基础知识---选择器(1)
重识CSS---基础知识---选择器(1)选择器:基本选择器:全部选择:* :使用*可为所有元素设置样式。* { text-decoration: none; color: #6c757d;}标签选择:标签选择是根据标签为元素设置样式,以HTML标签为选择器h1 { color: red;}// 同时为多个元素设置样式h1,h2 { color: red;}// 元素在多个组件中存在h1,h2 { color: red...
2020-10-12 23:08:20 306 3
原创 判断字符串不区分大小写
判断字符串不区分大小写两个方法toUpperCase() 转为大写toLowerCase() 转为小写判断字符串不区分大小写,可以将他们转为同种格式,再进行判断。代码如下:
2020-09-29 15:27:16 1199
原创 关于SSR( 服务端渲染 )其利与弊
服务端渲染(SSR)原理和客户端(CSR)渲染区别一、服务端渲染(SSR)是什么服务端渲染简单来说就是: 将组件或页面通过服务器生成HTML字符串,在发送到游览器,最后将静态标记 “混合”为客户端上完全交互的应用程序。 页面渲染过程是在服务端完成,最终的HTML字符串,直接通过请求发送给客户端。二、客户端渲染(CSR)是什么客户端渲染简单来说就是: 客户端请求页面时,返回是空HTML,通过请求完js,css等,在客户端进行渲染(浏览器)。三、SSR的优势 服务器端渲染的优势
2020-08-14 11:02:46 3932 8
原创 关于枚举类型处理的技巧
关于枚举类型处理的技巧一般来说:我们判断少数枚举的情况下,可以用 v-if 来处理,判断这个字段是否等于这个枚举,如果等于,那么显示相对应的内容但是如果数据过多的话,这样的处理会造成代码累赘,甚至写到几千行代码,这样十分的耗费时间,且工作量很大,不便与代码维护。当枚举过多时候,我们前端也是可以自己定义枚举,然后去引用就好,我们可以这样去定义对应的枚举类型,然后在页面中这样去使用我们的枚举,把返回的字段放入定义好对象中。...
2020-08-13 18:05:08 1063
原创 众悦好车P端(企业认证模块)
P端企业认证模块:1、审核状态搜索、查询获取企业资料,根据商品平台用户ID查询企业资料,并获取审核状态。 根据审核状态。搜索,查询相应的企业。并展示审核,详情按钮。 如果为审核状态为编译中、审核通过、审核未通过、则不显示审核按钮,若审核状态为待审核,则显示审核按钮2、审核企业认证、获取企业资料点击审核、弹窗,选择审核通过、不通过审核。若选择不通过审核,显示文本框,填写审核不通过理由(非必填) 点击详情按钮,跳转新页面、通过商品平台用户ID和企业ID、查询商品详情信息,展示企业详情信息,
2020-07-17 17:56:25 557
原创 金昌科技局p端记录
记录工作科技局中台系统:审核端:系统管理-专家类别管理模块1、新增一级专家类别、编辑一级专家类别、删除一级专家类别、搜索一级专家类别2、新增二级专家类别、编辑二级专家类别、删除二级专家类别、搜索二级专家类别项目管理-合同管理模块1、导出、筛选条件(项目类别、状态、日期)、列表字段、审核、查看、退回、下载项目管理-中期评估模块1、导出、筛选条件(项目类别、状态、日期)、列表字段、审核、查看、退回、下载项目管理-项目验收模块-资料验收1、导出、筛选条件(项目类别、状态
2020-07-15 13:25:28 140
原创 JS作用域
作用域JavaScript 作用域全局作用域全局作用域中的声明提前函数作用域(局部作用域)函数作用域中的声明提前tihs指向JavaScript 作用域 定义:作用域是可访问变量,对象,函数的集合的集合及作用的范围。 全局作用域,局部作用域全局作用域组件编写在script标签中的js代码.都在全局作用域全局作用域在页面打开时创建,在页面关闭时销毁在全局作用域中有一个全局对象wi...
2020-04-21 09:29:40 95
原创 JS对象(2)
函数(2)_补充函数对象立即执行函数定义函数与方法枚举函数对象立即执行函数定义 函数定义完,立即被调用,这种函数叫做立即执行函数,立即执行函数往往只会执行一次 (function(){ alert("匿名函数"); })(); // 传参 (function(a,b){ console.log(a); console.log(b); ...
2020-04-20 17:55:28 105
原创 JS函数 (1)
JS函数函数的定义定义函数的创建使用函数对象创建使用函数声明创建使用函数表达式创建函数的使用函数的定义定义函数:函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。函数也是一个对象(万物皆是对象)普通对象 容器函数对象 函数中可以封装一些功能(代码),在需要时可以执行这些功能(代码)可以保存一些代码,在需要的时候调用使用typeof检查一个函数对象时,会返回Functio...
2020-04-20 10:23:20 133
原创 JS对象(2)
JS对象对象属性名和属性值属性名属性值基本数据类型和引用数据类型基本数据类型对象属性名和属性值属性名向对象中添加属性 向对象中添加属性属性名: 对象的属性名不强制要求遵守标识符的规范 使用[]这种形式去操作属性,更加灵活 在[]中可以直接传递变量,这样变量值是多少就会读取那个属性var obj = new Object(); obj.name = "名称"; obj.va...
2020-04-20 09:57:35 112
原创 JS对象(1)
JS语法一级标题二级标题功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入一级标题二级标题加粗 ,将会带来全新的...
2020-04-17 14:05:16 166
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人