前端
关注
分享
扫一扫
文章平均质量分 80
Joy Weijiao
一个小前端
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
从零开始使用uni-app开发小程序
1，注册小程序账号2. 搭建uni-app框架3. 用微信开发工具打开原创 2020-05-11 16:53:35 · 5481 阅读 · 0 评论 -
我就是想写一篇文章
我们都一样其实我们所有人都是一样的，刚入门时，信心满满，贪婪的汲取着知识，学到一点皮毛就各种开心，觉得有种 老子天下第一的气势 ， 工作后才发现，我们不过时万千程序员了最微小的那一个，慢慢的失去了那份初心。 其实我们都一样，只是需要 时间 和实践 的积累。自己要充满信心说实话，当我以两年工作经验进入现在这家公司的时候，刚开始满心欢喜，到后来怀疑人生，内心其实还是很痛苦的。入职第一天，带我的大...原创 2020-04-24 11:27:23 · 232 阅读 · 0 评论 -
如何在vue项目中使用PWA
pwa ? 这是什么？ 第一次听到pwa的时候是隔壁桌的大佬在交流前端的时候说的“这是前端目前很火的技术，用户体验很好，简单方便 ... ...”。听起来就很想试一试，在大佬的帮助下完成了自己人生的第一个pwa项目。强烈安利，接下来就好好的去了解一下所谓的pwa什么是pwa ？Progressive Web App, 简称 PWA，是提升 Web App 的体验的一种新方法，能给用户原生...原创 2020-04-24 10:36:22 · 9356 阅读 · 3 评论 -
移动web学习(二) --- 手指触摸相关的touch事件并实现滑动轮播图,以及移动端中tap和click事件
一.touch事件1. 移动端新增的4个与手指触摸相关的事件 1. touchstart : 手指放在屏幕上时触发 2. touchmove : 手指在屏幕上滑动时触发(会触发多次) 3. touchend : 手指离开屏幕时触发 4. touchcancel : 系统取消touch事件时候触发,比如电话2. 每次触摸被触发后,会生成...原创 2019-04-25 20:34:51 · 864 阅读 · 0 评论 -
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 · 196 阅读 · 0 评论 -
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 · 2841 阅读 · 0 评论 -
AJAX技术第一节 ---- XMLHttpRequest 和 数据交互
AJAX技术即Asynchronous Javascript And XML ,AJAX不是一门新的语言,而是对现有技术的综合利用本质:是在HTTP协议的基础上通过js的XMLHttpRequest对象与服务器进行通讯作用:可以在页面不刷新的情况下,请求服务器局部更新页面的数据同步与异步(了解)指某段程序执行时不会阻塞其他程序执行,其变现形式为程序的执行顺序不依赖程序本身的书写...原创 2019-03-27 20:41:52 · 459 阅读 · 0 评论 -
webAPI 第四天 --- 节点操作,上下节点,添加节点,复制节点,删除节点,替换节点
节点操作(很重要)一.节点属性1.childNodes 所有的子节点2.nodeType 节点类型3.nodeName 节点名称4.nodeValue 节点值二.节点查找1.找儿子 1.children 所有的子元素 2.firstElementChild 最后一个子元素 3.lastEl...原创 2019-03-24 17:17:31 · 305 阅读 · 0 评论 -
webAPI 第三天 --- 获取元素的方法,style属性,节点操作
一.获取元素的方法1.getElementById 根据id值获取元素2.getElementByTagName 根据标签名获取元素3.getElementByClassName 根据类名获取元素4.getElementsByName 根据name属性来获取5.querySelector() 根据选择器来获取元素(一个)6.querySele...原创 2019-03-23 10:24:00 · 471 阅读 · 0 评论 -
如何快速的判断this指向
this指向问题是不是经常搞不懂所谓的this指向,到底指向谁?一头雾水,越看越头大别急 ! this指向是在面试中经常会考到知识点,也就要求我们必须掌握,但是大多数人总是会判断错误,接下来就仔细看一下这篇文章吧this指向可以分为四种情况我们从最容易分辨的开始1. obj.fn() 也就是方法调用模式 this----> obj这个其实也是比较好理解的,就是谁调...原创 2019-04-03 22:10:17 · 482 阅读 · 3 评论 -
webapi练习二--重点全选案例和排他思想,还有阻止a跳转
总结一波第二天的练习题1.给多个按钮注册点击事件，当点击按钮，显示对应的图片 -- title属性记录图片src<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w...原创 2019-03-22 21:47:47 · 212 阅读 · 0 评论 -
H5C3 学习(一) ---- 新增表单属性,C3伪类选择器
一. H5的概念 H5代表着互联网技术发展的一个阶段,是一套前端技术的统称(移动端开发) 包括 : html5 css3 新增 js API二. H5语法规范更简洁:更宽松: 单标签 省略 关闭符号 双标签 省略 结束标签 html body head 完全省略 ...原创 2019-04-12 21:13:16 · 799 阅读 · 0 评论 -
H5C3 学习(三) ---- 过渡,2d转换,3d转换各种属性
一.过渡transition:过渡是css3中具有颠覆性的特征之一,可以实现元素不同状态间的平滑过渡(补间动画).必须有两个不同的状态1.补间动画和帧动画帧动画:通过一帧一帧的画面按照固定顺序和速度播放补间动画:补间动画只需要起始状态和终止状态,浏览器自动完成中间的过渡2.过渡的属性1. transtion-property:设置过渡属性; 如: transition-...原创 2019-04-16 16:21:05 · 911 阅读 · 0 评论 -
vue (二) ---- 计算属性computed,事件修饰符,按键修饰符,v-if和v-show,条件渲染指令,其他指令
一.计算属性 computed说明: 计算属性本质也是一个属性如何使用:把计算属性方法computed 写起来像一个方法 用起来像一个属性特点:计算属性一定要有返回值,返回值才是计算属性最终的结果 计算属性可以使用data里存在的数据 (关键点)计算属性只会随着相关的数据变化而变化,相关的数据一发生变化,计算属性就会重新计算注意点:计算属性一定要有返回值 计算属性...原创 2019-06-03 21:47:42 · 1785 阅读 · 0 评论 -
Node.js(二) --- nodejs基本概念,nodejs与浏览器的区别,nodejs可以干什么
nodejs的基本概念一.为什么要学习nodejs为什么要学习服务端开发?1.通过学习node.js开发理解服务器开发,web请求和响应过程,了解服务器端如何与客户端配合2.作为前端开发工程师(FE)需要具备一定的服务端开发能力3.全栈工程师的必将之路服务器开发语言有很多,为什么要选择nodejs1.降低编程预压切换成本,(nodejs实际上还是用的JavaScript...原创 2019-05-22 21:19:44 · 5503 阅读 · 0 评论 -
Node.js(一) --- 浏览器的基本工作原理,浏览器的组成,渲染的工作原理,性能优化,重绘和回流,浏览器和服务器的交互流程
浏览器的工作原理一. 浏览器的组成 1. 用户界面:包括地址栏,后退/前进按钮,书签目录等,也就是你所看到的除了用来显示你所请求页面的主窗口之外的其他部分 2. 浏览器引擎:用来查询及操作渲染引擎的接口 3. 渲染引擎(浏览器内核): 用来显示请求的内容,例如,如果请求内容为html,他负责解析html和css,并将解析后的结果显示出来 4. 网络: 用来完成网络调用,...原创 2019-05-22 20:53:48 · 404 阅读 · 0 评论 -
form表单提交时onsubmit返回调用的函数名和name属性值重复时不能调用的的问题
前几天在做提交表单验证的时候,就发现自己的表单提交没有效果,onsubmit根本调用不到check()函数,将函数换个名称或者调用其他的都可以实现一脸懵逼的情况下,发现了设置的name属性值的其中一个和我们的函数名重复了我们学习js的时候,明确的讲过,函数是js中的一等公民,所有当函数和变量名重复的时候,变量会被覆盖但是这和我们的name属性值又有什么关系呢?在网上找了一些资料...原创 2019-04-20 10:37:13 · 711 阅读 · 0 评论 -
H5C3 学习(四) ---- 动画animation和弹性布局
一. 动画首先我们需要了解到动画和过渡的区别:1. 过渡必须触发,需要两个状态的改变2. 动画可以一直运行下去,不需要触发,实现效果和过渡差不多1. 使用一个动画的基本步骤:1. 通过@keyframes指定动画序列2. 通过百分比或者from/to 将动画分割成多个节点3. 在各个节点中分别定义动画属性4. 通过animation 将动画引用于相应的元素2....原创 2019-04-18 16:25:49 · 826 阅读 · 0 评论 -
移动web学习(一) --- 流式布局, 视口viewpoint ,2倍图和3倍图, less
从这章开始,学习移动web移动web开发指的是需要适配移动设备的网页开发,和pc端没有本质的区别,还是使用html,css,js一.学习移动web的原因1. 使用移动设备的用户越来越多2. 一定设备屏幕大小不一,之前的pc端的开发不能解决屏幕适配问题开发方式 : 流式布局(百分比布局) 伸缩布局 响应式布局二.屏幕(了解)1.屏幕尺寸指的是屏幕对角线的长度...原创 2019-04-21 22:29:03 · 1871 阅读 · 0 评论 -
zepto框架介绍（了解）和jquery类似
zepto框架介绍（了解）Zepto是一个轻量级的针对现代高级浏览器的JavaScript库， 它与jquery有着类似的api。 如果你会用jquery，那么你也会用zepto。github地址中文文档zepto与jquery的区别 jquery针对pc端，主要用于解决浏览器兼容性问题，zepto主要针对移动端。 zepto比jquery轻量，文件体积更小 ...原创 2019-04-25 21:05:33 · 636 阅读 · 0 评论 -
BFC 块级格式化上下文
BFC块级格式化上下文Block Formatting Context : 页面上一个隔离的独立渲染区域触发成为BFC盒子的特点 :1 . 触发了BFC的盒子,就成为了页面上的一个隔离的独立容器,容器里面的子元素不会再布局上影响的外面的元素 应用:解决塌陷问题.清除浮动2 . 触发了BFC的普通盒子,不会与浮动元素重叠 应用,左侧固定右侧自适应如何触...原创 2019-04-25 20:15:28 · 293 阅读 · 0 评论 -
webAPI 第二天 --- 操作属性和常见的事件,this,阻止默认跳转
在开始学习之前,我们需要了解一下相关的信息1.this口诀,谁调用this所在的函数,this就指向谁 1 .函数调用方式: this => window 2.方法调用方式: this => 对象 3.构造函数调用: this =>实例对象事件中的this : this => 注册事件的对象2.阻止默认跳转...原创 2019-03-22 21:41:46 · 260 阅读 · 0 评论 -
实现时间倒计时
实现时间倒计时我们经常会看见一些网页或者其他地方的倒计时是怎么实现的呢?运用我们的时间戳来实现举例,现在到2019年3月19日0点0分0秒的倒计时<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" ...原创 2019-03-18 21:37:02 · 752 阅读 · 0 评论 -
前端基础总结之css系列
很多,一定要掌握css总结 CSS总结 css相关的属性 color 文字的颜色 取值 关键字：red、pink rgb 每一项 0~255 rgba ...原创 2019-01-13 16:35:21 · 286 阅读 · 0 评论 -
前端基础总结之html系列
html总结HTML总结 网页的认识 网页的基本组成部分 文字 图片 超链接 视频 音频 浏览器的认识 ie trident 火狐 gecko c...原创 2019-01-13 16:33:28 · 197 阅读 · 0 评论 -
前端基础第六天
2019年.依旧是变得更优秀的一年,继续好好学习一,背景相关属性1.background-color:背景颜色取值:关键字,red:rgb;rgba;#;2.background-image:背景图片取值url(路径)默认是平铺的3.background-repeat:背景平铺取值:repeat平铺,默认的no-repeat;不平铺repeat-x;水平平铺repeat-y,...原创 2019-01-02 17:41:16 · 162 阅读 · 0 评论 -
前端基础第十一天和十二天
前端学习所需要的一些html和css的基础基本已经了解完了 ,现在就应该着手做自己的静态页面增加熟练度,便于之后学习js的时候更加顺畅这几天会陆陆续续的增加一点小的细节,实际开发中会用的很少,但是如果用到也得会 这些都是会遇到,但是用的少,大家理解即可,知道些样式如何实现 一.双伪元素清除浮动伪元素清除浮动升级版,即解决了清除浮动,有解决了塌陷两个伪元素合并如下:...原创 2019-01-11 21:37:39 · 218 阅读 · 0 评论 -
前端基础第九天,综合
这已经是我们学习前端的第九天了,到底掌握了多少东西呢?做练习才是提升自己最快的方式,下面就让我们用自己所学的基础知识,将一下页面完整的展示出来吧(注意哦,有一些小的图片的给的文档中的,可不要傻不拉几的自己做起了UI的工作)文档会上传资源,可以下载试一试,看看究竟自己掌握了多少 ...原创 2019-01-06 21:54:26 · 210 阅读 · 0 评论 -
前端基础---margin，padding，和浮动的影响
一.line-height的补充1.行高的单位1.数字+px;2.数字+em;假如字体大小是16px,n那么2em=2*16px;3.数字+%,假如字体大小是16px,n那么200%=2*16px;4.数字,直接是字节的倍数2.与font-连写1.写在font下面, 当行高写在font下面的时候,会被覆盖2.写在font里面,font:style weight s...原创 2019-01-05 18:49:32 · 7595 阅读 · 1 评论 -
前端学习第5天
首先祝大家元旦快乐,2019的我们会更加优秀来看一下今天的学习内容吧一.css的三种书写位置1.内嵌样式书写位置,css写在style标签里面,写在title下面作用范围,当前页面适用范围,小的案例或者小的demo里2.行内样式书写位置,css写在标签的style属性里作用范围,当前标签适用的场景,基础时候不用,找js当中使用3.外联样式书写位置,写在一个单独的.css文件...原创 2019-01-01 16:24:49 · 200 阅读 · 0 评论 -
前端基础第四天
经过几天的html的学习,已经有点开始慢慢的进入一个程序员的世界从今天开始,我们就开始一起学习css的内容一起来看看今天的重点吧,一,css的初体验css的相关设置放在style里,style放在title下,是一个双标签1.css的相关属性color:设置字体的颜色font-size:设置字体的大小background:设置字体的背景width:设置字体的宽度height:设...原创 2018-12-30 20:57:04 · 237 阅读 · 0 评论 -
前端基础第七天,盒子模型
刚开始写博客,排版不是很好被吐槽,看来我需要好好整理学习一下排版了今天主要学习盒子模型(一种思维方式,万物皆盒子) 盒子模型由四部分组成,内容content,边框,borter,内边距,padding,外边距,margin下面我们就依次来介绍一下一.内容:content内容自然就是我们的文本,理解性记忆就好二.边框:borter1.属性边框的宽度border...原创 2019-01-03 19:14:07 · 249 阅读 · 2 评论 -
前端学习js基础第三天--数组
JavaScript基础的学习已经慢慢开始进入到数组,函数,对象的学习了,所有要加油哦!今天主要学习数组前端学习js基础第三天--数组1.为什么要学习数组数组就是一个有序的组合作用:可以存储大量数据2.数组的定义1.构造函数的方式var arr=new Array();一个空的字符串,Array表示字符串var arr = new Array(1,2,3);有数...原创 2019-01-23 18:13:26 · 241 阅读 · 0 评论 -
前端基础第十天
基础已经学习一半多了,简单的静态页面也可以做了虽然一个页面需要写好几个小时,但是熟练了就会好一点,一起加油今天主要学习了定位,但是其他的知识也要了解,便于以后yunyong一.四种定位1.静态定位static 标准流中默认都是静态定位2.相对定位relative 特点:1.配合方位属性使用 2.相对于自己原来的位...原创 2019-01-08 22:37:52 · 202 阅读 · 0 评论 -
前端学习js基础第一天--变量和数据类型的认识
我们已经学过了html和css,也可以用这些做一些简单的静态页面了但是我们的重点就是如何让页面"活",这就要运用到我们js了接下来的一段时间,将会不断更新js的知识,基础很重要,也很零碎,理解性记忆即可前端学习js基础第一天一.什么是jsjs是一种运行在浏览器的脚本语言js的历史:作者: 布莱登-艾奇 开发了 LiveScript (表单校验)...原创 2019-01-19 18:07:12 · 229 阅读 · 0 评论 -
使用js内置对象Math生成随机颜色
随机一个颜色 rgb 颜色然后调用函数给body就可以改变浏览器中body的颜色其实就是把rgb的三个颜色值使用随机的数字来表示就达到了取一个随机颜色的目的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport...原创 2019-03-18 21:33:13 · 615 阅读 · 0 评论 -
前端学习js基础第五天---内置对象中的Math对象和Date对象
今天就主要研究一下js中的Math对象和Date对象,在开发中也是经常使用的一.Math对象属性:Math.PI 固定的值max最大值min最小值ceil向上取整floor向下取整round四舍五入abs绝对值pow(2,,10) 2的10次方sqrt( 9 ) 对9开方random 随机数 :公式求0-N的随机整数,parseInt(Math.ran...原创 2019-03-18 21:26:36 · 282 阅读 · 0 评论 -
webAPI 第一天
js基础已经了解结束,我们开始学习webapi一.webpi 了解web : 网页 api :预先定义的方法,帮我们实现某种特定的功能 特征:输入(参数) 输出(返回值)webapi就是浏览器提供给我们用来操作页面的方法js的组成: 1. ECMAScript : js基础课 ,js高级 , js的标准规范,规范了js的基本语法数据类型 ...原创 2019-03-21 21:28:06 · 375 阅读 · 0 评论 -
js基础中的驼峰命名生成
在面试时,我们经常会遇见js基础的一些问题,不是很难,且不知道从哪下手知识就在里面,就是取不出来下面就是我们运用js基础来实现的驼峰命名<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="...原创 2019-03-21 17:48:04 · 1140 阅读 · 0 评论 -
前端学习js基础第六天---内置对象中的其他内置对象
我们在此之前已经对Math对象和Date对象做出了一定的了解,下面就认识一下其他的对象一.Array对象,提供的是Array构造函数join, arr.join(' | ') 将数组的每一项元素根据分隔符拼接成一个字符串,默认分隔符,push, 往后加pop,往后面删shift,在前面删unshift,在前面加reverse,翻转sort,sort(fn...原创 2019-03-21 17:44:33 · 154 阅读 · 0 评论