先介绍下背景 非211,985本科毕业.一年半PHP经验,一年半前端经验,前端一直在做React开发. 半年之前,我是一个前端小小小白.多么小白呢? css调样式全靠试. 盒模型,好像知道是啥?好像又不知道! 看到别人说BFC,啥是BFC?为啥外边距会合并?有些会合并,有些不会合并,这都是啥玩意? z-index为啥有时候有效果,有时候没效果?为啥有时候小的值还在大的上面? js就会基础使用,稍微复杂的一脸懵逼. 看别人的文章,一看到prototype,立马头疼,这都是啥!什么原型,继承,离我远…
七天国庆黄金周转眼即逝,退散的除了出游的热情,还有一波求职热潮...IT 行业的技术者,时常被称为“码农.IT民工” 虽然行业内巨大的人才需求和相对容易得到的高薪,在源源不断的吸引各路人马加入,但它依旧在全球最缺人的十大行业中位居榜首. 遇到很多小伙伴问我这样一个问题:大学计算机技术相关专业 加上 IT 培训机构的输出,每年培养出来的技术人才加起来少数也有10多万,为什么还会有这么大的人才缺口呢? 首先,2017年的“一带一路”建设在为 IT 行业开拓新市场,打造新格局,信息化建设~~其次,无人…
前注:这篇文章首发于我自己创办的服务于校园的技术分享 [西邮 Upper -- 004]Web前端小白入门指迷,写得很用心也就发在这里. 大前端之旅 大前端有很多种,Shell 前端,客户端前端,App 前端,Web 前端和可能接下来很会火起来的 VR 前端等.当然在这篇文章,集中讨论一下身为小白,我们怎样去了解 Web 前端,以至达到一种入门级别的水平. 前端篇: 前端演进史 这同时也可作为任何一门编程语言之旅的小参考,不足之处欢迎指出. 为什么学 Web 前端 互联网的快速发展和激烈竞争,用…
前一篇写了自我总结的webpack定义:为JavaScript服务的静态模块打包器 和几大基本概念 entry.output.plugins.loaders等.指路前端小白webpack学习(一) 下面开始webpack的具体使用. webpack使用 创建新项目,项目目录如下. src目录下存放项目源码,index.html作为项目入口: dist目录存放打包好的文件 2.webpack安装 ​ webpack安装分两种: 全局安装 npm i webpack webpack-cli -g 项…
http://bbs.phome.net/showthread-31-318753-0.html 如果你的网站使用的是帝国CMS.PC站和手机站各使用一个模板组,但共同使用一个数据库.那么你的PC站和手机站,列表分页样式是一样的吗? 今天<a href="http://www.thy6415.com">嗨分享-前端技术</a>将带你感受不一样的分页样式! PC站可以把分页按1.2.3.4...这样并排 列出来,但手机站是万万不可以这样做的,否则手机屏幕小,分页看…
微信小程序 慕课网   BAT大牛经验总结全面深入解读Android面试   前端JS基础面试技巧   vue2.0+node.js+mongodb全栈打造商城   Vue.js高级实战-开发移动端音乐WebApp python分布式爬虫打造搜索引擎(1)   双剑合璧Laravel,AngularJS全栈开发知乎   React.js入门与实战开发适配PC端及移动端新闻头条平台   高性能高可用Yii 2.0   Thinkphp5.0实战 仿百度糯米开发多商家电商平台   ThinkPHP5…
我是一名前端小白,之前没写过多少代码,心里没有代码质量这个概念,人人都说代码是团队的产物,应该将代码写规范,但是我对具体什么样的代码是可维护的是茫然的. 我没写过多少代码,本来好多东西就不咋会,每次给我需求,我第一想到的就是怎样实现,我应该先完成这项工作,这就使我一次次都到最后再看看自己的代码,从头开始就是乱的,怎样一下再改成规范代码呢,我很迷茫. 长此下去,我入职了一个月两个月三个月,我的代码质量还是没有提升,我写的代码还是一塌糊涂,给后人挖坑,实力坑队友啊,一般,在团队中,自己写的后期基本都…
好程序员web前端分享前端学习路线自学如何找到工作,自学能不能学会WEB前端并且找到WEB前端开发岗位的工作取决于自身条件,如果基础好,自律性强那么将会容易很多,还有就是自学最难克服的并不是知识点,而是自己的学习环境是否真的能让自己静心学习. 就学历和专业而言我们可以来分析成功率,本科生计算机相关专业的那么他的自学成功率就会很高,因为本身基础好,我国高考制度已经充分证明来他的实力,所以这样的人才学习能力是很强的. 比如一个高中辍学的人,他想要自学WEB前端,想要达到就业的水平,那么这样的成功率非…
俗话说得好,好记性不如烂笔头. 之前就在学习中看过webpack的教程,然而一段时间没用,火速的忘光了.写这篇博文,做个总结,也让自己以后有个地方回顾. 看webpack之前,我先去看了一下官方文档,先了解一下webpack的几个概念.我是中英文文档搀着看的,一些小地方中文文档里没写,英文文档里都给了小提示.(下面的概念是我自己翻译总计的,略渣) concepts At its core, webpack is a static module bundler for modern JavaScr…
最近公司要求做海外的第三方登录:目前只做了Facebook和Twitter;国内百度到的信息太少VPN FQ百度+Google了很久终于弄好了.但是做第三方登录基本上都有个特点就是引入必须的js,设置appkey/appId;然后调用登录方法即可得到用户信息. 首先Facebook: 1).在Facebook开发者平台注册自己的application:然后得到appid和应用密钥: 2).接下来就异步引用Facebook的sdk.js并调用初始化方法: window.fbAsyncInit =…
注意啦,前端初学者适合看的js优化,当你看我的优化认为太low,那么恭喜,你已经脱离初学者了. 首先这边我觉得分享的还是以js为主,前端性能优化,我认为最重要的还是js,因为js是一门解释型的语言,相比于编译型语言,执行速度慢得多.木桶效应,js就是那块最短的木板.接下来进入正题,刚进入前端的同学,能做哪些性能优化的方面呢? 1.使用jq代替原生js 其实上家公司我一直秉持着,原生的js好!为什么呢?因为我不会jq....但是来到现在的公司后,发现使用原生的js会被人排挤啊-你想问个问题,人家原…
Hello,大家好,相信很多学习前端的小伙伴,会有很多的疑惑: 我要学习那些技术? 我要到哪里去学习这些技术呢? 学习这些技术的目的对就业有什么帮助呢? 我学到什么程度可以胜任工作? ... 这里,pink老师给你们最全的解答.  1. HTML5 + CSS3  根据web前端发展史,建议大家先学习pc端页面开发. 包含: HTML5.CSS3.浮动.定位.盒子模型.高级技巧等等. 不用说,这是我们前端入门的最基本要求,目的是能完成页面的布局开发,这部分必须精通.  这部分知识比较简单,不要去…
在前端开发中,通常都需要获取并记录用户的某些操作设置,这样可以使用户下一次访问网站时不用进行重复的调整设置同一个功能. js方法的完整代码如下: var cookie = { set:function(key,val,time){//设置cookie方法 var date=new Date(); //获取当前时间 var expiresDays=time; //将date设置为n天以后的时间 date.setTime(date.getTime()+expiresDays*24*3600*1000…
出来实习一个月多,对于前端,运用相关的最多的就是table,想总结一下先关的内容 一.table提供的功能 1.显示表 2.可编辑:分为可编辑行和可编辑块,但是原理都一样就是设置一个flag,true为可编辑,false不可编辑 3.排序:element和antd都有demo 4.添加.删除.编辑    5.失去焦点触发.鼠标移开触发 6.一些重叠显示我就不说了  看demo就行了 二.校验 其实这部分是我最想说,在工作之前,学校学习做项目的时候,只要实现功能就行,从来没有考虑一些校验啊,注入啊…
记录并分享一些自己使用过的插件,便于以后有相应的功能需要使用可以及时想到. 1:数字插件countUp.js 功能:用于动态显示数字的增加和减少 项目github地址:http://inorganik.github.io/countUp.js/ 2:全屏滚动插件:fullPage.js 功能:全屏上下左右滚动,可以做全屏的轮播等. 项目github地址:https://github.com/alvarotrigo/fullPage.js 示例地址:https://alvarotrigo.com/…
本文是<HTML5与CSS3基础语法自学教程>的第一篇,首发于[前端课湛]微信公众号. 导读:本小节主要讲解 HTML 的基本信息,其中包含 HTML 概念.HTML 发展历程和 HTML 标准版本的发展历程.通过本小节的学习可以对 HTML 的含义有个初步的理解,为后续进一步学习 HTML 相关概念打下基础. 1. 什么是 HTML HTML 是个缩写形式,其全称为 Hyper Text Markup Language,翻译成中文的含义为 超文本标记语言.HTML 不是一门编程语言,而是一门…
不写不知道,一写发现自己真是罗里吧嗦,尽量改进 之前写了webpack的主要概念和一些使用,今天再记一下webpack的plugins和loaders的使用 7.webpack plugins使用 例:html-webpack-plugin ,这个插件的作用主要有两点 ​ 1.自动在内存中根据指定页面生成一个内存的页面 ​ 2.自动把打包好的 bundle.js 追加到页面中去 安装插件,终端输入npm i html-webpack-plugin -D 插件使用前需引入,在webpack.con…
前言:只要坚持就会胜利--Coldfront-小白菜 既是总结也是一种分享 分享内容:ES6 字符串模板 案例1:var Musics=[{music:"六月的雨",singer:"胡歌",Album:"<六月的雨>"},{music:"认真",singer:"未知",Album:"<认真>"}] window.onload=function(){ let  ul…
html和css的较量 web结构的组成 html标签规则 快速生成一个html html的基本结构 标签的关系 标签 标题标签 段落 图片 超链接 a 属性 a标签里面的值 字符实体 新增的标签 1)iframe 2)div 3)spam 4)格式化标签 5)预格式化标签 pre 音频 audio/视频video 三大列表 无序列表 有序列表 无序列表 web结构的组成 html:超文本标记语言 css: 层叠样式表 美化页面 javascript:轻量级的脚本编程语言(行为和动态) html…
作为一个程序员,经常需要读一些开源项目的源码.同时呢,读源码对我们也有很多好处: 1.提升自己 阅读优秀的代码,第一可以提升我们自身的编码水平,第二可以开拓我们写代码的思路,第三还可能让我们拿到大厂 offer.无论那种情况,优秀的代码就是提升我们开发水平的资粮,而把这些优秀的代码读懂.读透并不很容易. 2.修复 Bug 有些时候,我们用的一些开源组件,出现了一些预想不到的问题.而这时候,也没有前人经验可借鉴,也没有文档可供参考,只能靠自己修复.阅读代码,理解项目,才能顺利修复问题.如果阅读代码…
之前为了这事,百度了一天也没找到,最终使用了静态变量了. 窗体Form1: private void button1_Click(object sender, EventArgs e) { var form2=new Form2(textBox1.Text); form2.Show(); } 窗体Form2: private readonly string _msg; public Form2(string msg) { InitializeComponent(); _msg = msg; }…
gulp新手入门 全局安装 cnpm install -g gulp 本地安装cnpm install gulp -D 如果项目没有package.json,记得npm init 安装插件cnpm install gulp-插件名 -D 插件官方文档 细心的科普 //i  -->install //D  -->--save-dev 记录package.json文件里 //S  -->--save 本地安装 gulp报低级错误 删除node_modules在安装 rm -rf node_m…
在学习了redux基本教程后,课程参考如下网址:https://www.redux.org.cn/docs/introduction/CoreConcepts.html,开始着手练习 1.首先编写一个actions export const CHANGE_VALUE = 'CHANGE_VALUE'; function infoInputChange(data) { return (dispatch) => { dispatch({ type: CHANGE_VALUE, data: { ...…
前几天遇到这样的问题,找了好久,是在ajax     contentType属性设置的问题. contentType默认是application/x-www-form-urlencoded    但是后端接收的不是这个格式,我这个项目改为application/json就可以了…
对于在浏览器中绘制图形图表,目前有较多的js类库可以使用,如:ChartJS,Flot,canvasjs等,但是今天介绍的主角为国产图表库,并在apache孵化,就是大名鼎鼎的echarts. 前方高能[官方介绍] 特性 - Apache ECharts (incubating) ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形…
.less文件与.scss文件使用与.css文件相仿 less-loader使用需要借助less插件,终端输入npm i less less-loader -D安装; sass-loader使用需要借助node-sass插件,终端输入npm i node-sass sass-loader -D安装 入口js文件中引入 import "./css/index.less" import "./css/index.scss" webpack.config.js中配置les…
技术一直在向前发展.但是有一些是相通的,要找准重点,将80%的时间放在提升基础问题上,余下的20%再去学习框架,库和工具. HTML 1. HTML 属性应当按照以下给出的顺序依次排列,确保代码的易读性 class id, name data-* src, for, type, href, value title, alt role, aria-* 说明:class 用于标识高度可复用组件,因此应该排在首位.id 用于标识具体组件,应当谨慎使用(例如,页面内的书签),因此排在第二位. 标签 超链…
标签的划分 块级元素 独占一行 设置 宽 高可以起作用 排列方式: 上下排列 行内元素 可以共占一行 设置 宽 高 不起作用,大小由内容决定 排列方式:左右排列 行内块 可以共占一行 可以设置宽 高 排列方式:左右 标签 标题:h1-h6 段落 p 图片 img 超链接 a 格式化标签 加粗 b strong 斜体 i em 下划线 ins u 删除线 del s 预格式化标签 pre 音频 audio 视频 video 大盒子 div 小盒子 span 三大列表 ul li ol dl dt…
What is CSS? CSS stands for Cascading Style Sheets CSS describes how HTML elements are to be displayed on screen, paper, or in other media CSS saves a lot of work. It can control the layout of multiple web pages all at once External stylesheets are s…
1:将vue-cli4版本退回到vue-cli3 2:使用element-plus 替换 element-ui 传送门 => https://element-plus.gitee.io/#/zh-CN/component/quickstart…