June.1
码龄8年
关注
提问 私信
  • 博客：1,716,847
    社区：138
    动态：7
    1,716,992
    总访问量
  • 169
    原创
  • 1,531,741
    排名
  • 952
    粉丝
  • 1
    铁粉

个人简介：人生在世须尽欢！

IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：北京市
  • 加入CSDN时间： 2017-06-05
博客简介：

June.1

博客描述：
深耕web端领域多年，前端技术能手 做过PHP、前端。享受编程、热爱开源、酷爱分享。空闲时就在博客上记录学习实践的心得。愿与大家共同成长,谁不喜欢多几个朋友呢。交流群：43181461 欢迎加入
查看详细资料
个人成就
  • 获得1,462次点赞
  • 内容获得227次评论
  • 获得4,902次收藏
  • 代码片获得2,399次分享
  • 博客总排名1,531,741名
创作历程
  • 30篇
    2020年
  • 154篇
    2019年
成就勋章
TA的专栏
  • android
    18篇
  • 小程序
    13篇
  • JQuery
    5篇
  • php
    29篇
  • web前端
    17篇
  • vite
  • TypeScript
    1篇
  • JavaScript
    34篇
  • Vue开发
    24篇
  • web基础
    15篇
  • Node.js
    15篇
  • git
    2篇
  • css
    3篇
  • React
    7篇
  • MySql
    4篇
  • 其他
    8篇
  • linux
    4篇
兴趣领域 设置
  • 前端
    javascriptcssvue.jses6webpack前端框架
  • 后端
    node.js
  • 微软技术
    typescript
创作活动更多

『技术文档』写作方法征文挑战赛

在技术的浩瀚海洋中，一份优秀的技术文档宛如精准的航海图。它是知识传承的载体，是团队协作的桥梁，更是产品成功的幕后英雄。然而，打造这样一份出色的技术文档并非易事。你是否在为如何清晰阐释复杂技术而苦恼？是否纠结于文档结构与内容的完美融合？无论你是技术大神还是初涉此领域的新手，都欢迎分享你的宝贵经验、独到见解与创新方法，为技术传播之路点亮明灯！

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

前端必备typescript基础知识教程（vue+typescript项目实战）

文档随时更新完善一、TypeScript中的数据类型typescript中为了使编写的代码更规范，更有利于维护，增加了类型校验，在typescript中主要给我们提供了以下数据类型ts 代码 必须指定类型布尔类型（boolean）数字类型（number）字符串类型(string)数组类型（array）元组类型（tuple）枚举类型（enum）任意类型（any）null 和 undefinedvoid类型never类型1、布尔类型（boolean）es5的正确写法,
原创
发布博客 2020.08.12 ·
9103 阅读 ·
17 点赞 ·
2 评论 ·
62 收藏

数组模拟 JavaScript数据结构之栈（Stack）存储原理

什么是栈 ？一种后进先出（LIFO）的数据结构如图所示这就好比一个单向开口的网球筒，先放入网球筒的在筒底需要最后才能拿出来。后放入球筒的先拿出来。栈的数据存储就是以这种方式实现push() 入栈pop() 出栈peek() 查看栈顶这几种栈的底层操作方法，我们可以依照数组的使用模拟出来，这样就很容易理解程序概念中的栈操作数组模拟栈因为JavaScript比较高级，自带了 push() 和 pop()两个方法，这样理解起来变得更加容易数组的push() 将数据添加到栈顶， po
原创
发布博客 2020.07.19 ·
921 阅读 ·
0 点赞 ·
0 评论 ·
3 收藏

vue computed 和 vm.$data 原理

仔细阅读注解内容。会针对源码原理深度讲解 原文转载地址使用vuex中store中的数据，基本上离不开vue中一个常用的属性computed。官方一个最简单的例子如下var vm = new Vue({ el: '#example', data: { message: 'Hello' }, computed: { // 计算属性的 getter reversedMessage: function () { // `this` 指向 vm 实例 .
转载
发布博客 2020.07.07 ·
15326 阅读 ·
3 点赞 ·
0 评论 ·
5 收藏

vuex 设计思路和实现

API概念的东西就不介绍了, 如果还不了解vuex 的应用, 可以去查看官方vuex文档 。下面着重讲解 vuex的原理以及实现vuex 设计思路vuex是使用插件机制开发的, vuex 中的 store 本质就是没有template的隐藏着的vue实例在beforeCreate 混入vuexInit ,vuexInit方法实现了store注入vue组件实例，并注册了vuex store的引用属性·$storevuex 设计思路源码function applyMixin (Vue) {.
原创
发布博客 2020.07.07 ·
15534 阅读 ·
2 点赞 ·
1 评论 ·
4 收藏

vue-router 原理及实现

路由模式hash：默认hash 模式, 使用 URL hash值来作路由history：依赖 HTML5 History API 和服务器配置abstract：支持所有 JavaScript 运行环境，如 Node.js 服务器端ips hash 和 history 中都会记录浏览历史,保存在浏览器的路由栈中模式分配/* other... */if (!inBrowser) { // 非浏览器模式 mode = 'abstract' } this.mode = mode // 通
原创
发布博客 2020.07.01 ·
15901 阅读 ·
7 点赞 ·
1 评论 ·
23 收藏

vue 任务队列和异步更新策略 （清晰理解任务队列、微任务、宏任务）

事件循环JavaScript 语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。为了协调事件、用户交互、脚本、UI 渲染和网络处理等行为，防止主线程的不阻塞，Event Loop 的方案应用而生。Event Loop 包含两类：一类是基于 Browsing Context，一种是基于 Worker。二者的运行是独立的，也就是说，每一个 JavaScript 运行的"线程环境"都有一个独立的 Event Loop，每一个 Web Worker 也有一个独立的 Event Loop。任务队列
原创
发布博客 2020.06.30 ·
17477 阅读 ·
4 点赞 ·
2 评论 ·
15 收藏

vue 样式穿透 尖括号3、/deep/ 、::v-deep 应用场景注意事项

官方文档地址,更多关于Scoped CSS的内容在很多vue的组件库 , 如vant，elementUI， iview等都可能自定义一些样式文件项目中用到了 elementui，如果使用预处理器 scss, sass,less , 修改样式可能修改不掉, 而且这种需求出现的频率非常高。但如果去掉scoped话又会影响全局样式。当然我们知道可以使用 样式穿透的方式操作那么究竟什么时候使用 >>> 什么时候使用 /deep/ 和 ::v-deep 实际操作中会有什么问题呢?1、>
原创
发布博客 2020.06.23 ·
24388 阅读 ·
13 点赞 ·
0 评论 ·
55 收藏

深度理解浏览器前端优化

优化关乎速度和满意度。从用户体验（UX）角度，我们希望前端网页可以快速加载从开发体验（DX）角度，我们希望前端是快速，简洁，规范的浏览器都做了什么?我们希望浏览器打开一个简单的网页<!DOCTYPE html><html> <head> <title>The "Click the button" page</title> <meta charset="UTF-8"> <link rel=
转载
发布博客 2020.06.09 ·
397 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

关于uni-app你需要小心的坑

作为vue语法开发的跨平台开发框架虽然愿望很美好，但是真的要实现跨平台还是需要开发者搭建好的项目架构，灵活运行vue语法和模块化开发思维。H5适配官方创新很好，又为我们创造了一个尺寸单位，upx，但是考虑到项目迁移和开发通用，我决定还是使用px配合flexible实现适配，确保项目可以轻松移植到uni框架，需要改动@dcloudio/vue-cli-plugin-uni/packages/postcss文件，在postcss.config.js文件中引入的，保证我们小写px自动转换rem，大写的不转换，
转载
发布博客 2020.05.26 ·
20495 阅读 ·
4 点赞 ·
1 评论 ·
15 收藏

微信小程序如何修改第三方组件样式 例如 vant-weapp样式修改

解除样式隔离1、在组件内部options属性中定义styleIsolation: 'isolated'Component({ onLoad(){}, options: { styleIsolation: 'isolated' }})app.wxss 或页面的 wxss 中使用了标签名选择器（或一些其他特殊选择器）来直接指定样式，这些选择器会影响到页面和全部组件。通常...
原创
发布博客 2020.04.02 ·
33500 阅读 ·
3 点赞 ·
3 评论 ·
10 收藏

Flutter 组件之AlertDialog、SimpleDialog、showModalBottomSheet、showToast、自定义Dialog

AlertDialog dialog弹框在 showDialog中 定义 AlertDialog _alertDialog () async { var result = showDialog<void>( context: context, barrierDismissible: true, // false = user mu...
原创
发布博客 2020.03.28 ·
14988 阅读 ·
1 点赞 ·
1 评论 ·
1 收藏

Flutter 组件之Swiper轮播图

flutter_swiper: ^1.1.6//引入第三方包import 'package:flutter_swiper/flutter_swiper.dart';//图片列表 List<Map> imgList = [ { "url":"https://timgsa.baidu.com/4.jpg", }, { "url"...
原创
发布博客 2020.03.26 ·
14110 阅读 ·
1 点赞 ·
1 评论 ·
2 收藏

Flutter 组件之官方日期组件时间戳转换、第三方组件应用

时间戳转换获取日期var now = new DateTime();var now = DateTime.now();//当前日期转换成时间戳,单位毫秒。 13位时间戳now.millisecondsSinceEpoch;时间戳转化成日期DateTime.fromMillisecondsSinceEpoch(1585140111111)2020-03-25 20:41:...
原创
发布博客 2020.03.25 ·
15704 阅读 ·
1 点赞 ·
1 评论 ·
1 收藏

Flutter 组件之表单组件TextField、CheckBox、Radio、Switch

TextField普通输入框TextField(//文本输入框 decoration: InputDecoration(//表单定义模块 hintText: "请输入用户名"//类似html的placeholder ),),图标输入框TextField(//文本输入框 decoration: InputDecoration(//表单定义模块 hint...
原创
发布博客 2020.03.23 ·
1456 阅读 ·
1 点赞 ·
1 评论 ·
1 收藏

Flutter 按钮组件之RaisedButton、OutlineButton、FlatButton、IconButton、ButtonBar、FloatingActionButton

按钮UIRaisedButton普通按钮、颜色按钮、阴影按钮、图标按钮、圆角按钮、圆形按钮children: <Widget>[ RaisedButton( child: Text('普通按钮'),//文本内容 onPressed: () {//点击事件 print("普通按钮"); }, ), S...
原创
发布博客 2020.03.22 ·
16925 阅读 ·
1 点赞 ·
2 评论 ·
1 收藏

Flutter 抽屉组件之Drawer滑动侧边栏

Drawer配置以下布局是系统方法,当然可以根据需求自定义布局。class HomePageSet extends StatefulWidget { HomePageSet({Key key}) : super(key: key); @override _HomePageSetState createState() => _HomePageSetState();}cl...
原创
发布博客 2020.03.22 ·
15071 阅读 ·
1 点赞 ·
1 评论 ·
1 收藏

Flutter 组件之AppBar、顶部TabBar、仿今日头条顶部导航练习

debugShowCheckedModeBanner:false,//去掉debug图标initialRoute:'/initDemo',//初始化的时候加载的路由AppBar自定义顶部按钮颜色、图标appBar:AppBar( title:Text("AppBarButton"), centerTitle:true,//标题居中显示 leading:IconButton(//如果...
原创
发布博客 2020.03.22 ·
15714 阅读 ·
1 点赞 ·
1 评论 ·
5 收藏

Flutter 组件之路由替换、返回跟路由、从哪来回哪去

返回到上一级页面Navigator.of(context).pop();二、替换路由需求：我们从用户中心页面跳转到了 registerFirst 页面然后从 registerFirst 页面通过 pushReplacementNamed 跳转到了 registerSecond 页面这个时候当我们点击 registerSecond 的返回按钮的时候它会直接返回到用户中心Navig...
原创
发布博客 2020.03.21 ·
14071 阅读 ·
1 点赞 ·
1 评论 ·
1 收藏

mpvue 开发微信小程序 Page "xx" has not been registered yet 和无法设置子页面navigationBarTextStyle

Page “xx” has not been registered yet正常页面设置要在app.json上配置带有文件夹的页面文件, 否则程序识别不到。如果pages 、subPackages 配置文件中都是正确无误的那么要注意了, 你需要运行 npm run build 来编译小程序。这样文件和配置重新加载页面就正常了子页面导航主题 navigationBarTextStyle...
原创
发布博客 2020.03.20 ·
13369 阅读 ·
1 点赞 ·
1 评论 ·
1 收藏
加载更多