【前端词典】 Vue 响应式原理其实很好懂

如何理解响应式 可以这样理解:当一个状态改变之后,与这个状态相关的事务也立即随之改变,从前端来看就是数据状态改变后相关 DOM 也随之改变。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时,视图会进行更新。 抛个问题 我们先看看我们在 Vue 中常见的写法: &...

2019-06-11 11:07:08

阅读数 108

评论数 0

11 种在大多数教程中找不到的 JavaScript 技巧

在这篇文章中,我将分享11条我认为特别有用的技巧。这篇文章是为初学者准备的,但我希望即使是中级JavaScript开发人员也能在这个列表中找到一些新的东西。 1..过滤唯一值 Set对象类型是在ES6中引入的,配合展开操作...一起,我们可以使用它来创建一个新数组,该数组只有唯一的值。 c...

2019-06-06 15:04:21

阅读数 54

评论数 0

前端之html5和css3

圆角,透明度,rgba CSS3圆角 设置某一个角的圆角,比如设置左上角的圆角: border-top-left-radius:30px 60px; 同时分别设置四个角: border-radius:30px 60px 120px 150px; 设置四个圆角相同: border-radius:...

2019-06-06 14:47:39

阅读数 68

评论数 0

关于webpack4的14个知识点,童叟无欺

前言 Webpack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。 WebPack和Grunt以及Gulp相比有什么特性 其实Webpac...

2019-06-05 15:37:55

阅读数 87

评论数 0

我从来不理解JavaScript闭包,直到有人这样向我解释它

正如标题所述,JavaScript闭包对我来说一直有点神秘,看过很多闭包的文章,在工作使用过闭包,有时甚至在项目中使用闭包,但我确实是这是在使用闭包的知识。 最近看到的一些文章,终于,有人用于一种让我明白方式对闭包进行了解释,我将在本文中尝试使用这种方法来解释闭包。 准备 在理解闭包之前,有...

2019-06-05 14:54:56

阅读数 58

评论数 0

重学前端(9)正则还真要多练

正则表达式简介 什么是正则表达式 正则表达式:用于匹配规律规则的表达式,正则表达式最初是科学家对人类神经系统的工作原理的早期研究,现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。 正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符、及...

2019-06-05 14:51:35

阅读数 59

评论数 0

给前端开发者的5点建议

最近接触了很多前端的小伙伴,和他们谈了很多职业发展的问题,大部分是做了一到三年的前端新手。 在交流中发现了一个很有意思的现象,同样是入门不足三年,有部分人觉得前端很有前途,甚至有人年薪已经30W以上,但也有部分人觉得前端薪资不高,技术体系庞杂,迭代速度飞快,苦于学习各种不断更新的技术和框架,心神...

2019-06-05 14:30:54

阅读数 55

评论数 0

Gulp

一、Gulp:   Gulp 是基于node.js的一个前端自动化构建工具,开发这可以使用它构建自动化工作流程(前端集成开发环境)。 使用gulp你可以简化工作量,让你把重点放在功能的开发上,从而提高你的开发效率和工作质量。(gulp是基于node.js开发的) 二、Gulp的安装: 1、先...

2019-05-31 16:16:15

阅读数 72

评论数 0

跨域解决方案之JSONP,通过借助调用百度搜索的API了解跨域案例

跨域解决方案之JSONP 同源策略 同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。 同源策略,它是由Netsca...

2019-05-31 16:13:26

阅读数 77

评论数 0

JQuery操作样式以及JQuery事件机制

1.操作样式 1.1 css的操作 功能:设置或者修改样式,操作的是style属性 操作单个样式 // name:需要设置的样式名称 // value:对应的样式值 // $obj.css(name, value); // 使用案例 $('#one').css('backgrou...

2019-05-31 16:11:40

阅读数 71

评论数 0

for,for...in,for...of以及foreach循环的用法

1.for()循环 // for循环的表达式之间用的是;号分隔的,千万不要写成, for (初始化表达式1; 判断表达式2; 自增表达式3) { // 循环体4 } 2.for...in索引遍历 var obj1 = { name:'张三', age : 17, ...

2019-05-31 16:10:23

阅读数 72

评论数 0

flex和layout移动端布局

1、九宫格 样式为: ul{ display: flex; flex-wrap: wrap;//超出换行 } li{ width: 33%; height: 60px; display: flex; justify-content: center;//子元素水平居中 flex-en...

2019-05-31 16:08:36

阅读数 70

评论数 0

轮播图几种方法

1用纯css实现轮播 <div id="container"> <div id="photo"> <img src="img/1.png" /&gt...

2019-05-31 16:07:14

阅读数 60

评论数 0

JQuery中的AJAX

$.ajax({ url:"http://www.microsoft.com", //请求的url地址 dataType:"json", //返回格式为json async:true,//请求是否异步,默认为异步,这也是aj...

2019-05-31 16:05:01

阅读数 60

评论数 0

HTML中button标签点击实现页面跳转

方法1:使用onclick事件 1 2 <input type="button"value="按钮" onclick="javascrtpt:window.location.href='...

2019-05-31 16:03:15

阅读数 66

评论数 0

js三大框架出现的意义

 解决了原始html,css,js的UI与数据状态之间同步的难题,避免了大量的操作DOM代码。      使用了React,Angular和Vue,我们只需要定义一次 UI 界面,不再需要为每个操作编写特定的 UI 代码,同时,每个相同的状态均有相同的输出:当状态改变后,框架自动更新(对应的)...

2019-05-31 16:00:34

阅读数 54

评论数 0

【WEB基础】HTML & CSS 基础入门布局与定位

目录 块级元素和行内元素 流动布局 浮动布局 定位布局 块级元素和行内元素 HTML里的元素可以分为块级元素和行内元素两大类:

2019-05-31 15:58:38

阅读数 55

评论数 0

HTML的基本结构和标签分类

HTML基本结构 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...

2019-05-29 15:09:54

阅读数 49

评论数 0

01-vue指令

什么是Vue.js Vue.js 是目前最火的一个前端框架,React是最流行的一个前端框架(React除了开发网站,还可以开发手机App, Vue语法也是可以用于进行手机App开发的,需要借助于Weex) Vue.js 是前端的主流框架之一,和Angular.js、React.j...

2019-05-29 15:07:58

阅读数 50

评论数 0

前端基础之HTML

概要: 前端介绍 HTML文档结构(head内常用标签,body内标签) HTML基本标签 HTML特殊符号 HTML常用标签 HTML之form表单 一、什么是前端:   1、任何能够直接跟用户打交道的交互界面都可以称之为前端,有前必...

2019-05-29 15:05:04

阅读数 53

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭