Powered by md-Blog  文 - 篇  访客 -

  • ES6写一个进行词组单个字放大旋转效果

    1、先看效果2、demo.html<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Demo</title> <style> body{ background: #8de2f5; } .cool { margin-top: 200px; text-ali

    2020-02-19 20:33:15   2020-02-19 20:32:26
    分类:写一个Demo / 浏览:015821155469221
  • 2020十大新兴前端框架大盘点

    2019年在整体上,前端的主流框架没有太大的变化,业务代码仍由三大框架(React、Vue、Angular)所主宰着,打包工具一般仍使用webpack、Rollup.js,状态管理器还是Redux、MobX。但随着这两年崛起的新框架与类库,一些细微之处悄悄地起变化了,这些变量可能在未来推动着前端的发展。因此本文为大家介绍国产十大新兴前端

    2020-02-19 19:58:34   2020-01-08 14:30:14
    分类:大前端 / 浏览:015784650148599
  • ES6一些数组方法Array.from()、Array.of()、find()、findInex()、every()

    数组原型上无 from()、of() 方法,顾需 Array.调用。1、Array.from() 方法通过字符串创建一个数组:const arr = Array.from("hello"); console.log(arr); //  ["h", "e", "l", "l", "o"]var arr = Array.from([1, 2, 3], x => x * 10); // arr[0] == 10; // arr[1] == 20; // arr[2] == 30;2、Array.of() 方法将一组值,转换为数组。

    2020-02-19 19:58:34   2020-02-19 18:19:40
    分类:大前端 / 浏览:015821075806126
  • ES6(ES2015)语法入门示例

    0、请使用严格模式Demo.js'use strict'ES6可以理解为ES5的语法糖集合,您可通过以下网址进行ES6语法转换:https://www.babeljs.cn/repl默认使用 const,多次绑定用 let,尽可能少的去使用 var。1、块作用域 letvarif(true){ var phone = 'iPhone11'; } console.log(phone); // iPhone11letif(true){ let phone = 'iPhone11'; console.log(phone); // iPhone11 } console.log(

    2020-02-19 19:58:34   2020-01-23 13:24:26
    分类:大前端 / 浏览:015797570666671
  • Less用法示例

    @charset "utf-8"; // @import "filename"; 导入less文件 // @import (less)"filename.css"; 导入css文件 body{ background: #dedede; } .title{ text-align: center; font-size: 20px; color:#000; width:@md_width; .border; //调用混合 } //测试注释 //变量 @max_width:900px; @md_width:600px; @min_width:300px; //混合 .border{ border:solid 1px blu

    2020-02-19 19:58:34   2020-01-10 15:53:41
    分类:大前端 / 浏览:015786428219365
  • 一个清除浮动的clearfix标准写法

    <!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-UA-Compatible" content="ie=edge"> <title>Document</title> <style> .clearfix::after{ content:''; display: block;

    2020-02-19 19:58:34   2020-02-19 19:58:34
    分类:写一个Demo / 浏览:015821135142168
  • 春明


     
    百度站内搜索


  • 晋ICP备18012953号-1
  • 百度统计