恋风（微信）
码龄6年
关注
提问 私信
  • 博客：9,885
    9,885
    总访问量
  • 38
    原创
  • 397,345
    排名
  • 8
    粉丝
  • 0
    铁粉

个人简介：前端工程师菜鸟，欢迎交流学习！

IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：上海市
  • 加入CSDN时间： 2019-03-17
博客简介：

前端工程师学习记录

博客描述：
记录我学习前端知识的历程
查看详细资料
个人成就
  • 获得7次点赞
  • 内容获得0次评论
  • 获得9次收藏
  • 博客总排名397,345名
创作历程
  • 12篇
    2020年
  • 26篇
    2019年
成就勋章
TA的专栏
  • JS学习笔记
    22篇
  • 坚持周总结
    12篇
  • JS学习笔记
    29篇
兴趣领域 设置
  • 大数据
    mysql
  • 前端
    javascriptcssvue.jsreact.jses6webpackxhtml前端框架
  • 后端
    node.js
  • 移动开发
    flutterreact native
  • 网络与通信
    https
  • 微软技术
    typescript
  • 服务器
    linux
  • 学习和成长
    面试
创作活动更多

王者杯·14天创作挑战营·第2期

这是一个以写作博客为目的的创作活动，旨在鼓励码龄大于4年的博主们挖掘自己的创作潜能，展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴，那么，快来参加吧！我们一起发掘写作的魅力，书写出属于我们的故事。 注： 1、参赛者可以进入活动群进行交流、分享创作心得，互相鼓励与支持（开卷），答疑及活动群请见https://bbs.csdn.net/topics/619735097 2、文章质量分查询：https://www.csdn.net/qc 我们诚挚邀请你们参加为期14天的创作挑战赛！

62人参与 去参加
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

坚持周总结系列第十二周（2020.7.12）

TypeScript强类型弱类型类型安全强类型 弱类型强类型有类型上的约束，不允许任意的隐式类型转换优势：错误更早暴露代码智能、编码准备重构更加牢靠减少不必要的类型判断弱类型没有类型上的约束 允许任意的隐式类型转换类型检查静态类型 动态类型JS 类型系统JS没有编译环节，没有类型检测，只有在运行的时候，才会检测错误JS属于弱类型动态类型语言let obj={}console.log(obj.fn())// 在语法上可行，但是在
原创
发布博客 2020.07.12 ·
234 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

坚持周总结系列第十一周（ES6总结）

ES6总结摘要新的标准规范ECMAScript2015是js的一种新的标准规范，就是对js的写法上提出了新的语法要求和写法格式。ECMAScript和js的关系ECMAScript 和 JavaScript 的关系是，前者是后者的规格，后者是前者的一种实现。javascript 是 netscape创 造的并交给了国际标准化组织 ECMA，之所以不叫做 JavaScript 由于商标的问题，java 是 sun 公司的商标，根据 授权协议只有 Netscape 公司可以合法使用 JavaScrip
原创
发布博客 2020.07.05 ·
256 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

坚持周总结系列第十周 （JavaScript模块一）

JavaScript模块一函数式编程什么是函数式编程函数式编程，FP是编程范式之一，我们常听说的编程范式还有面向过程编程、面向对象编程。面向对象编程的思维方式：把现实世界中的事物抽象成程序世界中的类和对象，通过封装、继承和多态来演示事物事件的联系函数式编程的思维方式：把下现实世界的事物和事物之间的联系抽象到程序世界（对运算过程进行抽象）程序的本质：根据输入通过某种运算获得相应的输出，程序开发过程中会涉及很多有输入和输出的函数x --> f（联系、映射）–> y，y = f（x）
原创
发布博客 2020.06.21 ·
224 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

坚持周总结系列第九周Vue源码学习（二）

Vue源码学习（二）深入响应式原理前端开发最重要的2个工作，一个是把数据渲染到页面，另一个是处理用户交互。响应式对象Object.definePropertyObject.defineProperty方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回这个对象。Object.definProperty(obj,prop,descriptor)// obj是要在其上定义属性的对象// prop是要定义或者修改的属性的名称// descriptor是将被定义或者修改的属性描
原创
发布博客 2020.06.14 ·
229 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

坚持周总结系列第八周（2020.6.6）Vue源码学习（一）

Vue源码学习（一）数据驱动vue.js一个核心思想是数据驱动。所谓数据驱动，是指视图是由数据驱动生成的，我们的视图修改，不会直接操作DOM，而是通过修改数据。它相比我们传统的前端开发，如使用jQuery等前端库直接修改DOM，大大简化了代码量。特别是复杂交互的时候，只关心数据的修改会让代码逻辑变得非常清晰，因为DOM变成了数据映射，我们所有的逻辑都是对数据的修改，而不直接操作DOM，这样的代码也比较利于维护。new Vue发生了什么？new关键字会实例化一个对象，而Vue本质是一个用functi
原创
发布博客 2020.06.07 ·
232 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

坚持周总结系列第七周（2020.5.29） JS设计模式

JS设计模式单例模式单例模式：保证一个类仅有一个实例，并提供访问他的全局访问点。var getSingle=function(fn){ var result return function(){ return result || (result = fn.apply(this,arguments)) }}策略模式策略模式：定义一系列的算法，把它们一个个封装起来，并且使他们可以互相替换。var strategies={ 'S':function(
原创
发布博客 2020.05.30 ·
195 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

坚持周总结系列第六周（2020.5.24）

React全家桶Redux创建storeimport { createStore } from 'redux'const counterReducer = (state = 0, action) => { switch (action.type) { case 'add': return state + 1 case 'minus': return state - 1 default: return state }}
原创
发布博客 2020.05.24 ·
155 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

坚持周总结系列第五周（react）

ReactReact项目起步项目创建安装官方脚手架：npm install -g create-react-app创建项目：create-react-app react-study启动项目：npm start查看项目配置：npm run eject会弹出项目真面目，项目会多出两个目录configenv.js处理.env环境变量配置文件paths.js提供各种路径webpack.config.js webpack配置文件webpackDevserver.config.
原创
发布博客 2020.05.17 ·
284 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

坚持周总结系列第四周（文件上传）

坚持周总结系列第四周（2020.5.5）文件上传文件类型判断通过文件二进制流来判断文件类型，防止篡改文件后缀，影响判断blobToString(blob){ return new Promise(resolve=>{ const reader = new FileReader() reader.onload = function(){ ...
原创
发布博客 2020.05.05 ·
223 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

坚持周总结系列第三周（Vue）

坚持周总结系列第三周（2020.4.30）VueVue组件化常用技术组件传值、通信父组件给子组件传值属性props// childprops:{msg:String}// partent<Child msg='hello world'></Child>refs引用// parent<Child ref='child'></...
原创
发布博客 2020.05.05 ·
237 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

坚持周总结系列第二周（JavaScript重学）

坚持周总结系列第一周（2020.4.18）JavaScript重学JavaScript类型JavaScript语言规定了7中语言类型：UndefinedNullBooleanStringNumberSymbolObjectUndefined、NullUndefined 类型表示未定义，它的类型只有一个值，就是 undefined。任何变量在赋值前是 Undefined...
原创
发布博客 2020.04.25 ·
421 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

坚持周总结系列第一周（webpack学习）

坚持周总结系列第一周（2020.4.18）webpack学习整体认识webpack是一个Javascript静态模块打包器，使用webpack打包时，它会递归的构建一个依赖关系图，其中包含程序需要的每个模块，然后将所有这些模块打包成一个或者多个bundle。入口配置入口就是整个程序的入口文件所在路径，有两种配置形式。单文件入口{ entry:'./src/index.js'...
原创
发布博客 2020.04.18 ·
250 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

JS学习第二十天总结

1.通过style方式获取的样式只能拿到行内样式；拿到的是字符串数据类型，带px；简单的封装（使用[]可以传变量）；存在问题：只能拿到行内样式，但是我们一般是不使用行内样式的。function getAttr(attr){ console.log(box.style[attr]);}getAttr("left");2.currentStyle当前样式/window.g...
原创
发布博客 2019.04.15 ·
287 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

JS学习第十九天总结

1.offsetoffsetWidth、offsetHeight:100;obj.style.height、obj.style.width:“100px”;只能拿到行内样式。offsetLeft、offsetTop;找离自己最近的带有定位的父元素，如果没有就找body。offsetParent;找离自己最近的带有定位的父元素可读属性、可读写属性2.event：事件对象存在兼容问...
原创
发布博客 2019.04.12 ·
170 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

JS学习第十八天总结

1.使用sort方法进行数组排序<script type="text/javascript"> var arr=[1,2,3,2,1,4,55,2,111,42,2]; var newArr=arr.sort(function(a,b){ return a-b;//升序排列，需要降序排列，返回b-a就行了 }); newArr.forEach(function(v,i){...
原创
发布博客 2019.04.11 ·
226 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

JS学习第十六天总结

1.昨天复习onmousedown：鼠标点下onmouseup：鼠标抬起2.JsonJavaScript Object Notation JS对象表示法它不是一门语言，只是JS语言的一个应用，前后台数据交互使用。对象表示法：k:v (key，value)，键值对对象形式：{}；var jsonPerson={name:“janes”,age:23,height:198...
原创
发布博客 2019.04.09 ·
198 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

JS学习第十五天总结

1.复习匀速运动案例匀速：num++，步长一致缓动公式leader=leader+(target-leader)/10;缓动动画，先快后慢要配合定时器使用offset第一组：offsetWidth、offsetHeight 包含内容区、内边距、边框的累计尺寸。第二组：offsetLeft、offsetTop 找离他最近的、带有定位的父元素，不包含边框。第三个...
原创
发布博客 2019.04.08 ·
186 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

JS学习第三周总结

1.日期对象内置对象，JS中有很多内置对象 Math Array Date Vuevar date=new Date();// 调用的是系统时间，如果运行程序的电脑时间改了，获取到的时间也会跟着变getTime，获得到的毫秒数1秒等于1000毫秒从1970年至今的毫秒数2038年问题getFullYear，获取年份 当前年份getMonth，获取月份 0-11月getDa...
原创
发布博客 2019.04.07 ·
357 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

JS学习第十四天总结

1.复习回顾让一个盒子向右运动相对定位：相对于元素自身所在位置。缓动公式：leader=leader+(target-leader)/10;无缝滚动图<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <...
原创
发布博客 2019.04.07 ·
215 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

JS学习第十二天总结

1.昨天内容回顾内置对象日期对象 Date();必须通过new才能使用get.time(); 获取的是从1970年1月1日开始到现在的毫秒数年月日时分秒、星期的获取案例练习：简单的日历 年月日星期的获取数字时钟 时分秒的获取倒计时 距离未来某个时间还有多少天多少小时多少分钟多少秒钟表案例 用到了定时器 CSS3中的旋转 度数计算定时器setInterval（...
原创
发布博客 2019.04.02 ·
173 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏
加载更多