前端
不一于汝(工作不易,多多学习)
当你学的越多,发现自己很多都不知道时,说明在进步了
准备学习react了,行业太难了
展开
-
Vue.js 框架源码与进阶
导学课程目标了解什么是虚拟DOM,以及虚拟DOM的作用 Snabbdom的基本使用 Snabbdom的源码解析什么是Virtual DOMVirtual DOM(虚拟DOM),是由普通的JS对象来描述DOM对象,因为不是真实的DOM对象,所以叫Virtual DOM 真实DOM成员可以使用Virtual DOM来描述真实DOM,示例{ sel: "div", data: {}, children: undefined, .原创 2020-07-23 20:14:58 · 937 阅读 · 0 评论 -
jQuery--动画篇(二)
动画切换的比较jQuery中toggle与slideToggle以及fadeToggle的比较操作元素的显示和隐藏可以有几种方法。例如:改变样式display为none设置位置高度为0设置透明度为0都能达到这个目的,并且针对这样的处理jQuery都提供了各自的方法。show/hide、sildeDown/sildeUp、fadeIn/fadeOut。原创 2017-08-29 09:52:43 · 268 阅读 · 0 评论 -
编写html5程序的小技巧
1.使用标签分行显示文本对于上一小节的例子,我们想让那首诗显示得更美观些,如显示下面效果:怎么可以让每一句诗词后面加入一个折行呢?那就可以用到<br />标签了,在需要加回车换行的地方加入,标签作用相当于word文档中的回车。上节的代码改为:语法:xhtml1.0写法:html4.01写法:大家注意转载 2017-04-09 16:06:35 · 2168 阅读 · 0 评论 -
编写html5的小技巧2
1.使用ul,添加新闻信息列表在浏览网页时,你会发现网页上有很多信息的列表,如新闻列表、图片列表,如下图所示。新闻列表图片列表这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。语法: 信息 信息 ......举例: 精彩少年 美丽突然出现 触动心灵的旋律转载 2017-04-09 16:24:42 · 503 阅读 · 0 评论 -
CSS格式化排版
1 文字排版--字体我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体。body{font-family:"宋体";}这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你原创 2017-06-06 19:42:28 · 361 阅读 · 0 评论 -
jQuery插件--Validation
jQuery插件一:插件的选择标准1.插件作者2.插件的社区活跃度3.插件的更新频率二:jQuery validation插件最常用的表单验证插件之一 http://jqueryvalidation.org jQuery表单验证插件:https;//plugins.jquery.com/tag/validate/4.阅读查看源码jquery Validation插件1:让原创 2017-09-02 23:12:35 · 650 阅读 · 0 评论 -
Ajax全接触
Ajax概念介绍 Ajax--同步和异步 Ajax三步骤: Asynchronous Javascript And XML 1、运用HTML和CSS实现页面,表达信息; 2、运用XMLHttpRequest和web服务器进行数据的异步交换; 3、运用JavaScript操作DOM,实现动态局部刷新;1.同步:就是用户填原创 2017-09-05 09:45:10 · 346 阅读 · 0 评论 -
Ajax全接触(2)
Json基本概念JSON:JavaScript对象表示法,全称:JavaScript Object Notation1、JSON是存储和交换文本信息的语法,类似XML。它采用键值对的方式来组织数据,易于人们阅读和编写,同时也易于机器解析和生成2、JSON是独立于语言的,任何语言都可以按照json的规则来解析JSON与XML比较:1、json的长度比xml短小2、json的读写速度原创 2017-09-06 08:00:00 · 253 阅读 · 0 评论 -
CSS常用属性-定位(Positioning)
文章来自CSS参考手册,作者:渔人码头1.position语法:position:static | relative | absolute | fixed | center | page | sticky默认值:static适用于:除display属性定义为table-column-group | table-column之外的所有元素继承性:无转载 2017-11-01 09:23:54 · 547 阅读 · 0 评论 -
前端习题总结
哪一个不是浏览器默认的天生inline-block标签(拥有内在尺寸,可设置高宽,不会自动换行)?1.常见的块级元素(自动换行, 可设置高宽 )有: div,h1-h6,p,pre,ul,ol,li,form,table,label等2。常见的行内元素(无法自动换行,无法设置宽高)有: a,img,span,i(斜体),em(强调),sub(原创 2017-11-01 09:40:48 · 1149 阅读 · 0 评论 -
网页的兼容性解决办法
HTML页面原创 2017-09-21 08:41:25 · 1580 阅读 · 0 评论 -
jQuery-DOM篇
jQuery中的DOM 操作查找节点 插入节点 删除节点 复制节点 替换节点 包裹节点DOM创建节点及节点属性通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作。但实际上一般开发者都习惯性的先定义好HTML结构,但这样就非常不灵活了。试想下这样的情况:如果我们通过AJAX获取到数据之后然后才能确定结构的话,这种情况就需要动态的处理节点了本文原创 2017-08-24 09:27:00 · 310 阅读 · 0 评论 -
jQuery的属性与样式
jQuery的属性与样式之.attr()与.removeAttr()每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息。如:在img元素中,src就是元素的特性,用来标记图片的地址。操作特性的DOM方法主要有3个,getAttribute方法、setAttribute方法和removeAttribute方法,就算如此在实际操作中还是会存在很多问原创 2017-08-13 17:30:00 · 336 阅读 · 0 评论 -
jQuery-DOM篇(二)
DOM节点的复制与替换DOM拷贝clone()克隆节点是DOM的常见操作,jQuery提供一个clone方法,专门用于处理dom的克隆.clone()方法深度 复制所有匹配的元素集合,包括所有匹配元素、匹配元素的下级元素、文字节点。clone方法比较简单就是克隆节点,但是需要注意,如果节点有事件或者数据之类的其他处理,我们需要通过clone(ture)传原创 2017-08-24 14:00:24 · 310 阅读 · 0 评论 -
jQuery--动画篇
动画基础隐藏和显示jQuery中隐藏元素的hide方法让页面上的元素不可见,一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局,如果在代码执行的时候,一般是通过js控制元素的style属性,这里jQuery提供了一个快捷的方法.hide()来达到这个效果$elem.hide()提供参数:.hide( options原创 2017-08-26 17:46:11 · 293 阅读 · 0 评论 -
DOM对象,控制HTML元素
1 认识DOM文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。先来看看下面代码:将HTML代码分解为DOM节点层次图:HTML文档可以说由节点构成的集合,DOM节点有:1. 元素节点:上图中、、等都是元素节点,即标原创 2017-07-28 22:29:39 · 275 阅读 · 0 评论 -
jQuery选择器-综合案例
综合案例这是一个综合的案例,主要就是展示选择器的使用,案例中的选择器是相对比较复杂的,很多时候我们不需要写这么复杂的选择器,但是案例是为了展示整个选择器的知识点的运用右边是一段文本,我们通过不同的选择器给指定的文字赋予颜色分析一段复杂的选择器:$("#menu_con div.tag dd > p:first-child")这段组合的选择器表达式用到了几原创 2017-08-13 11:49:38 · 2361 阅读 · 0 评论 -
加入强调语气,使用<strong>和<em>标签
有了段落又有了标题,现在如果想在一段话中特别强调某几个文字,这时候就可以用到或标签。 但两者在强调的语气上有区别: 表示强调, 表示更强烈的强调。并且在浏览器中 默认用斜体表示, 用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用表示强调。语法:需要强调的文本 需要强调的文本 如,在网上商城中,某产品的打折后的价格是需要强调的。如下图。原创 2017-03-30 13:51:11 · 1101 阅读 · 0 评论 -
Html与Css
1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。3. JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还原创 2017-03-30 10:12:49 · 465 阅读 · 0 评论 -
前端知识点
原文文章:前端工程师手册前端知识点HTML + CSS对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端一些自适应或垂直水平居中问题汇总 Normal Flow Containing Block Margin Collapse BFC Baseline Writing Mode un...原创 2019-07-11 10:19:09 · 330 阅读 · 0 评论 -
前端工作过程遇到的问题总结(八)
目录前端实现文件下载功能前端实现图片上传功能element ui 表单验证不通过this.$nextTick(() => {})的作用JavaScript 判断对象中是否有某属性的常用方法JS根据身份证号码算年龄element ui的表格鼠标定义右键菜单vue 操作数组的变异方法和非变异方法vue使用lodashjavascript页面刷新的几种...转载 2019-07-09 14:32:23 · 1564 阅读 · 0 评论 -
前端工作过程遇到的问题总结(六)-Vue篇--(中部)
目录vue element隐藏组件滚动条scrollbar使用vue实现打印:npm清理缓存js获取当天时间0点到24点的时间戳vue项目让局域网ip访问配置设置Vue父子组件如何双向绑定传值vue中配置条形码Vue 2.0 项目中Axios配置不同的baseURL,请求不同的域名接口vue监听页面大小变化重新刷新布局javascript页面刷新的几种方法...转载 2019-05-21 15:53:58 · 730 阅读 · 0 评论 -
前端工作过程遇到的问题总结(四)-jQuery和JS篇
目录jQuery鼠标事件汇总jQuery 获取兄弟元素的几种不错方法JS组织事件冒泡的三种方法之间的不同删除字符串最后一个字符的几种方法respond.js第六行SCRIPT5:拒绝访问。跨域问题获取div的各种高度html判断IE版本图片验证码加时间戳刷新注意字符串splice()、split()和slice()方法jQuery鼠标事件汇总原文:jQu...转载 2019-03-18 23:39:47 · 469 阅读 · 0 评论 -
前端工作过程遇到的问题总结(三)--微信小程序篇
目录微信小程序scroll-view横向滚动微信小程序(页面跳转详解)微信小程序bind事件和catch事件区别微信小程序:button组件的边框设置分享几个微信小程序开发框架和工具微信小程序scroll-view横向滚动原文:微信小程序scroll-view横向滚动<scroll-view scroll-x style="height:100rpx;whi...转载 2019-03-18 12:34:30 · 967 阅读 · 0 评论 -
前端工作过程遇到的问题总结(二)
目录常见的HTML语义化标签大全点击input,value值消失前端开发知识点AMD和CMD的区别:工作中常见问题汇总及解决方案怎么设置网页内容不能被复制?怎么解决?常见的HTML语义化标签大全参考:整理 HTML5 新增的语义化标签(红烧茄子蛋炒饭) HTML5新增的语义化标签(德玛西亚2班) 常见HTML语义化标签大全(易刺猬)1. HTML语义...转载 2019-03-15 17:33:55 · 1080 阅读 · 0 评论 -
前端工作过程遇到的问题总结(五)-Vue篇--(上部)
目录Vue webapp项目通过HBulider打包原生APPvue项目打包后打开空白解决办法Vue如何使用rules对表单字段进行校验vue中修改css样式和添加CSS样式vue获取屏幕宽高 width heightvue键盘回车事件Vue项目中设置背景图片方法VUE获取验证码倒计时element更改表头样式vue面试总结:Vue webapp项目通...转载 2019-03-19 16:01:12 · 2486 阅读 · 0 评论 -
Vue实战项目开发--vue项目预热
项目的源代码在GitHub上:点击查看视频资源:可以加我百度网盘好友“任性的_我_”,免费发给你项目环境准备安装node.js环境(文档:node官网下载,推荐使用长期维护版LTS),不懂怎么安装可以自己搜一下 然后各种工具,这里有我之前的一篇文章(文档:npm和必要工具的安装) 使用GitHub来保存项目代码(文档:github官网,这里推荐使用github,还有很多代码管理工具...原创 2018-10-23 17:38:02 · 561 阅读 · 0 评论 -
响应式开发原理
什么是响应式网站?就是在不同终端设备上和任何尺寸的屏幕上也可以展示完美的设计响应式网站的概念:flexible grid layout 弹性网格布局flexible image 弹性图片media queries 媒体查询响应式网站的优点:减少工作量 网站、设计、代码、内容都 只需要一份多出来的工作量只是JS脚本、CSS样式做一些改变 节...原创 2018-06-19 22:59:50 · 6116 阅读 · 0 评论 -
Node.js--使用Redis
在Node.js中使用RedisRedis基本介绍Redis的基本使用Express项目中Redis代码的组织Rdis基本介绍基本功能基本工具基本功能:缓存系统数据存储消息中介基本工具:服务启动工具命令行客户端工具GUI工具redis的基本使用原创 2018-06-09 22:38:48 · 209 阅读 · 0 评论 -
vue2.0的基本使用
1.Vue基础知识指令的使用:v-model 双向模型改变v-text 文本渲染,渲染页面比较多v-show 控制DOM的显示隐藏v-if 控制DOM 判断v-bind 绑定属性v-for 循环,只要用于列表等v-on 事件绑定v-model:主要是在表单里面使用。比如文本框、下拉框、单选、复选、textarea。v-model是一个双向的功能。文本框输入以后,模原创 2018-03-21 18:10:03 · 467 阅读 · 0 评论 -
网页设计站点常用的知识
1.表单的value默认值 value="姓名 Name" onfocus="this.value='';" onblur="this.value='姓名 Name'" /> 请输入您需要留言的内容 设转载 2017-12-20 15:00:17 · 478 阅读 · 0 评论 -
html、css常考的知识点
1.CSS中绝对定位和相对定位的文档流是怎样的 以及他们是如何使用的? CSS的相对定位和绝对定位。通常情况下,我们的元素的position属性的值默认为static就是没有定位,元素出现在正常的文档流中,这个时候你给这个元素设置的left、right、bottom、top这些偏移属性都是没有效果的,不会生效(但是padding、margin是生效的)。还有z-index属性在这时不转载 2017-11-01 09:37:35 · 1025 阅读 · 0 评论 -
jQuery--事件篇(二)
键盘事件jQuery键盘事件之keydown()与keyup()事件鼠标有mousedown,mouseup之类的事件,这是根据人的手势动作分解的2个触发行为。相对应的键盘也有这类事件,将用户行为分解成2个动作,键盘按下与松手,针对这样的2种动作,jQuery分别提供了对应keydown与keyup方法来监听keydown事件:当用户在一个元素上第一次按原创 2017-08-25 15:50:44 · 337 阅读 · 0 评论 -
网页定位导航特效
网页定位导航设计1.解决问题流程:分析—设计——实现2.特效分析分为左右两部分:1).左侧的内容,右侧悬浮的导航菜单2).左侧滚动,右侧不改变位置3).点击右侧,左侧定位相应栏目4).左侧滚到相应栏目,右侧定位到对应链接3.重难点1).左侧栏目和右侧导航菜单的显示样式实现2).导航与滚动条之间的定位关联css scrollTop4.导航与滚动条之间的定位关联滚动条与右侧导航条原创 2017-09-07 10:24:51 · 584 阅读 · 0 评论 -
jQuery选择器(2)
jQuery选择器之基本筛选选择器很多时候我们不能直接通过基本选择器与层级选择器找到我们想要的元素,为此jQuery提供了一系列的筛选选择器用来更快捷的找到所需的DOM元素。筛选选择器很多都不是CSS的规范,而是jQuery自己为了开发者的便利延展出来的选择器筛选选择器的用法与CSS中的伪元素相似,选择器用冒号“:”开头,通过一个列表,看看基本筛选器的描述:原创 2017-08-13 11:32:46 · 248 阅读 · 0 评论 -
浏览器对象(2)
1 History 对象history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。注意:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。语法:window.history.[属性|方法]注意:window可以省略。History原创 2017-07-28 14:23:21 · 241 阅读 · 0 评论 -
JS-常用互动方法
1 JavaScript-输出内容(document.write)document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。第一种:输出内容用""括起,直接输出""号内的内容。 document.write("I love JavaScript!"); //内容用""括起来,""里的内容直接输出。原创 2017-07-01 22:56:21 · 253 阅读 · 0 评论 -
Javascript入门篇
1 如何插入JS我们来看看如何写入JS代码?你只需一步操作,使用标签在HTML网页中插入JavaScript代码。注意, 标签要成对出现,并把JavaScript代码写在之间。表示在之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。2 引用JS外部文件通过前面知识学习,我们知道原创 2017-07-01 17:28:58 · 256 阅读 · 0 评论 -
导航条的制作
要点:1、用无序列表构建菜单;ul/li2、垂直菜单转变为水平菜单:float:left;3、在制作圆角菜单时,背景图片贴在标签上; -------> 雪碧图的应用--- background-position4、在制作改变高度的伸缩菜单时,实现高度向上延伸的技巧: ----> margin-top用负值;5、用JS制作水平伸缩菜单时,“this”代表当前的标签。 jQuer原创 2017-06-12 16:30:54 · 370 阅读 · 0 评论 -
javascript深入理解js闭包
一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){ alert(n); } f1(); // 999另一方面转载 2017-06-30 22:35:01 · 292 阅读 · 0 评论