Kilig17的博客

转载 git revert【转发】

文章目录 1. 背景2. 解决思路2.1 从简单场景说起2.2 回到上面复杂的场景 1. 背景 描述一个git revert使用场景，加深一下对git revert的使用，场景如下： Step 1：小辉在分支dev1上开发，提交了4次（分别为c1、...

转载 学习

在for循环中运行setTimeout是前端开发很常见的一种模式。最近被考了一道相关的题目觉得很有意思也很容易犯错，于是记录下来当做学习笔记。 下面先来看一段代码： for(var i=0;i<10;i++){ setTimeout(console.log(...

原创 取名

转载 sessionStorage 存、取、删除、清空数据方法封装

 存数据：sessionStorageSet// 存数据export const sessionStorageSet = (name, obj) => { if (typeof obj === 'undefined') { return false } // obj为undefined或null或空字符串不能...

原创 路由跳转介绍

router-link不带参数 //name,path都行, 建议用name// 注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。2.带参数// params传参数 (类似post)// 路由配置 path: “/home/:id” 或者 path: “/home:id”// 不配置path ,第一次可请求,刷新页面id会消失// 配置path,刷新页面id会保留// html 取参 route.params.id//scr.

原创 vuerouter路由的理解

vue-router 就是路由，地址栏输什么，到什么页面，而且vue-router可以通过html5的history实现单页面应用，不刷新跳转，你切地址，只是页面上的组件的切换。另外vue-router还可以实现页面间传参等其他功能。 　路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容...

原创 js-数组

数组1.作用存放多个数据的集合；数组的边界"[]",数组的组成称为元素，元素与元素之间通过逗号隔开，元素的数据类型没有限制2.定义方式数组字面量var name = "terry"var arr = [name,1,true,"hello",null,{name:"s"},function(){}];构造函数 ArrayArray 继承 Object通过Array...

原创 js-函数

函数(方法)1.函数的用处使用函数封装某些功能代码，执行特定功能arr.sort() 排序arr.reverse() 数组反转jQuery() 调用jquery函数完成特定功能…2. 使用函数封装创建对象的模板【构造函数】面向对象2.函数的使用（功能）函数的定义(1）函数声明function 函数名(形参) { 函数体...

原创 js-对象

对象1.介绍复杂的数据类型，引用数据类型，一般情况下，对象中包含了多个属性和方法。2.对象创建方式1.对象字面量对象使用"{}“作为边界，对象是由多个属性(方法是一种特殊的属性)来组成，每个属性之间通过”,“分割，属性名与属性值之间通过”:"分割。属性名可以不使用双引号，当属性名中包含特殊字符一定使用双引号，属性值一般为常量或者具体的值，也可以变量var obj = { na...

原创 JavaScript小结

JavaScript的组成1.ECMAScript5 (Javascript语法标准)2.DOM (document object model)  JS操作HTML3.BOM (browser object model)  JS操作浏览器JS解释器在所有的主流浏览器中都具备JS解释器JS运行在浏览器端：动画，表单验证，ajax数据交互JS运...

转载 前端相关网站合集

Web前端开发工程师常用技术网站整理 1、常用工具相关有道云笔记 http://note.youdao.com/signIn/index.html36镇-最好用的共享收藏夹 http://www.36zhen.com/浏览器同步测试工具 http://www.browsersync.cn/ https://www.bro...

原创 Linux的介绍及使用

linux操作系统ubuntu  服务器版  桌面版红帽子树莓派深度桌面版 （linux操作系统）linux特点性能强劲，运行稳定，一般作为服务器整个操作系统可以被压缩成很小的一个文件，容易植入一些硬件设备中开源免费(linux源代码)对于初学者容易建立编程思维，是学习编程语言最好的环境文件系统（没有盘符的概念，所有的文件都处于根目录下，目录也是一种特殊的文件）lin...

原创 css_动画和过渡

动画1.动画定义@keyframes 动画名称{  from {}  to{}}注：一般用于中间动画无变化的情况@keyframes 动画名称{  10% {}  20%{}  …  100%{}}注：一般用于中间有变化效果2 动画应用animation-name:动画名称;animation-duration:动画持续时间animation-d...

原创 css_布局

布局的本质就是让块元素在一行中显示1.浮动布局float:left/right脱离文档流：  1) 宽度高度默认由内容决定  2) 原先所在位置就会被其他块元素抢占  3) 浮动元素在一行中依次排列，当一行无法容纳的时候会自动换行应用:1） 全部浮动（2+ 列）ul::after {  display:block; //设置为块元素  content:"";//...

原创 css_规则

1.字体样式代码作用font-family字体选择font-size字体大小font-weight字体粗细font-style字体样式速写形式font:style weight size/line-height family;网络字体主要用于字体图标库（iconfont/fontawesome）  使用步骤...

原创 css课堂整理及小结

1.介绍层叠样式表层叠1）多个样式表秀是同一个元素2）继承3）优先级样式表{  color:#fff;}2.在html中如何应用css在元素中添加style属性，style属性值为css样式规则<div style="width:100px;height:100px;"></div>缺点：样式与结构与杂糅优点：简单直接，优先级高...

原创 HTML5小结

html5是前端三元素之一,是一种超级文本标记语言。1.开发流程开发流程1）编写网页 （sublime/vscode）2）本地测试3） 部署（linux）将本地的html网页上传至云服务器上，并且部署到apache静态服务器上4） 网络测试2.注释 (在写代码时，一定要多用注释，对我们新手帮助很大)3.结构doctype 声明部分----html------head...

原创 Axure之模态框和中继器添加信息

1)创建一个添加信息按钮。2)创建一个模态框。3)模态框层罩

原创 Axure之中继器

Axure之中继器1）选择一个Table盒子（上）和一个Reapeter盒子（下）。2)删除表格第二行，先留下第一行。表格可以自己增加（可拖动表头来调整每列的长度）。然后复制第一行。3)点击中继器进入，删除原有的格子，粘贴我们复制过来的。4)然后回到之前的页面，删除表格第一行，拖动中继器对准表格。5）单击中继器，右侧PROPERTIES栏往下翻找到Repeater（可自由增加行和...

原创 Axure之滚动图片

Axure之滚动图片1）选择Dynamic Panel盒子，双击。点击加号增加state，有几张图片就增加几次。我这里是点击了三次。2）双state1，把image盒子拖入框内。调整合适的大小，双击image盒子选择合适的图片。另外的state同样。4）图片选择完成后，回到home。单击Dynamic Panel盒子，然后在右侧PROPERTIES(属性)栏选择OnLoad,双击。5)...

原创 Axure学习

Axure学习简单的页面设计利用axure里面的组件进行简单的页面设计，需要注意的是对于页面的理解。分清块级元素和行内元素，对于页面的绘制思路是从上到下（横向盒子）、从外到内、从左至右（纵向盒子），还有父子元素要注意，这样更加简洁方便。Axure之点击事件1）点击你需要添加事件的矩形框，图片上是男子分类。点击后，右边属性框会出现OnClick（黑色箭头）,鼠标左键双击。2) ...