- 博客(32)
- 收藏
- 关注
RSS订阅原创 移动端 《Clear default style》
移动端 《Clear default style》. 在页面创建base.less 或者base.sass(根据自己的项目用到的预处理器)@charset "utf-8";/*移动端默认样式*//*清除掉按下时会有一个灰色阴影*/a,input,button{ -webkit-tap-highlight-color: rgba(0,0,0,0);}/*清除掉ios自带圆角*/input,button{ -webkit-appearance: none;/*消除输入框核按钮
2022-03-09 09:39:13
259
原创 将远程git仓库里的指定分支拉取到本地（本地不存在的分支）
将远程git仓库里的指定分支拉取到本地（本地不存在的分支）借鉴自：https://www.cnblogs.com/feipeng8848/p/12033802.html.https://www.cnblogs.com/hamsterPP/p/6810831.html新项目创建分支，想从远程仓库里拉取一条本地不存在的分支时：git checkout -b 本地分支名 origin/远程分支名这个将会自动创建一个新的本地分支，并与指定的远程分支关联起来。如果拉去不成功：fatal: Cann
2022-02-17 14:46:46
522
原创 antDesingVue-tree(点击树形状图) 递归实现路径的拼接
AntDesingVue-tree(点击树状图) 递归实现路径的拼接功能讲解：使用 antDesingVue中的 <a-tree></a-tree>组件实现点击树形图的每一级 做路径的拼接，主要是使用js的递归算法；效果图如下：html代码片段：<template> <div class="wrapper"> <header class="header"> <div class="url...
2021-05-19 22:30:26
917
1
原创 前端打死都不能忘记的200条Git命令请务必记住！
前端打死都不能忘记的200条Git命令请务必记住！！平时我们在使用git的时候，有一些命令不是很常用，我们在写代码的时候会用到一些可视化工具，比如VScode的源代码管理！为了方便广大博友，当然还有我自己，我就总结了一些不常用的Git指令，希望可以帮助帮助到大家！！一、在提交代码新建的时候 # 初始化当前项目 $ git init # 新建一个目录，将其初始化为Git代码库 $ git init [project-name] # 在指定目录创建一个空的 Git 仓库。运行这个命令会创建一个
2021-01-19 11:10:19
153
原创 使用localstorage开发一个简单的记事本
localstorage开发一个简单的记事本浅谈一下localStorage 的一些优势和局限性1、localStorage 拓展了 cookie 的 4K 限制。2、localStorage 会可以将第一次请求的数据直接存储到本地，这个相当于一个 5M 大小的针对于前端页面的数据库，相比于 cookie 可以节约带宽，但是这个却是只有在高版本的浏览器中才支持的。localStorage 的局限1、浏览器的大小不统一，并且在 IE8 以上的 IE 版本才支持 localStorage 这个属
2020-12-19 14:55:33
426
3
原创 radio做选择题的单选功能
radio做选择题的单选功能前一段时间做了一个选择答题的一个功能，需求必须的是一个问题三个选项，还必须是单选，而且只能选择一个，在实现的过程中呢，踩了不少坑，今天呢给大家分享一下。效果呢大概实这样的：我当时写的时候尝试过很多的方法但是距离我想要的效果还是差那么一点点，功夫不负有心人中终于给我琢磨出来了，之前一直用的点击事件v-click 但是但是我这次换成了@change="selectAlBtnR" @change事件，并且在使用两个radio 分别给他们使用两个不同的v-model赋值，选中就是
2020-10-08 13:37:54
1988
原创 深入了解Http和https、WebSocket
前一段时间面试好几家公司都问到了Http和https、WebSocket，之前呢也是了解过一点，面试的时候也就没怎么说清楚，所以今天呢就整理了相关的知识，若有错误的地方还望大家评论区留言。一、Http是什么？ http呢是一个简单的请求-响应协议，也就是我们常说超文本传输协议它通常运行在TCP之上。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。 是用于从WWW服务器传输超文本到本地浏览器的传输协议。它可以使浏览器更加高效，使网络传输减少。它不仅保证计算机正确快速地传输超.
2020-07-19 11:44:10
2144
原创 微信小程序——数据存储
微信小程序数据缓存参考微信官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html小程序的使用场景微信小程序在获取用户授权后，获取用户的昵称和头像且会从数据库查询两个值显示到首页页面。（token，code）已经取得授权的情况下刷新，可以不弹框直接获取昵称和头像。此时也需要将数据库中的值显示到首页页面。显然，再次向后台发出请求，获取数据库中的值是无法实现的。因为在页面显示的变量名
2020-06-24 22:40:15
3201
原创 怎么写-微信小程序的引导页
微信小程序的引导页前一段时间写了一个微信小程序的项目，其中就有引导页面这一功能模块，接下来给大家说一下这一块的怎么实现的以及一个思路吧！一、引导页下给大家康康效果图是啥样舍的呢！！其实就是和轮播图差不多，就是当用户滑动到最后一页的时候显示跳转页面就完事了。二、代码分析第一步：先找到小程序目录下面的app.json然后在“pages”配置好页面{ "pages": [ "pages/guidance/guidance", // 配置引导页面 "pages/index/index"
2020-06-23 23:16:28
5126
7
原创 微信小程序的路由
微信小程序的路由1、小程序路由跳转wx.switchTab(Object object) 跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面，这里的tabBar是底下的导航栏指定的页面，(Object object)参数属性类型类型必填说明urlstring是需要跳转的 tabBar 页面的路径 (代码包路径)（需在 app.json 的 tabBar 字段定义的页面），路径后不能带参数。successfunction否
2020-06-23 00:31:58
980
原创 vue 搜索和添加用户的思路
vue 搜索和添加用户的思路搜索实现思路获取输入框的值（也称关键字）模糊搜索，精确搜索通过事件触发将获取的值通过ajax请求搜索接口传递给后台后台服务器通过服务端语言（node,PHP,Java）实现接收浏览器请求后端语言查询数据库（Mysql,mongodb）将查询的结果根据搜索接口约定好的json格式返回给浏览器通过前端JS将返回的结果渲染展现到页面上性能优化：可以利用防抖或节流，可以减少服务器压力通过 lodash 实现节流或防抖,引入loadash实现防抖，例如：imp
2020-06-18 09:41:55
1354
原创 使用element-ui实现步骤条与tab标签页的连动
使用element-ui实现步骤条与tab标签页的连动注意 el-tabs 中的 v-model 会自动关联 el-tab-pane 中的 name 值通过 v-model 的变量与el-steps中的active值关联实现联动<template> <div> <!-- 步骤条 --> <el-steps align-center :active="act
2020-06-18 09:33:27
1231
原创 在vue中使用element-ui二次封装面包屑导条
在vue中使用element-ui二次封装面包屑导条由于这几天写了一个后台管理系统，多次使用的到了面包屑导航，所以我就把它封装起来使用了；效果图第一步安装element-ui npm i element-ui -S完整引入在 main.js 中写入以下内容：import Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import A
2020-06-17 23:35:25
837
原创 CSS3 3D立方体多边形动画特效
CSS3 3D立方体多边形动画特效<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS3 3D立方体多边形动画特效</title> <style type="text/css"> * { margin: 0 auto; padding: 0;
2020-06-07 21:40:26
366
原创 DOM常用操作方法
什么是DOM？DOM全称是Document Object Model(文档对象模型)，是为HTML和XML提供的API。那么为什么DOM可以同时提供给HTML和XML编程接口。虽然他们用来标记的标签不同，但是他们本质的结构是相同的。换句话说，按照DOM的标准，HTML和XML都是以标签为结点构造的树结构，DOM将HTML和XML的相同的结构本质抽象出来，然后通过脚本语言，如Javascript，按照DOM里的模型标准访问和操作文档内容。DOM的四个基本接口在DOM接口规范中，有四个基本的接口：Docu
2020-06-04 23:28:37
637
原创 Vue递归组件实现多级列表分类
Vue递归组件实现多级列表分类信息的分类展示数据格式const treeObj = { name: "电子产品", children: [ { name: "电视", children: [ { name: "philips", children: [ { name: "philips-A" }, { name: "philips-B" },
2020-05-29 18:38:33
2349
原创 Vue实现鼠标拖拽
Vue实现鼠标拖拽要实现拖拽，必须要使用三大秘法：（pc端）1、鼠标按下事件：onmousedown2、鼠标移动事件：onmousemove3、鼠标抬起事件：onmouseup移动端拖拽：1、当在屏幕上按下手指时触发：touchstart2、当在屏幕上移动手指时触发：touchmove3、当在屏幕上抬起手指时触发：touchend4、touchcancel 当一些更高级别的事件发生的时候（如电话接入或者弹出信息）会取消当前的touch操作，即触发touchcancel。一般
2020-05-28 17:36:03
2767
原创 vue filter的使用
vue filter的使用过滤器是什么？ 过滤器就是将后台返回的数据换一种形式输出，不改变原来的数据。应用的场景：后台返回状态码 例如（性别，支付状态，时间 ），商品价格过滤器： 有全局过滤器 和 局部过滤器全局过滤器： 全局过滤器必须写在vue实例创建之前。Vue.filter('testfilter', function (value,text) { // 返回处理后的值 return value+text })局部过滤器 局部过滤器必须在组件实例对象里挂载。
2020-05-28 16:34:34
473
原创 Vue的路由懒加载详解
Vue的路由懒加载详解什么是路由懒加载？一个字《懒》字如此了的，懒加载就是页面不一次性加载给你所有资源，你什么时候要什么时候给；懒加载也就是延迟加载或者按需加载，即在需要的时候进行加载。在项目中为什么要使用懒加载呢？像vue这种SPA应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，时间过长，会出啊先长时间的白屏，即使做了loading也是不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加
2020-05-24 18:37:30
762
原创 img： SVG格式在vue中的使用
SVG格式在vue中的使用SVG：svg是一种图像文件格式，它是可缩放的矢量图形，它是基于XML，由World Wide Web Consortium（W3C）联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言，可让你设计激动人心的、高分辨率的Web图形页面。用户可以直接用代码来描绘图像，可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有交互功能，并可以随时插入到HTML中通过浏览器来观看。我们可以在阿里巴巴矢量图标库里面下载[阿里巴巴矢量图标库](https://ww.
2020-05-24 17:48:13
16147
1
原创 vue_App开发,如何做适配
vue_4.0版本 手机端开发：如何做适配前端现在的主流适配方案：rem【推荐】,vw,vh,flex布局,百分比，媒体查询rem的适配方案一、lib-flexible：[lexible 的链接] (https://github.com/amfe/lib-flexible)找到github官网然后使用zpi进行解压 只要index.js 和index.min.js|引入你要的vue组件中去amfe-flexibleClassic edition (0.3.2)由于viewport单位得
2020-05-19 01:24:59
1121
原创 GitHub的简绍以及使用
git是什么？git:是一个开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理。特点：分布式相比于集中式的最大区别在于开发者可以提交到本地，每个开发者通过克隆（git clone），在本地机器上拷贝一个完整的Git仓库。github是什么？github：是一个面向开源及私有软件项目的托管平台，zd因为只支持git 作为唯一的版本库格式进行托管。 类似的代码托管平台还有：github，码云，gitlab等...git和github的关系：git只是一种技术，gi.
2020-05-12 18:39:39
463
原创 微信小程序-封装数据请求API接口
微信小程序封装数据请求API接口那什么是api呢？ API：Application Programming Interface，应用程序编程接口那为什么要封装API接口呢？ 因为本身就是一出现是一大段，自然如果不封包起来通过调用的方式进行整理的话，直接放到网站源码中，自然就会加大的源码的体积，而且还会影响到代码的美现。而且现在很多的杀来毒软件都把JS代码误报为病毒，况源且JS代码外露...
2020-05-07 21:13:49
1470
2
原创 微信小程序—用户授权登陆
微信授权 1、通过wx.login(Object object)；来获取获取code值，然会通过通过code利用wx.request调用 小程序登录接口来换取token。 wx.login():他是微信小程序自带的一个方法，主要是调用接口获取登录凭证（code）。 通过凭证进而换取用户登录态信息，包括用户的唯一标识（openid）及本次登录 的会话密钥（session_key）等。...
2020-05-06 21:25:13
618
原创 微信小程序的入门笔记（一）
初学微信小程序一、微信小程序是什么？小程序呢有很多种，微信小程序呢只是其中之一，英文名：Wechat Mini Program，它是一种不需要下载安装即可使用的应用，相对于vue开发呢微信小程序更加的简单和高效，而且安全。2017年1月9日，张小龙在2017微信公开课Pro上发布的微信小程序 正式上线 。二、小程序的开发使用流程？1.注册微信小程序的账号我们可以直接到百度搜索到官网上搜索...
2020-04-23 22:13:44
1459
原创 vuex的概念及安装下载使用
vuex的概念及安装下载使用Vuex是什么？vuex 是一个专为 Vue.js v应用程序开发的状态管理模式。Vuex背后的基本思想就是我们所说的单向数据流。vuex是一个集中式的存储仓库【状态】，类似于 本地存储、数据库，vuex是vue的状态管理工具，它的功能主要是实现多组件间的状态【数据共享】。什么是状态？用一条数据去管理一个视图或是视图中的一部分，那么我们就将这个数据称之为状...
2020-04-15 11:44:48
1073
原创 vue单页面_购物车案例
Vue购物车的小案例案例介绍：这个购物车案例呢4个部分：1、删除选中；2、全选，分选，3、数量影响价格；4、显示所有选中商品总价<template> <div> <table> <tr border='1'> <td> ...
2020-03-18 17:15:24
270
原创 vue 中使用 iscroll的使用方法
vue中使用 iscroll的方法第一步：先安装scroll的依赖包cnpm install iscroll -s (按下回车键安装)/*下载成功以后是这个样子的*/√ Installed 1 packages√ Linked 0 latest versions√ Run 0 scripts√ All packages installed (used 420ms(network 41...
2020-02-27 19:08:00
2400
原创 Vue案例——TodoList
Vue案例——TodoListvue TodoList案例这个案例主要实现了添加、列表的显示、正在进行、已完成、localstorage本地保存、事项数量的更新、还有清空所有等功能。代码部分如下：HTML部分：<div id="app" v-cloak> <header> <section> ...
2020-02-17 18:52:53
1208
原创 rem布局的原理
rem的布局原理一、什么是rem？rem是css的一个相对单位，他是相对于html的根元素例如：html{font-size:16px;} p{font-size:1rem;} 那么段落的字体大小为16像素二、怎么根据屏的大小做到自适应的？自适应的原理：*可以通过检测屏幕大小改变html的字体大小，从而实现自适应的大小效果*获取设备宽度与设计搞的宽度的设计比例，作为html font...
2020-02-09 11:14:36
2352
原创 vue中使用ref属性进行全选反选功能的实现
vue中使用ref属性进行全选反选功能的实现vue中给我们提供了一种操作DOM的方属性：ref。绑定在DOM元素上的时候，和id差不多，通过（this.$refs来调用）。下面就是就是我用vue写的全选(反选)功能的一个小案例：<style> .ch{ width: 20px; height: 20px; }...
2020-02-09 10:20:17
1058
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人