前端工作周报 8.16 & 8.23

最新推荐文章于 2023-04-17 16:59:45 发布
最新推荐文章于 2023-04-17 16:59:45 发布
阅读量960 收藏 1
点赞数 1
分类专栏： 工作
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44888570/article/details/119868302
版权
本文详细记录了作者从安装Dart SDK开始，逐步学习Dart语言的过程，包括变量、数据类型、运算符、集合、映射等基础知识，并探讨了类型检查、可选参数和泛型等内容。随后，作者转向Flutter，介绍了Flutter环境配置、 HelloWorld程序及基本Widget的使用，如AppBar、Scaffold、Container等，并展示了图片加载和列表展示的示例。
摘要由CSDN通过智能技术生成

本应两周写两个周报，但在上周主管和我说不用干vue了，需要学习dart->flutter。这两周主要是在学习，这个博客会贴很多平时联系的代码。

8.16 - 8.17

  1. Dart 安装

    • 下载SDK
    • 配置环境

  2. helloworld

  3. 学习笔记

    • PS：很多与js相同的语法默认忽略

    • //void可选，表示无返回值
void main(){
  var str = '你好'; //var 会自动类型推断
  var num = 1234;
  String str1 = '世界';
  int num1 = 2345;

  // num = '1234'; str = 123
  //String a = 123; int b = '123'
  //报错，类型检查

  print(str);
  print(num);
  print(str1);
  print(num1);
}

    • main(){
  //二者都是常量，const是编译时常量，给到的必须是一个确认的值；final是运行时常量，可以经过计算
  //const PI = 3.14159;
  final PI = 3.14159;
  final num = x();
  const num1 = x(); //报错
  print(num);
  print(PI);
}

int x(){
  return 1;
}

    • main(){
  //1. 字符串类型

  //三单引号或三双引号，就是多行字符串
  String str = '''row1
  row2
  fds
  dhs
  --- \n111''';
  //字符串拼接
  String str1 = '多行字符串';
  print('$str1：$str');
  print('${str1}: $str');
  print(str1+':'+str);

  //2. 数值类型

  int count = 1;
  double price = 99.9;
  //count = 1.0; 报错，int只能是整型，double可以用整型赋值，自动加.0
  price= 100;

  //3. 运算符 +-*/% 同其他语言 ~/取整 13～/5 = 2
  
  //4. 布尔值

  bool flag = true;
  flag = false;
  //flag = 123; 报错
  
  if(flag){
    print('true');
  }else{
    print('false');
  }

  int a = 12;
//  String b = '12'; 不相等， == 没有隐式类型转换
  double b = 12.0;

  if(a == b){
    print('a=b');
  }else{
    print('a!=b');
  }

  //5. array/list 集合(数组)

  var list1 = ['123',123,true]; //使用 [] 创建的集合可以扩充容量，长度可变.
  print(list1.length);
  print(list1[0]);
//  list1.length = 4; // 不能通过增加length扩充容量
  list1.length = 2;
  print(list1);
  //指定集合类型
  var list2 = <double>[11,2.3,33];
  // 集合方法
  //list2.add('11'); 报错
  list2.add(23);
  //集合创建方法
  var list3 = List.filled(3, 1);//arg1为集合长度，arg2为填充内容，填充值有类型检查。
  //list3[0]='11'; 报错
  list3[0] = 12;
  //list3.add(12); 报错，这种方式定义的集合不能扩充容量，长度是固定的。
  //list3.length = 3; 报错，即使是与指定长度相同。
  print(list3);

  //6. maps(类似json)
  var person = {
    'name':'1',
    'age':12,
    'pet':{
      'type':'cat',
      'name':'mei_mei'
    }
  };

  //print(person.name) 报错
  print(person['name']);
  person['job'] = 'it';
  print(person);
  
  //is 判断 类型
  var foo = '1';
  if(foo is String){
    print('string');
  }else{
    print('else');
  }
}

    • int num_null=3;
num_null??= 23; //如果该值为空，则执行赋值；不为空则忽略。（我这个环境下运算符报错）

print(num_null);

    • main(){
  String str = '12';
  String str1 = '12.1';
  String str2 = '';

  print(double.parse(str));
  print(double.parse(str1));

  try{
    print(double.parse(str2)); //报错
  }catch(e){
    print(e);
  }

  print(int.parse(str));
  //print(int.parse(str1)); 报错
  //print(int.parse(str2)); 报错
}

    • String str = '12';
String str1 = '12.1';
String str2 = '';

print(double.parse(str));
print(double.parse(str1));

try{
  print(double.parse(str2)); //报错
}catch(e){
  print(e);
}

print(int.parse(str));
//print(int.parse(str1)); 报错
//print(int.parse(str2)); 报错

int num = 123;
String str3 = num.toString();

if(str3 == '') {
  print('空');
}else{
  print('非空');
}
//这两段代码等效
if(str3.isEmpty){
  print('空');
}else{
  print('非空');
}

var num1 = 2/0;
print(num1.isNaN); //false

    • //打印[0,50]的偶数
//  for (int i = 0; i <=50; i++){
//    if (i % 2 == 0) print(i);
//  }

  //1-10的和
//  int sum = 0;
//  for (int i = 1; i <= 10; i++){
//    sum += i;
//  }
//  print(sum);

  //5的阶乘
//  int res = 1;
//  for (int i = 1; i <= 5; i++){
//    res *= i;
//  }
//  print(res);

  //打印集合
//  List list = [
//    {
//      'id':1
//    },
//    {
//      'id':2
//    },
//    {
//      'id':3
//    },
//    {
//      'id':4
//    }
//  ];
//
//  for (int i = 0; i < list.length; i++){
//    print(list[i]['id']);
//  }

//break和continue 同其他语言

    • List list = [1,2,3];
print(list.reversed.toList()); //反转数组
list.add('newValue'); //添加一项
list.addAll([4,5,6]); //添加多项，拼接数组
print(list);
print(list.indexOf(1)); //查找索引，没有返回-1
list.remove(-1); //删除具体值，没有这个值则忽略
// list.removeAt(1); //删除索引对应值，索引值越界则报错
 list.fillRange(3, 4,'changed'); // [start,end),索引值越界则报错,start > end 报错，start = end 忽略
 list.insert(1, 3); //在索引值1前插入值，索引值越界则报错
 list.insertAll(1, ['insert','insert1']); //在索引值1前插入值，索引值越界则报错
 String str = list.join(' '); //同js
 List list1 = str.split(' '); //同js

    • Set set = new Set(); //去重，与js用法相似List myList = [1,2,3,4,5,1,2,3,4,5,1,1,1];set.addAll(myList);List myList1 = set.toList();print(set);print(myList1);

    • Map map = {  'name':'zed',  'age':18,  'gender':1};print(map.containsKey('name'));print(map.containsValue(13));map.remove('age');map.addAll({  'job':['nodejs','vue','flutter'],  'height':'183'}); //增加多个，合并mapprint(map.keys);print(map.values.toList());print(map.isEmpty);print(map.isNotEmpty);

    • List list = [1,2,3,4];//  for(var item in list){//    print(item);//  }  //forEach当循环List时，其中的回调函数只能接收一个参数，元素的值；set和map为key，val//  list.forEach((element) {//    print(element);//  });  //map// List newList = list.map((e){//   return e * 2;// }).toList(); print(newList);  //where (js中的filter)//  List newList = list.where((element) => element % 2 == 0).toList();//  print(newList);  //any (js中的some)  //every (js中的every)

    • main(){  Person p1 = new Person('zed', 18);  //级联操作，连缀操作 ..  p1..age = 22    ..sayHello()    ..getInfo();  Person p2 = new Person.consFunc2();  p2.sayHello();  p2.getInfo();}//私有方法和属性，命名前加_;getter和setter访问类似属性。//初始化列表，相当于属性的默认值。//static 静态方法，静态属性，静态方法中不能访问非静态属性。class Person{  String name= '';  int age = 0;  //默认构造函数  Person(this.name,this.age);  //命名构造函数，可以有多个  Person.consFunc1(){    print('你好');  }  Person.consFunc2(){    print('你好啊');  }    void sayHello(){    print('${this.name}在和你打招呼');  }  void getInfo(){    print('${this.name} --- ${this.age}');  }}

    • main(){  Person p1 = new Person('zed', 18);  Person p2 = new Person.consFunc2();  Student s1 = new Student('joe', 22, 99);  Student s2 = new Student.con1(98);  s1.getStudentInfo();  s2.sayHello();  s1.runPerSayHello();  print(Person.perCount);  Person.getPerCount();  p1.sayHello();}class Person{  static int perCount = 0;  String name= '';  int age = 0;  //默认构造函数  Person(this.name,this.age){    perCount++;  }  //命名构造函数，可以有多个  Person.consFunc1(){    print('你好');    perCount++;  }  Person.consFunc2(){    print('你好啊');    perCount++;  }  static void getPerCount(){    print(perCount);  }    void sayHello(){    //非静态属性可以不用this。但为了区别静态属性，最好加上。    print('现在一共有${perCount}人，${this.name}在和你打招呼');  }  void getInfo(){    print('${this.name} --- ${this.age}');  }}class Student extends Person {  double score;  //初始化列表，调用super  Student(String name,int age,this.score): super(name,age){  }  //命名构造函数传参  Student.con1(this.score): super.consFunc1(){  }  void getStudentInfo(){    print('${this.name}-${this.age}-${this.score}');  }  @override //可加可不加，建议写  void sayHello() {    print('现在一共有${Person.perCount}人，${this.name}在和你打招呼，TA的分数为${this.score}');  }  void runPerSayHello(){    //调用父类方法    super.sayHello();  }}

    • main(){  //抽象类，多态, 接口(实现关键字 implements)  //Person p = new Person() 报错，抽象类无法实例  Student s = Student(); //new 可以省略  Teacher t = Teacher();  s.sayHello();  t.sayHello();  s.doHomeWork();  t.CheckWork();  Person s1 = Student(); //让子类只有抽象类标准化的东西  //s1.doHomeWork();  不存在  s1.sayHello();}abstract class Person{  void sayHello();}abstract class Test{  void run();}class Student implements Person {  @override  void sayHello() {    // TODO: implement sayHello    print('你好，我是个学生，v我3000');  }    void doHomeWork(){    print('做作业很累');  }}class Teacher implements Person {  @override  void sayHello() {    // TODO: implement sayHello    print('你好，我是个教师，我有寒暑假^^');  }  void CheckWork(){    print('当老师也很累...');  }}// 一个类实现多个接口class Someone implements Person,Test{  @override  void run() {    // TODO: implement run  }  @override  void sayHello() {    // TODO: implement sayHello  }}

    • main(){  print(func(1));  print(func<String>('2'));  //List.filled()就是一个命名构造参数，List是一个泛型类。  List list = new List<int>.filled(2, 2);  MyList ml = MyList<int>();  //ml.addItem('1'); 报错  ml.addItem(1);  print(ml.list);}//泛型方法，如不想验证返回值则把首个T删除；是个大写字母都可以，不限于TT func<T>(T arg){  return arg;}//泛型类class MyList<T>{  List list = <T>[];  void addItem(T arg){    this.list.add(arg);  }}//泛型接口

    •

  4. 问题

    • ??运算符在我的环境中全部报错
    • 可选参数，默认参数，命名参数，改了
    • Mixins 类似多重继承
    • 系统内置库
    • Pub 包管理工具
    • 库的重命名 as

8.17 flutter

  1. 安装

    • 下载SDK
    • 配置镜像
    • 配置环境

    1. helloworld

    2. 学习笔记

      • PS：没安装全环境
      import 'package:flutter/material.dart'; void main(){   //给runApp传入一个根组件（widget）   runApp(MyApp()); } //StatelessWidget，无状态的widget class MyApp extends StatelessWidget {   @override   //主要任务是实现build函数，build返回一个widget   Widget build(BuildContext context) {     //为了继承主题数据，根widget需要位于MaterialApp内才能正常显示    return MaterialApp(       home: Scaffold(         appBar: AppBar(           title: Text(             'Flutter App By Zed',             style: TextStyle(               color: Colors.yellow             ),           ),         ),         body: HomeContent(),       ),    );   } } class HomeContent extends StatelessWidget{   @override   Widget build(BuildContext context) {     // TODO: implement build     return Center(       child: Text(         'HelloWorld',         textDirection: TextDirection.ltr,         style: TextStyle(             color: Colors.cyan,             fontSize: 30         ),       ),     );   } }

      import 'package:flutter/material.dart';  void main()=>runApp(MyApp());  class MyApp extends StatelessWidget{   @override   Widget build(BuildContext context) {     // TODO: implement build     return MaterialApp(       home: Scaffold(         appBar: AppBar(           title: Text('Flutter App By Zed'),         ),         body: HomeContent(),       ),      );   } }  class HomeContent extends StatelessWidget{   @override   Widget build(BuildContext context) {     // TODO: implement build     return Center(        child: Container(           child: Text(             '你好，我是Flutter!你好,我是Flutter!',             overflow: TextOverflow.ellipsis,             textAlign: TextAlign.left,             style: TextStyle(               fontSize: 18,               fontWeight: FontWeight.w400,               color: Colors.deepPurple,               decoration: TextDecoration.underline,               decorationColor: Colors.white,               decorationStyle: TextDecorationStyle.solid,             ),           ),           width: 200,           height: 200,           padding: EdgeInsets.fromLTRB(10, 10, 0, 0),           decoration: BoxDecoration(             color: Colors.lightBlueAccent,//背景色             border: Border.all(               color: Colors.black,               width: 2,             ),             borderRadius: BorderRadius.all(               Radius.circular(10),             )           ),         )     );   } }

      class HomeContent extends StatelessWidget{@overrideWidget build(BuildContext context) {  // TODO: implement build  return Center(     child: Container(        width: 200,        height: 200, //          padding: EdgeInsets.fromLTRB(10, 10, 0, 0),        decoration: BoxDecoration(          color: Colors.lightBlueAccent,//背景色          border: Border.all(            color: Colors.black,            width: 2,          ),          borderRadius: BorderRadius.circular(100),          image: DecorationImage(            image: NetworkImage('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2F9ac7ed61d682e2892b7b8488d04b097ed15ebd0d28d92-uLwuPS_fw658&refer=http%3A%2F%2Fhbimg.b0.upaiyun.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1631778593&t=46330a6c8eb532971d95950f2a5fe494'),            fit: BoxFit.cover,          )        ),      )  );} }

       child: ClipOval(   child: Image.network(     'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2F9ac7ed61d682e2892b7b8488d04b097ed15ebd0d28d92-uLwuPS_fw658&refer=http%3A%2F%2Fhbimg.b0.upaiyun.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1631778593&t=46330a6c8eb532971d95950f2a5fe494',     width: 50,     height: 50,     fit: BoxFit.cover   )),

      class NewsList extends StatelessWidget {  @override  Widget build(BuildContext context) {    // TODO: implement build    return ListView(      //children里可以放任何widget      children: [        ListTile(          title: Text('标题。。。。'),          subtitle: Text('二级标题。。'),          leading: Image.network('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2F9ac7ed61d682e2892b7b8488d04b097ed15ebd0d28d92-uLwuPS_fw658&refer=http%3A%2F%2Fhbimg.b0.upaiyun.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1631778593&t=46330a6c8eb532971d95950f2a5fe494',          width: 50,height: 50),        ),        ListTile(          title: Text('标题。。。。'),          subtitle: Text('二级标题。。'),          leading: Icon(Icons.headset),        )      ],    );  }}

      class NewsList extends StatelessWidget {  @override  Widget build(BuildContext context) {    // TODO: implement build    /**         *  1. 垂直列表中，widget设置宽度无效，会拉伸为100%；水平列表高度同理。         *  2. 如果想限制列表的高度或宽度，可以使用container包裹，设置其宽高，在其中写ListView即可。         */    return Container(      height: 180,      child: ListView(        scrollDirection: Axis.horizontal,        children: [          Container(            height: 180,            width: 180,            color: Colors.deepPurple,          ),          Container(            height: 180,            width: 180,            color: Colors.lightBlueAccent,          ),          Container(            height: 180,            width: 180,            color: Colors.orangeAccent,          ),        ],      ),    );  }}

      class NewsList extends StatelessWidget {  @override  Widget build(BuildContext context) {    // TODO: implement build    return ListView.builder(      //这是一个函数      itemBuilder: _itemBuilder,      //这个也要写      itemCount: listData.length,    );  }  Widget _itemBuilder(context, index) {    return ListTile(      title: Text(listData[index]['title']),      subtitle: Text(listData[index]['author']),    );  }}List listData = [  {'title': '走遍万水千山', 'author': '三毛'},  {'title': '走遍万水千山1', 'author': '三毛1'},  {'title': '走遍万水千山2', 'author': '三毛2'}];

      class HomePage extends StatefulWidget {  @override  _HomePageState createState() => _HomePageState();}class _HomePageState extends State<HomePage> {  int count = 0;  @override  Widget build(BuildContext context) {    return Column(      children: <Widget>[        Chip(label: Text(this.count.toString())),        SizedBox(          height: 20,        ),        OutlinedButton(          onPressed: () {            //调用这个方法才能响应式修改值            setState(() {              this.count++;            });          },          child: Text('plusOne'),        )      ],    );  }}

      class HomePage extends StatefulWidget {  @override  _HomePageState createState() => _HomePageState();}class _HomePageState extends State<HomePage> {  List list = <String>[];  @override  Widget build(BuildContext context) {    return Column(      children: <Widget>[        ListView.builder(            itemCount: this.list.length,            itemBuilder: (BuildContext context, int index) {              return Container(                child: Text('${this.list[index]}'),              );            },            shrinkWrap: true),        OutlinedButton(          onPressed: () {            setState(() {              this.list.add('item');            });          },          child: Text('addItem'),        )      ],    );  }}

      class _HomePageState extends State<HomePage> {  List list = <String>[];  @override  Widget build(BuildContext context) {    return ListView(      children: <Widget>[        Column(            children: this.list.map((value) {          return ListTile(            title: Text(value),          );        }).toList()),        OutlinedButton(          onPressed: () {            setState(() {              this.list.add('111');            });          },          child: Text('addItem'),        )      ],    );  }}

    3. 问题

      • 网格以及其他布局先跳过
      • 如果滚动视图设置的是false,那么内容会在滚动方向上尺寸延伸到最大，如果在滚动方向上没有边界约束，那么shrinkWrap必须设置为true
      • 抽离代码， 基本逻辑和vue差不多
      • 普通路由跳转
      • 命名路由传值
      • 底部导航栏的路由切换
      • tab栏
      • toast 背景色和位置不正确
      • 表单的验证
      • expanded 与web的flex布局相似，重要参数有：flex，child
      • 宽度总是超出
      • Row中嵌套GridView，报错，在后者中加shrinkWrap: true即可。 为何？？？？
zeddme
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
20170918 前端开发周报之JS前端开发必看
12-12
1、用函数式编程对JavaScript进行断舍离 当从业20的JavaScript老司机学会函数式编程时，他扔掉了90%的特性，也不用面向对象了，最后发现了真爱啊！！！ //www.jb51.net/article/123958.htm 2、JavaScript作用域和闭包 作用域和闭包在JavaScript里非常重要。但是在我最初学习JavaScript的时候，却很难理解。这篇文章会用一些例子帮你理解它们。我们先从作用域开始。作用域 JavaScript的作用域限定了你可以访问哪些变量。有两种作用域：全局作用域，局部作用域。 //www.jb51.net/article/123959.htm
前端工作周报
qq_44888570的博客
07-23 1915
实习期，记录一些工作中遇到的问题 正文 一. 关于watch 更新列表的话，就用watch监听变化的部分，不要再变动之后的callback中逐一处理，如在增加或删除列表项时，再给本地列表进行加减，笨方法。 watch监听的越具体越好。案例：由于刚来公司，对现在着手的项目不熟悉，watch监听了整个列表，只要列表变动，则重新load列表。这种方法是很蠢的，导致了watch无限循环加载列表，因为当我第一次修改了列表，列表重新加载后，则又触发了watch，又重新load列表… 二. 父子组件之间的一些问题
Web前端开发的周报
qq_32179275的博客
04-17 3415
在本周的工作中，我完成了公司官网的前端开发工作、参与了新产品的前端开发工作、参与了内部培训课程学习、与其他团队成员协作完成了一个小型项目的开发工作以及参加了公司内部技术分享会议。为了进一步提升自己的技能水平和团队合作能力，我计划参加更多的前端开发课程学习、积极参与公司内部技术分享会议、加强与其他团队成员之间的沟通和协作。在本周内，我认真履行工作职责，积极参与公司内部培训课程学习、加强与其他团队成员之间的沟通和协作、不断更新自己的知识储备。通过学习和实践，我不断提升自己的技能水平，为公司的发展做出贡献。
前端资讯周报 2.27 - 3.5: 如何设计一个优秀的HTML接口，深入理解line-height
weixin_30892987的博客
03-06 122
从本周起，每周一我都会分享上一周我订阅的技术站点中，和解决问题的过程中阅读到的值得分享的文章，或者视频教程，又或者图书。 个人认为国外的技术文章质量较高，而且发布的技术资讯也走在行业前沿，所以比较关注他们的内容，所以分享的文章大多是英文书写，但别害怕，其实英文的技术文章难度不超过英语四级。注意不排除某些文章需要魔法上网才能阅读哦。 毕竟个人的阅读量有限，也欢迎大家留言或者私信给我你们阅读到的，...
前端工作周报8.30
qq_44888570的博客
08-30 510
正文 initState() 是一个无返回值的函数，如果要在这里请求数据，不能在这个函数中添加async/await。重新定义一个async函数，在其中调用即可。 在两个文件中定义两个写法完全相同的类，这两个类的实例在相互赋值时报错，说明类不同。 不是说无状态的widget里面不能定义属性，而是无状态中的属性不能随着页面操作变化。 Column 的宽度，取子组件中宽度最大值 如果导入没有null safe的package，则flutter2.x报错。需要找到支持null safe的版本
KEIL C51 v8.16a 安装程序
03-20
KEIL C51 v8.16a 安装程序 可以使用
fetched-v8.16.2-win-x64
03-11
pkg中会包含node的可执行文件，还会包含你要打包进去的代码。代码通过一个虚拟的文件系统把所有的代码和资源文件都挂载到 /snapshot/${被打包项目的文件夹名} 下面（pkg hack了 fs 的很多方法，拦截文件操作，如果...
R-Studio_免注册数据恢复_v8.16.180499.zip
06-20
在8.16版本中，R-Studio进行了多项优化和升级，为用户提供更稳定、高效的恢复体验。 一、R-Studio的核心功能 1. **深度扫描与分析**：R-Studio采用先进的文件系统扫描技术，能够深入到硬盘的底层，即使文件系统...
Hypersnap 8.16.13 免激活 中文版 by 大眼仔
05-19
HyperSnap 是一款非常优秀的屏幕截图工具，它不仅能抓取标准桌面程序，还能抓取 DirectX, 3Dfx Glide的 游戏视频或 DVD 屏幕图。它能以 20 多种图形格式（包括：BMP, GIF, JPEG, TIFF, PCX 等）保存并阅读图片。...
erlang-21.3.8.16-1.el8.x86_64.rpm
07-23
linux基于centos7.x，erlang21.3.8.16资源适配rabbitmq3.8.5。欢迎大家下载！！！！
工作周报模板
03-22
开发工作周报模板，开发工作周报模板，本周及下周计划
【工作周报】2019年7月 前端开发工作周报汇总
热门推荐
似水流年的博客
08-13 1万+
以下记录的是今年7月笔者在公司进行web前端工作的每周工作总结，其中隐去了项目的具体名称、人名、公司名等。 2019.7.1-2019.7.5 本周工作内容：更新了一些后台管理系统和经纪商系统的页面 学习到的内容：本周笔者主要还是通过对上述静态页面的开发，巩固和强化了html和css的相关知识，提高了页面开发的熟练度。另外，也对vue + element ui的开发模式更加的熟悉...
送你一份最新的前端周报
qq_34998786的博客
08-24 655
整理 | 李俊辰前端周报专注大前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点，分为新闻热点、深度阅读、开源项目 & 工具等栏目。欢迎关注【前端之巅】微信公众号（I...
前端工作周报8.2
qq_44888570的博客
08-02 214
记录工作中的收获 正文 1. 样式问题 文字超出容器显示省略号，必须设置三个属性： white-space: nowrap; text-overflow: ellipsis; overflow: hidden; 除此之外，容器的display需为block/inline-block Margin负值不生效的话，考虑display，考虑vertical-align默认值（baseline）会让垂直方向的margin负值失效 El-tab-pane 想要改变label的样式，可以使用插槽 slot=“l
前端周报（四）
qq_61662856的博客
12-12 1046
iframe元素 框架页：iframebordor 在一个网页中嵌入另一个网页 iframe元素：可替换元素 可替换元素： 1.通常是行盒 2.显示的内容取决于元素的属性 3.css不能完全控制元素的样式 4.具有行块盒的特点 <a target="window" href=""></a> <a href=""></a> <a href=""></a> <iframe name="w
【实习周报】2019年6月 前端开发实习工作周报汇总
似水流年的博客
08-13 1万+
以下记录的是今年6月笔者在公司进行web前端工作的每周工作总结，其中隐去了项目的具体名称、人名、公司名等。 2019.6.3-2019.6.6 本周工作内荣：本周笔者首先是学习了一些React的基础知识和语法，同时也看了一本React的书籍，另外也是复习了一下HTML5和CSS3方面的基础知识，再就是为野牛期货客户端加入了指标弹窗功能，现在指标便可以修改了，但是在具体持久化上面还存...
【实习周报】2019年5月 前端开发实习工作周报汇总
似水流年的博客
08-13 9728
以下记录的是今年5月笔者在公司进行web前端工作的每周工作总结，其中隐去了项目的具体名称、人名、公司名等。 2019.5.20-2019.5.24 本周工作内容：本周笔者完成了野牛期货的快捷键设置的大部分工作，如今只剩下几个快捷效果的难点需要解决 学习到内容：本周笔者通过快捷键的开发工作认识到了快捷键的分类问题，快捷键可分为本地快捷键和全局热键；学习了Electron的项目结构和...
前端学习周报（第一周）
ianarua的博客
12-03 879
学习前端第一周
2022-06-11 前端周报总结 团队的成长
Tz
10-28 1120
去年出现各类问题总是事必躬亲，其实这样反而会让团队失去主动参与建设的热情和信心；今年开始进行转变，出现问题先让对应的同学去了解，询问对应的想法及方案，提供建议和参考，慢慢发现这样其实更有效帮助团队成员提升技术水平。因为随着决策权、责任的加大，需要掌握更详细的技术知识作为决策修复的基础，会迫不及待地去了解手上工作的要领并尝试找出高效办事的方法；
proteus8.16安装包
最新发布
09-22
对于您提到的Proteus8.16安装包，我很抱歉，根据提供的引用内容，没有提到关于Proteus8.16安装包的信息。因此，我无法为您提供关于Proteus8.16安装包的具体信息。 如果您需要Proteus8.16安装包，我建议您前往官方...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值