小小勤~-优快云博客

原创 Axure使用

1、添加新的元件库在axure的安装目录下，将元件库资源添加到Libraries目录下，再重启axure。元件库资源下载也可在文件中新建自己的元件库导入。2、原型预览方式3、svg图片使用1、阿里矢量图中下载svg图片，在转化图片为形状格式，就可以填充颜色。2、安装浏览器插件Axhub,可直接复制到Axure4、交互样式1、tab标签切换效果设置当前组件单击，添加样式字体下划线变化，再整体三个标签设置为一组选项组，为组时内部元件是单击选中效果。2、点击

2021-07-17 18:51:22 348

原创积分商城产品作品集

积分商城文档内容1、需求背景2、详细版本说明3、详细的开发计划4、详细的埋点设计5、完整的结构图6、详细的交互图7、完整的后台配置一、需求背景购物中心会员每次线下消费的时候，都可以累积积分。年底的时候商场会针对会员做一次积分清零的计划。同时商场年底为了答谢会员，会联合场内的品牌以及自购礼品的形式给会员送商品福利，商品兑换通过消耗会员的积分来实现。项目首个客户为成都市乐晨购物中心，一期主要实现线上会员登录兑换商品，线下提货。线上积分商城的建立，能有效筛选潜在价值会员，通过线上积分

2021-07-14 14:58:50 826

原创 Vue函数防抖之优化用户输入完成之后再发送请求

vue函数input输入值即请求，优化为用户输入完成之后再请求1、代码实现2、防抖含义以及运用场景

2021-06-17 14:25:34 1703 7

原创如何在优快云文章中导入gif动图

博文中插入gif动画使用1、在线制作多图合成gif动画使用2、GifCam录制软件进行GIF录制软件

2021-05-27 10:55:13 1552

原创关于vue.js element ui 表单验证使用this.$refs[formName].validate()

实现form表单提交验证功能model : 绑定整个表单model值rules : 整个表单校验规则ref ：获取该表单form组件prop : 绑定每个表单的规则，写在el-form-item上validate : 对整个表单进行校验的方法valid : 每个必填表单项都提交为true,否则为false1、简易版表单提交//使用element-ui 页面组件<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label

2021-04-21 12:01:08 16171 5

原创使用vuepress快速搭建个人博客

理论篇为啥搭建个人博客？vuepress是啥？为啥选用vuepress,和其他博客框架对比？学习vuepress博客项目主题：视频+官网操作篇快速搭建一个初始化博客项目视频教程创建文件夹vuepress_blog快速搭建一个初始化博客项目使用vuepress博客脚手架工具安装vuepress博客脚手架工具npm install @vuepress-reco/theme-cli -g创建自己的博客项目，#my-blog-项目名称theme-cli ini

2021-03-30 09:46:30 1021 2

原创 JavaScript数组学习.md

一、数组的创建二、判断是否为数组的方法三、类数组四、数组相关方法五、数组应用

2021-02-07 10:30:47 324

原创 JavaScript运行机制.md

一、常见的一些宏任务和微任务二、JS运行机制三、JS运行机制练习题

2021-01-08 15:37:35 285 1

原创 js 实现纯前端将数据导出excel两种方式

vue中编写将数据导出excel方法一、后端导出接口返回字符串格式数据格式二、后端导出接口返回二进制文件流数据格式

2020-12-16 15:31:16 1335 3

原创 Vue学习day6.md

一、路由懒加载

2020-11-30 10:23:46 143

原创 git命令使用

git使用-多人合作开发1、从线上仓库克隆代码到本地2、建立分支3、本地开发代码4、代码拉取-pull命令使用5、代码提交-push命令使用6、代码合并-merge命令使用7、查看代码提交记录

2020-11-05 14:52:03 203

原创 React学习.md

一、React简介React官网React是用于构建用户界面的JavaScript库，facebook的内部项目，设计思想及其独特，不是完整的MVC1、React和Vue的对比组件方面模块化：从代码分析，把一些可复用的代码，抽离为单个模块组件化vue如何实现组件化vue文件（template，script，style）react没有像vue这样的组件模块文件，也是组件化开发，一切都是以js实现2、React优点设计思想独特，一切基于js并且实现

2020-10-25 11:22:45 282

原创前端面试题链接整理.md

技术文档学习网址面试题链接

2020-10-24 23:04:49 288

原创 JavaScript知识点-周5.md

一、匿名函数二、闭包三、ajax四、json五、移动端事件六、touch.js

2020-10-08 16:35:52 160

原创 JavaScript知识点-周4.md

一、操作表单二、系统对话框三、浏览器相关四、事件五、cookie六、面向对象七、面向对象继承

2020-10-08 16:20:07 291

原创 JavaScript知识点-周3.md

一、时间对象二、创建时间三、moment四、字符串五、数组六、DOM七、获取元素的方式八、节点属性操作

2020-10-08 14:05:28 343

原创 JavaScript知识点-周2.md

一、for in 遍历对象二、while循环三、break与continue四、this五、自定义属性六、函数七、作用域八、预解析九、函数返回值十、获取元素样式十一、定时器十二、Math数学对象

2020-10-08 14:03:35 128

原创 JavaScript知识点-周1.md

一、javascript初识二、鼠标事件三、变量四、js操作元素内容五、操作表单六、操作元素属性七、操作img的src八、操作元素样式九、批量样式设置: cssText十、数据类型十一、运算符十二、条件语句十三、获取元素的方式十四、for循环

2020-10-06 21:49:49 458 1

原创 HTML5+CSS3知识点-周7.md

一、媒体查询二、媒体查询 + rem三、vw适配(了解)四、移动端特殊处理五、响应式六、用媒体查询对屏幕进行分类七、百分比布局八、响应式图片九、响应式字体

2020-10-06 21:16:36 280

原创 HTML5+CSS3知识点-周6.md

一、变形 transform二、3d环境设置三、弹性盒布局（flex-box）四、css预处理五、less 六、calc函数七、移动端浏览器及内核八、viewport（视口）设置九、rem 布局

2020-10-06 18:34:13 568 2

原创 HTML5+CSS3知识点-周5.md

一、HTML5简介二、新增语义化标签三、其他标签四、兼容处理五、表单新特性六、多媒体七、删除的标签一、CSS3简介二、新增选择器三、新增背景属性四、渐变五、用户界面六、多列布局

2020-10-02 23:11:02 441

原创 HTML+CSS知识点-周4.md

一、图片下方的空白间距二、元素可见性三、单行文本溢出显示省略号四、多行文本溢出显示省略号五、标签的嵌套规则六、BFC七、布局方案八、等高布局九、常见兼容问题处理十、css Hack技术十一、滑动门技术十二、网页tdk设置

2020-10-02 14:51:14 405

原创 HTML+CSS知识点-周3.md

一、定位-position二、圆角-border-radius三、变形-transform四、关键帧动画五、过渡动画六、阴影七、三角和箭头八、透明兼容九、居中技巧十、浮动和定位对比十一、css精灵图十二、ps操作

2020-09-26 23:28:18 207

原创 Vue学习day5.md

一、脚手架搭建的项目中组件使用二、组件数据通信1、父向子通信2、子向父通信3、非父子通信三、ref四、vue中使用jquery五、插槽（slot）六、路由七、路由守卫八、vuex九、axios十、jsonserver模拟数据十一、跨域问题十二、Vant十三、token十四、项目打包十五、vue-cli脚手架升级十六、过滤器

2020-08-14 23:00:00 433

原创 Vue学习day4.md

一、组件二、vue-cli脚手架开发三、Vue源码介绍

2020-08-14 22:58:51 222

原创 Vue学习day3.md

一、生命周期二、监听器watch三、computed计算属性四、购物车Vue小案例

2020-08-14 22:50:47 196

原创 Vue学习day2.md

一、常用的指令二、修饰符三、登记表Vue小案例

2020-08-14 22:49:44 219

原创 Vue学习day1.md

一、vue介绍二、vue使用和下载三、插值表达式和函数四、vue指令

2020-08-03 23:18:05 325

原创 HTML+CSS知识点-周2.md

一、状态伪类（链接）a 标签二、盒模型三、垂直外边距合并问题四、盒子类型转换五、行内块空白问题六、CSS三大特性七、垂直对齐八、浮动九、清除浮动十、overflow十一、伪元素十二、背景属性

2020-07-18 11:18:43 312

原创 jQuery知识点.md

一、jQuery和$的关系二、选择器三、遍历节点四、操作元素的属性五、操作类名class六、操作样式七、操作内容八、操作表单九、循环十、元素宽高十一、节点操作十二、事件十三、深浅拷贝十四、动画十五、ajax十六、数据串联化十七、zepto十八、jquery案例练习

2020-07-09 20:51:49 582

原创 HTML+CSS知识点-周1.md

一、浏览器及内核(渲染引擎)二、网页组成三、HTML初识四、常用标签五、列表六、网页特殊符号七、语义化八、表格九、CSS十、文字相关属性十一、HTML表单

2020-07-05 17:01:51 441 2

原创 JavaScript-项目实战（优学网-ajax请求数据渲染页面+登录注册表单正则）

优学网项目简介一、首页(一) 、轮播图模块1、图片轮播–定时器2、鼠标滑入滑出事件3、左右箭头事件4、小圆点点击事件(二) 、热门直播模块(三) 、精品课程模块二、登录注册页(一) 、登录模块(二) 、注册模块三、视频播放页(一) 、视频播放模块1、视频设置2、视频播放列表设置(二) 、学员评价模块1、评价信息数据处理2、按钮事件设置

2020-07-03 22:50:22 1858

原创 JavaScript知识点--正则

正则一、概念二、创建正则三、修饰符四、字符串方法五、检索方法六、元字符七、多个字符八、其它字符常用正则一、校验数字的表达式二、校验字符的表达式三、特殊需求表达式

2020-07-03 21:26:02 460

原创 JavaScript-前端学习二阶段-案例练习三

1、分隔字符串2、窗口滚动条-回到顶部3、图片懒加载4、下拉列表样式5、页面字体缩放--滚轮事件6、鼠标按下元素实现拖拽效果7、列表内容添加删除8、文字内容对应滚动条位置9、正则匹配网址/手机号/字母和数字的组合/字母数字特殊符号的组合

2020-06-01 17:05:36 386

原创 VSCode Live Server插件失效

VSCode Live Server插件失效换用Preview on Web Server插件

2020-05-18 21:58:33 14759 2

原创 JavaScript-前端学习二阶段-案例练习二

1、轮播图2、倒计时3、加密手机号4、文字滚动5、选择文本替换内容6、数组去重7、数组中对象排序8、点击从小到大排序or随机排序按钮切换图片9、表格添加删除全选

2020-05-17 22:51:49 690

原创 JavaScript案例-轮播图

一、轮播图知识点梳理二、轮播图页面结构三、需要用到的封装函数--获取元素属性getStyle()，图片位移move()四、轮播图js部分

2020-05-13 20:54:32 726

原创 JavaScript-前端学习二阶段-案例练习一

1、九九乘法表---for双循环2、顺序循环按钮切换图片3、QQ列表4、页面整体换色5、数组递增排序6、按钮字母变化7、购物车计算8、关不掉的广告9、数字倒计时10、方块向右移动/方块向左运动/方块来回运动11、抽奖

2020-05-12 22:48:58 701

原创 HTML+CSS基础一阶段-项目实战（小U商城-PC端/移动端/响应式页面）

项目实战知识点->>学习笔记-前端基础一阶段一阶段完成HTML、CSS基础知识以及其新增特性，掌握页面布局方式，完成项目实战-小U商城电商网页制作(PC端+移动端+响应式页面制作)

2020-04-20 17:26:03 7344 7

原创 html+css实战-仿京东电商品优购网页

前端入门学习-html+css -实战项目--电商网页制作1、首页 index.html 2、商品列表页 list.html ...

2020-03-12 17:31:00 4127 4

产品经理入门作品集练习之积分商城APP.zip

积分商城文档内容 1、需求背景 2、详细版本说明 3、详细的开发计划 4、详细的埋点设计 5、完整的结构图 6、详细的原型Axure交互图 7、完整的后台配置

2021-08-19

喵星球作品（需求调研用户访谈流程图原型图 PRD）.zip

产品经理入门作品集练习 1、设计了一款【喵星球】一站式宠物猫购物与社交平台APP 2、内含：需求调研用户访谈流程图 Axure原型图 PRD

2021-08-17

vue_model.rar

1、架构于 vue2.5+ && vue-router3.0+ && vuex3.0+ && axios0.17 && webpack3.9+ && gulp 2、下载项目直接解压①npm install安装相关依赖包②npm run start启动项目。 3、项目内已封装路由、axios请求、store等常用方法以及全局统一样式、方法等，可作为个人开发应用基础模板参考。

2021-04-18