- 博客(69)
- 资源 (5)
- 收藏
- 关注
转载 vue.config.js 配置
vue-config-js配置参考vue-cli3 脚手架搭建完成后,项目目录中没有 vue.config.js 文件,需要手动创建创建vue.config.jsvue.config.js是一个可选的配置文件,如果项目的 (和package.json同级的) 根目录中存在这个文件,那么它会被@vue/cli-service自动加载。你也可以使用package.json中的vue字段,但是注意这种写法需要你严格遵照 JSON 的格式来写。在根目录中创建vue.con...
2020-08-03 10:56:55
3913
1
转载 Tree 树形控件自定义显示样式与hover事件绑定实现添加、删除和修改
Element Tree 树形控件自定义显示样式与hover事件绑定实现添加、删除和修改最近在搞erp项目对应后台的管理功能,为了加速开发使用了 vue-element-admin 开发,使用的是elementUi框架,在项目中使用element的树形控件的时候遇到点问题,分享给大家。首先先了解一下树形控件: elementTree 树形控件.我的项目需求是实现鼠标hover上去的时候在对应的树形结构后面显示 添加 修改 和 删除 并实现功能,查看了对应element文档刚好有类似的功能,
2020-06-12 16:23:36
2738
原创 你其实没有那么努力
你其实没有那么努力自我反省其实很多人都没有那么努力,但是总是表现出自己十分努力的样子,偶尔去收拾一下自己以前的烂摊子,还要公布于众,让别人知道你是多么的努力,其实,你只是被迫努力了那么一下下。我们都是好普通人,所有每个人的惰性都是有的,只是多多少少。自己付出了10%,还要获取别人100%努力得到的东西,你觉得公平吗?还天天抱怨说为什么别人那么幸运,你要知道,机会是留给有准备的人的,所以啊,你要...
2020-04-28 14:44:22
72
原创 我就是想写一篇文章
我们都一样其实我们所有人都是一样的,刚入门时,信心满满,贪婪的汲取着知识,学到一点皮毛就各种开心,觉得有种 老子天下第一的气势 , 工作后才发现,我们不过时万千程序员了最微小的那一个,慢慢的失去了那份初心。 其实我们都一样,只是需要 时间 和实践 的积累。自己要充满信心说实话,当我以两年工作经验进入现在这家公司的时候,刚开始满心欢喜,到后来怀疑人生,内心其实还是很痛苦的。入职第一天,带我的大...
2020-04-24 11:27:23
193
原创 如何在vue项目中使用PWA
pwa ? 这是什么? 第一次听到pwa的时候是隔壁桌的大佬在交流前端的时候说的“这是前端目前很火的技术,用户体验很好,简单方便 ... ...”。听起来就很想试一试,在大佬的帮助下完成了自己人生的第一个pwa项目。强烈安利,接下来就好好的去了解一下所谓的pwa什么是pwa ?Progressive Web App, 简称 PWA,是提升 Web App 的体验的一种新方法,能给用户原生...
2020-04-24 10:36:22
9034
3
转载 前端常见面试题(一)
前端常见面试题三栏布局float <div> <section class="a1">a1</section> <section class="a2">a2</section> <section class="a3">a3</section> <section class="a4"...
2019-06-21 22:09:39
205
原创 vue 之 路由 以及 单页面应用程序 (路由可是重难点)
首先简单说一下单页面应用程序单页面应用程序SPA : single page application 单页面应用程序 MPA : Multiple Page Application 多页面应用程序 单页面 web 应用 就是只有一个web页面的应用 是加载单个HTML页面 并在用户与应用程序交互时,动态更新该页面的wen应用程序 区别 对于传统的多页面...
2019-06-11 21:08:56
1218
原创 vue 之 组件 ( 重难点 )
组件(很重要很重要)一.组件组件可以看作是一些可复用的ui模块 小到一个标签 : <div>哈哈哈</div> 大到一个页面 : <div><div><div><div><div></div></div></div></div></div>...
2019-06-09 21:23:22
1551
原创 vue 之 json-server 和 axios
一. json-server作用 : 根据json文件,开启一个服务器,提供数据接口 安装 : nom i json-server -g 使用 :在终端输入 json-server json文件路径 遵循 REST API 获取 get 添加 post 删除 delete 修改 put / patch 二. axios发送aja...
2019-06-08 17:37:45
337
原创 vue必备的生命周期函数
生命周期函数所有的vue组件,都是vue实例,一个组件对应一个实例,并且接收相同的选项对象(一些根实例特有的选项除外) 实例生命周期也叫:组件生命周期 组件 : 看做是一个个可复用的ui模块 组件本质上市一个vue实例 生命周期介绍简单说 : 一个组件(实例)从开始到最后消灭所经历的各种状态就是一个组件(实例)的生命周期 生命周期钩子函数的定义:从组件被创建,到组件挂在页...
2019-06-07 10:08:18
268
1
原创 vue 之 过滤器 filter
过滤器(filter)1.概念vue 中的过滤器(filter) :数据格式化 也就是说,让数据按照我们规定的一种格式输出 比如 : 对于日期来说,将日期格式转化为`年-月-日 小时:分:秒` 格式的过程// 直接显示<h1>{{ data }}</h1>显示 : 2019-06-05T16:43:23.490Z 不是我们想要的我们想要 :2019...
2019-06-05 17:01:37
206
原创 vue (三) ---- 异步DOM更新,$set,监听器watch过滤器,以及生命周期初识
一.异步DOM更新DOM更新是异步的如果真的想获取dom中的数据:延时器 this.$nextTick( ( )=>{ 获取 } ) DOM更新完成之后,自动回调一次性更新的问题数据不是以改变就会更新DOM,而是数据不变了,一次性改变的二.$set如果数据data里没有数据obj:{ } ,没有name属性,但是直接加了this.obj.name= '春'...
2019-06-05 15:25:13
1973
原创 vue 小练习之 todos(土豆丝)
第二天TODOMVC一 : 准备工作 vue-TodoMVC 演示效果 : 当前任务:敲代码、视频、游戏 下载模板地址 git clone https://github.com/tastejs/todomvc-app-template.git 安装依赖包 : npm i 二 : 配置 vue 安装 vue : npm i...
2019-06-03 21:51:41
758
原创 vue (二) ---- 计算属性computed,事件修饰符,按键修饰符,v-if和v-show,条件渲染指令,其他指令
一.计算属性 computed说明: 计算属性本质也是一个属性如何使用:把计算属性方法computed 写起来像一个方法 用起来像一个属性特点:计算属性一定要有返回值,返回值才是计算属性最终的结果 计算属性可以使用data里存在的数据 (关键点)计算属性只会随着相关的数据变化而变化,相关的数据一发生变化,计算属性就会重新计算注意点:计算属性一定要有返回值 计算属性...
2019-06-03 21:47:42
1715
原创 vue (一) ---- vue介绍,数据双向绑定,指令学习
一.vue介绍1. 渐进式js框架 1. 渐进式 全家桶 : vue : 小项目 vue-touter : 页面越来越多 vuex : 管理复杂的数据 2.框架库: Lib 库就是一系列函数的集合,想完成什么就调用库中的某个方法 如:jquery ...
2019-06-01 20:22:33
1159
原创 Node.js(二) --- nodejs基本概念,nodejs与浏览器的区别,nodejs可以干什么
nodejs的基本概念一.为什么要学习nodejs为什么要学习服务端开发?1.通过学习node.js开发理解服务器开发,web请求和响应过程,了解服务器端如何与客户端配合2.作为前端开发工程师(FE)需要具备一定的服务端开发能力3.全栈工程师的必将之路服务器开发语言有很多,为什么要选择nodejs1.降低编程预压切换成本,(nodejs实际上还是用的JavaScript...
2019-05-22 21:19:44
5299
原创 Node.js(一) --- 浏览器的基本工作原理,浏览器的组成,渲染的工作原理,性能优化,重绘和回流,浏览器和服务器的交互流程
浏览器的工作原理一. 浏览器的组成 1. 用户界面:包括地址栏,后退/前进按钮,书签目录等,也就是你所看到的除了用来显示你所请求页面的主窗口之外的其他部分 2. 浏览器引擎:用来查询及操作渲染引擎的接口 3. 渲染引擎(浏览器内核): 用来显示请求的内容,例如,如果请求内容为html,他负责解析html和css,并将解析后的结果显示出来 4. 网络: 用来完成网络调用,...
2019-05-22 20:53:48
275
原创 zepto框架介绍(了解)和jquery类似
zepto框架介绍(了解)Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。github地址中文文档zepto与jquery的区别 jquery针对pc端,主要用于解决浏览器兼容性问题,zepto主要针对移动端。 zepto比jquery轻量,文件体积更小 ...
2019-04-25 21:05:33
571
转载 插件 -------- 滚动插件iScroll Animate.css动画库 swiper插件
iScroll API 中文版介绍iScroll是一个高性能,资源占用少,无依赖,多平台的javascript滚动插件。官网:http://iscrolljs.com/它可以在桌面,移动设备和智能电视平台上工作。它一直在大力优化性能和文件大小以便在新旧设备上提供最顺畅的体验。iScroll不仅仅是 滚动。它可以处理任何需要与用户进行移动交互的元素。在你的项目中包含仅...
2019-04-25 21:00:06
667
原创 移动web学习(二) --- 手指触摸相关的touch事件并实现滑动轮播图,以及移动端中tap和click事件
一.touch事件1. 移动端新增的4个与手指触摸相关的事件 1. touchstart : 手指放在屏幕上时触发 2. touchmove : 手指在屏幕上滑动时触发(会触发多次) 3. touchend : 手指离开屏幕时触发 4. touchcancel : 系统取消touch事件时候触发,比如电话2. 每次触摸被触发后,会生成...
2019-04-25 20:34:51
748
原创 BFC 块级格式化上下文
BFC块级格式化上下文Block Formatting Context : 页面上一个隔离的独立渲染区域触发成为BFC盒子的特点 :1 . 触发了BFC的盒子,就成为了页面上的一个隔离的独立容器,容器里面的子元素不会再布局上影响的外面的元素 应用:解决塌陷问题.清除浮动2 . 触发了BFC的普通盒子,不会与浮动元素重叠 应用,左侧固定右侧自适应如何触...
2019-04-25 20:15:28
256
原创 移动web学习(一) --- 流式布局, 视口viewpoint ,2倍图和3倍图, less
从这章开始,学习移动web移动web开发指的是需要适配移动设备的网页开发,和pc端没有本质的区别,还是使用html,css,js一.学习移动web的原因1. 使用移动设备的用户越来越多2. 一定设备屏幕大小不一,之前的pc端的开发不能解决屏幕适配问题开发方式 : 流式布局(百分比布局) 伸缩布局 响应式布局二.屏幕(了解)1.屏幕尺寸指的是屏幕对角线的长度...
2019-04-21 22:29:03
1757
原创 H5C3 学习(五) ----HTML5-API 网络状态,地理位置,web存储,自定义播放器,文件读取,拖拽
HTML5-API一.网络状态在移动端,我们经常需要检测设置是在线还是离线,HTML5为此定义了一个navigator.onLine属性,这个属性用于检测设备是否联网。navigator.onLine 在不同浏览器中有细微的差别。1.网络状态navigator.onLine返回用户当前的网络状况,是一个布尔值1. 如果浏览器连不上网(包括局域网),就是离线状态,也就是脱机...
2019-04-20 18:21:03
300
原创 form表单提交时onsubmit返回调用的函数名和name属性值重复时不能调用的的问题
前几天在做提交表单验证的时候,就发现自己的表单提交没有效果,onsubmit根本调用不到check()函数,将函数换个名称或者调用其他的都可以实现一脸懵逼的情况下,发现了设置的name属性值的其中一个和我们的函数名重复了我们学习js的时候,明确的讲过,函数是js中的一等公民,所有当函数和变量名重复的时候,变量会被覆盖但是这和我们的name属性值又有什么关系呢?在网上找了一些资料...
2019-04-20 10:37:13
644
原创 H5C3 学习(四) ---- 动画animation和弹性布局
一. 动画首先我们需要了解到动画和过渡的区别:1. 过渡必须触发,需要两个状态的改变2. 动画可以一直运行下去,不需要触发,实现效果和过渡差不多1. 使用一个动画的基本步骤:1. 通过@keyframes指定动画序列2. 通过百分比或者from/to 将动画分割成多个节点3. 在各个节点中分别定义动画属性4. 通过animation 将动画引用于相应的元素2....
2019-04-18 16:25:49
730
原创 H5C3实现正方体的旋转
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Comp...
2019-04-16 16:23:55
716
原创 H5C3 学习(三) ---- 过渡,2d转换,3d转换各种属性
一.过渡transition:过渡是css3中具有颠覆性的特征之一,可以实现元素不同状态间的平滑过渡(补间动画).必须有两个不同的状态1.补间动画和帧动画帧动画:通过一帧一帧的画面按照固定顺序和速度播放补间动画:补间动画只需要起始状态和终止状态,浏览器自动完成中间的过渡2.过渡的属性1. transtion-property:设置过渡属性; 如: transition-...
2019-04-16 16:21:05
804
原创 PHP+AJAX思想整体回顾(二)
上一篇我们回顾到末班引擎,接下来继续回顾九.XMLHttpRequest2.0// 1.超时xhr.timeout = 2000 ;xhr.ontimeout = function(){ // 超时处理事件}// 2.formData // FormData 对象 对表单数据进行管理var formData = new FormData(DOM表单);$.ajax({ ...
2019-04-14 18:07:18
104
原创 H5C3 学习(二) ----私有前缀 盒子模型,背景,渐变,阴影,颜色模式
一.颜色模式 HSLA在我们熟悉的颜色设置中秒回经常使用red,pink等颜色名词,也会使用rgb #999;等16进制来设置我们的颜色在一些特定的场景中,我们也会使用rgba来设置,每一位分别表示红绿蓝已经透明度,如: reba(155,255,255,.5) 最后透明度为.5 半透明状态,取值范围是-0-1下面我们介绍一种不一样的颜色模式(HSLA) --- 可以通过设置色调...
2019-04-14 15:57:49
462
原创 H5C3 学习(一) ---- 新增表单属性,C3伪类选择器
一. H5的概念 H5代表着互联网技术发展的一个阶段,是一套前端技术的统称(移动端开发) 包括 : html5 css3 新增 js API二. H5语法规范更简洁:更宽松: 单标签 省略 关闭符号 双标签 省略 结束标签 html body head 完全省略 ...
2019-04-12 21:13:16
751
原创 PHP+AJAX思想整体回顾(一)
一.表单提交1.前端页面action : 提交地址method : 提交方式 post getname : 必须有name属性后台根据name属性取值enctype : multipart/form-data 上传文件2.后面处理表单常用的超全局变量$_GET $_POST $_FILES $_SESSION $_COOKIE 可...
2019-04-10 22:24:40
138
原创 如何快速的判断this指向
this指向问题是不是经常搞不懂所谓的this指向,到底指向谁?一头雾水,越看越头大别急 ! this指向是在面试中经常会考到知识点,也就要求我们必须掌握,但是大多数人总是会判断错误,接下来就仔细看一下这篇文章吧this指向可以分为四种情况我们从最容易分辨的开始1. obj.fn() 也就是方法调用模式 this----> obj这个其实也是比较好理解的,就是谁调...
2019-04-03 22:10:17
419
3
原创 js中判断一个字符串里面元素出现的次数
判断一个字符串中,每个元素出现的次数,并返回一个对象来统计出现的元素,以及次数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale...
2019-03-27 22:23:43
2783
原创 js基础中用假设成立法实现数组去重
js基础中的数组去重<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ...
2019-03-27 22:12:30
437
原创 遍历数组的两个方法 for 和forEach
在日常编程中,我们经常会用到遍历,而最先开始了解的就是for循环但是当面对一些复杂数据类型的变量的时候,我们使用for循环来获取里面的内容有有些许复杂这篇文章主要就是让我们了解另一个遍历数组的方法 forEach使用的语法 $('div').forEcho(function(v,i){ })v,遍历的元素,i 元素的索引值var r = [{id: "1", name: "张...
2019-03-27 20:53:54
997
原创 AJAX技术第一节 ---- XMLHttpRequest 和 数据交互
AJAX技术即Asynchronous Javascript And XML ,AJAX不是一门新的语言,而是对现有技术的综合利用本质:是在HTTP协议的基础上通过js的XMLHttpRequest对象与服务器进行通讯作用:可以在页面不刷新的情况下,请求服务器局部更新页面的数据同步与异步(了解)指某段程序执行时不会阻塞其他程序执行,其变现形式为程序的执行顺序不依赖程序本身的书写...
2019-03-27 20:41:52
397
原创 webAP练习五 --- 电子表 短信验证码 定时跳转
在页面中显示 :电子表 实时更新事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...
2019-03-24 21:33:58
148
原创 webAPI 第五天 --- 延时器,定时器,offset系列
这节知识中最重要的是我们的延时器和定时器,但是还有我们的一些细小的知识点需要了解BOM : 浏览器对象模型,提供了一套操作浏览器的工具 BOM包含的内容很多,但是东西都不太常用,定时器是最重要的一.window对象window是个全局对象 顶端对象 全局变量或者函数都是window的属性 window一般都会省略1.window.onload窗体加载完...
2019-03-24 21:28:28
362
原创 webAPI 第四天 --- 节点操作,上下节点,添加节点,复制节点,删除节点,替换节点
节点操作(很重要)一.节点属性1.childNodes 所有的子节点2.nodeType 节点类型3.nodeName 节点名称4.nodeValue 节点值二.节点查找1.找儿子 1.children 所有的子元素 2.firstElementChild 最后一个子元素 3.lastEl...
2019-03-24 17:17:31
232
2019行业类型二级分类.json
2020-05-25
2019行业类型四级分类(9700).json
2020-03-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人