![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 81
gisercug
这个作者很懒,什么都没留下…
展开
-
非科班小硕放弃学了七年的专业,一步一步转向了前端程序员
这篇文章是“一起学前端”作者的转行历程,希望将这两年自己的心路历程和学习过程给大家一个参考,同时也为迷茫的你我他的职业选择有一点启发作用。我是谁?首先做个自我介绍,我本科双非,研究生末端211,传统基建相关工科硕士,在本科接触过VB编程,C语言,19年初开始学习前端,至今真正学习前端时间九个月,20年九月份拿到若干个大厂offer。初识前端在接触前端前,我对编程的认知完全只有,c语言和vb编程,甚至都不知道前端和后端是什么意思,在读研导师的安排下,19年四月份,到某传统行业软件开发龙头公司进行实习.原创 2021-06-16 22:25:49 · 339 阅读 · 0 评论 -
react setState 之同步异步
react setState 之同步异步问题来源:在react组件中,每次修改state中的对象后接下来去取修改后的值,有时取到的值是修改前的,有时是修改后的,那setState是同步的还是异步的呢?为什么呢?讨论1本次研究就用代码实践来总结体会,找寻答案import React from "react"class test extends React.Component { constructor(props) { this.state = { num:0}} co原创 2020-07-05 21:58:54 · 534 阅读 · 0 评论 -
Mocha sidebar 前端测试最简单最方便入门工具
这两天无意间留意到前端测试的东西,于是想写一下前端测试的东西,具体前端测试的主要东西就不说了,就说个前端测试的入门的工具。mocha sidebar官网测试好处1.可以保证代码质量2.减少人力测试过程3.用来表达设计或作为文档记录Mocha sidebar是vs code集成的mocha的一个vscode插件。特别方便使用。首先下载这个Mocha sidebar插件,然后就有这个图标...原创 2019-12-07 23:00:06 · 894 阅读 · 0 评论 -
js进阶之正则表达式
正则表达式ps 网上有一堆的正则表达式自动生成器,可以百度找到,直接粘贴过来使用,很方便,这个文章主要是理解这个知识点,假如需要自己写的时候能写出来定义一些字符串的规则,来检查一些字符串是否符合规则,获取字符串中符合规则的内容提取出来1.创建正则表达式的对象var 变量 = new RegExp(“正则表达式”,“匹配模式”)简写 reg = /a/ig,使用上面的写法更加灵活reg...原创 2019-07-10 18:13:45 · 200 阅读 · 0 评论 -
css入门基础(二)
css学习记录(二)css中的长度单位像素px --像素,是网页中使用最多的单位百分比 --相对于父元素,比如类box2是box1的子元素,如果.box1的css样式中为height: 100px.box2的样式如果是50%,那么他的height为50px,在自适应网页中经常使用em --em和百分比类似,相对于当前元素的字体大小css中的font-size来决定,浏览...原创 2019-06-30 20:41:25 · 190 阅读 · 0 评论 -
js轮播图代码
js轮播图代码因为平时用vue,写代码习惯了,这个轮播图的代码是在vue的脚手架里写的,把它拆解起来,写在html原理一样,基本功能实现了,唯一美中不足的就是轮播图一开始不是自动播放的,需要鼠标在图片上划过一次才能自动播放,如果用原生js代码写的话,用windoes.onload和init,建立定时器,然后清除等操作可以实现自动播放,和鼠标放在上面后停止播放功能,遇到的问题就是,vue加载页面...原创 2019-07-05 21:38:08 · 1982 阅读 · 0 评论 -
js之获取鼠标在浏览器的位置及e.clientX,e.pageX,,e.offsetX,e.screenX区别
在浏览器中有时候需要在响应鼠标的click,move,doubleclick等事件的同时,还需要去综合鼠标所在的位置,去考虑一些问题,首先我们要理解一些概念事件对象当事件的响应函数被触发时,浏览器都会将一个事件对象作为实参传递给响应函数在事件对象封装了当前事件的一切信息,比如鼠标坐标,是否被按下,键盘是否按下等比如这就是一个响应函数xx = document.getElementById...原创 2019-07-11 17:02:51 · 1460 阅读 · 0 评论 -
js中var let const 区别详解
首先要理解js中作用域的概念作用域:指的是一个变量的作用范围1.全局作用域直接写在script中的js代码,在js中,万物皆对象,都在全局作用域,全局作用域在页面打开时创建,在全局作用域中有一个全局对象window,它代表是一个浏览器的窗口它由浏览器创建可以直接使用,在全局作用域中,创建的对象都可以都可以作为window对象的属性保存,在任何地方都可以调用2.函数作用域调用函数时创建函...原创 2019-07-11 18:06:43 · 256 阅读 · 0 评论 -
手把手教你用vue+JavaScript+openlayers+iview制作实时天气预报图
啥都不说先看效果还有事件统计功能,以及本地天气预报功能。这算是前端技术中的webgis相关的知识,这些实现都是用的纯前端加上中国天气网api和高德地图的地理编码的api请求数据。因为这个小demo涉及的数据传递较多,所以我选择使用vue框架,另外为了地图的展示,openlayers作为开源的webgis库,是很值得被选择,本项目涉及较多的就是openlayers添加地图,以及在地图上添加...原创 2019-09-17 18:01:14 · 3869 阅读 · 1 评论 -
js进阶之函数与对象
数据类型:string number boolean null undefined object(前五个为基本数据类型 都是单一的值,值与值之间没有任何联系,不能成为一个整体,只要不是这五种,在js中都是对象(object)对象是一个复合的数据对象,在对象中可以保存不同数据类型的属性)对象的分类:1.内建对象:由es标准定义的对象,在任何的es的实现都可以使用比如:math strin...原创 2019-07-10 18:10:38 · 135 阅读 · 0 评论 -
git入门 看完这个保准玩转github
git入门众所周知 近几年,随着 GitHub 在国内的不断推广普及,不少开发者都开始纷纷采用 GitHub 来作为公司内部的代码管理工具。但是在与其页面为英文版让初学者一开始用起来比较不太习惯,那么本文就来开头就介绍几个工具让将github中文化,https://github.com/52cik/github-hans,在这个网址中按照它的操作安装插件即可实现github网站的汉化功能,如果能...原创 2019-06-29 18:10:47 · 269 阅读 · 0 评论 -
js+Canvas实现时钟图,简单易懂
本文主要参考canvas入门网址,加上自己理解将钟表图用原生js写出来,有两个难点1.整个时钟的实现的难点和重点是save()和restore()的进栈 出栈,后进先出,理解的有点难,参考上面的网址很好理解,最后需要让第一个进栈的出栈2, requestAnimFrame()这个函数,功能强大,类似于定时器,但其兼容性不好,之前没了解好,直接拿来用,结果导致了错误,具体优点可以参考这篇文章更...原创 2019-07-07 19:25:15 · 1397 阅读 · 0 评论 -
js+Canvas实现热力图
本文借鉴与腾讯位置服务的一位前端工程师写的代码,不得不佩服鹅厂的人才很牛,于是就借鉴一下,不过不知是我对于人家的代码理解不太透彻,还是别的原因,下面的代码运行的很慢,要很久才能将热力图展示出来,里面重点为的构造函数和Canvas画图主要借鉴这个网站[腾讯大神热力图]https://mp.weixin.qq.com/s/PAEj8Pie5O6RrOmezocpWw如果看到的朋友觉得我的代码哪里有...原创 2019-07-08 11:50:18 · 8295 阅读 · 4 评论 -
css中的高度塌陷与各种定位,看了就明白了
标题高度塌陷解决方法根据w3c的标准 在页面中元素都有一个隐含的属性叫Block Formatting Context简称BFC,该属性可以设置打开和关闭,默认是关闭的BFC的定义: 是设置元素的一种特性(功能)1,使 BFC内部浮动元素不会到处乱跑;2,和浮动元素产生边界。当开启元素的BFC以后,元素将会有如下的属性1.父元素的垂直外边距不会和子元素重叠,2.开启BFC的元素不会...原创 2019-07-02 17:36:08 · 2460 阅读 · 0 评论 -
vue中使用用ECharts入门
具体步骤1.安装vue-cli2.npm install echarts3书写代码<template> <div> <div id="main" ref="chart"></div> </div></template><script>var echarts = requi...原创 2019-07-03 11:27:29 · 5485 阅读 · 1 评论 -
VUE入门之父子组件间相互传值实现todolists
父组件向子组件传值使用props子组件向父组件传值使用emit父组件todolists.vue<template> <div id="root"> <div> <input v-model="inputValue"/> <button @click="handSubmit">提交&...原创 2019-07-03 17:42:32 · 344 阅读 · 0 评论 -
js中的this到底是什么?
this解析器在调用函数时每次都会向浏览器传递进一个隐含的参数,这个隐含参数,就是thisthis指向的是一个对象,这个对象我们称为函数执行的上下文对象,根据函数的调用方式不同,this会指向不同的对象!!!函数被调用后调用,this指向调用方法的那个对象this是 JavaScript 语言的一个关键字。它是函数运行时,在函数体内部自动生成的一个对象,只能在函数体内部使用上面代码中...原创 2019-07-12 22:03:43 · 748 阅读 · 0 评论 -
css入门基础一
css学习记录一写在前面CSS(cascading style sheets)层叠样式表 可以为网页创造样式表,通过样式表可以对网页进行装饰。(推荐开发工具 vscode(首推) qq电脑管家下载 其余还有sublime webstrom hbuilder(国人开发))本篇文章主要内容为css样式入门,以及块元素和内联元素,以及常见的选择器以及他们的优先级及应用内联样式可以将css样式直接...原创 2019-06-28 17:38:46 · 165 阅读 · 0 评论 -
原生js实现打飞机和静态留言表
<!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-...原创 2019-07-09 18:06:33 · 259 阅读 · 0 评论 -
html看了就会(一)html常用文本标签语义与样式
html常用文本标签语义与样式em标签用于表示一段内容的着重点,指的是语气上的强调strong标签用来表示内容上的重要性,指的是语义上的重要性两者都表示强调的内容<p> 今天天气<em>真不错</em></p><p> <strong> 不好好学前端,没有高工资 </strong&...原创 2019-06-29 12:57:28 · 753 阅读 · 0 评论 -
css中盒子模型与浮动,看这篇就够了
css中的盒子模型 css处理网页时,他认为每个元素都包含在一个不可见的矩形盒子 盒子是由 内容区,内边距(padding),边框,外边距(margin)组成在浏览器中,其默认样式中存在一些body等元素存在的默认样式,比如一些外边距,内边距等,它的这些默认样式所以在编写样式之前我们需要将默认样式取消掉,在书写代码时在style中引入下面的reset.css文件即可,下面的效果不好的话,可以百...原创 2019-07-01 17:38:10 · 1863 阅读 · 0 评论