Powered by md-Blog  文 - 篇  访客 -

  • 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
  • webpack4.0安装配置构建范例一条龙

    1、为何需要类似 webpack 的构建工具?转换 ES6 语法转换 JSX 扩展语法CSS 前缀补全 / 预处理压缩混淆图片压缩2、webpack 配置文件可以通过 webpack --config 指定配置文件默认: webpack.config.jsmodule.exports = { entry: './src/index.js', // 入口文件 output: './dist/main.js', // 输出 mode: 'production', // 环境 module:{ rules:[ //

    2020-02-19 19:58:34   2020-01-20 14:53:20
    分类:大前端 / 浏览:015795032002904
  • 一个清除浮动的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
  • 写一个基于jQuery的回到顶部效果及置顶按钮制作

    1、先看效果移动端PC端2、先在 iconfont 找一个箭头 Logo地址:https://www.iconfont.cn/调整好参数点击 复制SVG 按钮,粘贴到 js文件 里面,下面代码块会附带。3、js 文件// 记得加载 jQuery 文件。 $(document.ready(function(){ // 置顶按钮 var scroll_top = '<div class="scroll_top"><svg t="1578536579009" class="icon" view

    2020-02-19 19:58:34   2020-02-19 19:58:34
    分类:写一个Demo / 浏览:015821135142337
  • 写一个手机旋转倒计时

    1、先看效果2、demo.html<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!--[if IE 8]><style>.ie8 .alert-circle,.ie8 .alert-footer{display:none}.ie8 .alert-box{padding-top:75px}.ie8 .alert-sec-text{top:45px}</style><![endif]--> <title>手机旋转倒计时</title> <style> .alert-box { position: fixed; top:10px; right:10p

    2020-02-19 19:58:34   2020-02-19 19:58:34
    分类:写一个Demo / 浏览:015821135141935
  • 取消元素的默认动作

    function(e){ e.preventDefault() }

    2020-02-19 19:58:34   2020-02-19 19:58:34
    分类:写一个Demo / 浏览:015821135146742
  • jQuery回车登录

    $(document).keypress(function(e) { // 回车登录 if(e.which == 13){ // login function } })

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


     
    百度站内搜索


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