自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

码农的青春

保持好奇,保持初心,做一个不纸上谈兵的践行者。(Code is Talk)

  • 博客(402)
  • 资源 (6)
  • 论坛 (3)
  • 收藏
  • 关注

翻译 Flutter2 来了!!!

宣布Flutter 22021年3月3日,星期三我们针对web,移动和台式机构建的下一代Flutter今天,我们宣布Flutter 2:Flutter的重大升级,使开发人员能够为任何平台创建美观,快速且可移植的应用程序。借助Flutter 2,您可以使用相同的代码库将本机应用程序发布到五个操作系统:iOS,Android,Windows,macOS和Linux; Windows Vista,Windows XP和Windows XP。以及针对Chrome,Firefox,Safari或E

2021-03-04 09:28:31 1984 13

原创 《vue3+ts+element-plus 后台管理系统系列》之国际化

vue3-composition-admin 是一个管理端模板解决方案,它是基于vue3,ts和element-plus,项目都是以composition api风格编写。 演示地址:https://admin-tmpl.rencaiyoujia.com/github地址:https://github.com/rcyj-FED/vue3-composition-admin国际化主要是利用 vue-i18n-next ,是因为项目使用composition api风格,需要最新兼容。.

2021-02-20 10:53:17 98 1

原创 《vue3+ts+element-plus 后台管理系统系列》之vuex4.x

vue3-composition-admin 是一个管理端模板解决方案,它是基于vue3,ts和element-plus,项目都是以composition api风格编写。 演示地址:https://admin-tmpl.rencaiyoujia.com/github地址:https://github.com/rcyj-FED/vue3-composition-adminVuex4.x 和 TS 一起分包变化也是比较多的,先从官方例子说起。基础例子请查看官网,传送vuex4.x官网.

2021-02-20 10:04:51 84

原创 《vue3+ts+element-plus 后台管理系统系列》之网络请求封装

vue3-composition-admin 是一个管理端模板解决方案,它是基于vue3,ts和element-plus,项目都是以composition api风格编写。 演示地址:https://admin-tmpl.rencaiyoujia.com/github地址:https://github.com/rcyj-FED/vue3-composition-admin 数据(Model)层?关于前端是否需要数据层,有许多需要探讨的部分,从客户端或者后端转前端的同.

2021-02-19 10:40:25 68

原创 《vue3+ts+element-plus 后台管理系统系列六》之样式和icon

vue3-composition-admin 是一个管理端模板解决方案,它是基于vue3,ts和element-plus,项目都是以composition api风格编写。 演示地址:https://admin-tmpl.rencaiyoujia.com/github地址:https://github.com/rcyj-FED/vue3-composition-admin项目css 使用sass进行开发,关于icon图标则使用阿里的iconfont symbol引用的方式。&nb.

2021-02-18 14:02:49 48

原创 在Typescript & Javascript 中使用Sass变量

在Vue中我们往往会单独抽取css全局变量,除了在页面css中使用,往往属性也会用到。准备默认安装了:TypeScriptSass如果没有安装可自行安装。wepack 配置:module.exports = { //... module: { rules: [ //... { test: /\.scss$/, loaders: ["style-.

2021-02-04 15:44:50 47

原创 《vue3+ts+element-plus 后台管理系统系列五》之 标签栏导航(TagsView)

vue3-composition-admin 是一个管理端模板解决方案,它是基于vue3,ts和element-plus,项目都是以composition api风格编写。 演示地址:https://admin-tmpl.rencaiyoujia.com/github地址:https://github.com/rcyj-FED/vue3-composition-admin演示tagsview 现在的后端管理平台现在基本上成必须了,先看下效果。 代码实现总体思.

2021-02-04 14:29:04 100

原创 《vue3+ts+element-plus 后台管理系统系列四》之面包屑

vue3-composition-admin 是一个管理端模板解决方案,它是基于vue3,ts和element-plus,项目都是以composition api风格编写。 演示地址:https://admin-tmpl.rencaiyoujia.com/github地址:https://github.com/rcyj-FED/vue3-composition-admin 面包屑代码引用 @/bread-crumb.Index.vue面包屑是基于el-brea.

2021-02-04 11:28:31 70

原创 《vue3+ts+element-plus 后台管理系统系列三》之路由侧边栏

vue3-composition-admin 是一个管理端模板解决方案,它是基于vue3,ts和element-plus,项目都是以composition api风格编写。 演示地址:https://admin-tmpl.rencaiyoujia.com/github地址:https://github.com/rcyj-FED/vue3-composition-admin 路由和侧边栏路由和侧边栏是组织起一个后台应用的关键骨架。本项目侧边栏和路由是绑定在一起的,所以.

2021-02-04 11:18:34 74

原创 潇洒哥的潇洒歌

昨天潇洒哥走了,一个经常在写代码出现在我耳机里的声音。想缅怀纪念,朋友圈不合适,写在这里吧。在网易云看了下历史:煎饼侠 123次世界上不存在的歌 95次方的言 89次截图留念:其实我最喜欢的不是这些听得多的歌,我最喜欢的是哪首悟空传,也是我给我老婆分享的歌,在她旁边静静的放完了整首。唱出了我喜欢的悟空,无视规则,孤独,迷茫,勇敢,心之所向,大义。我要这天再遮不住我的眼我要这地再埋不了我的心我要那众生都明白我的意我要那诸佛都烟消云散 一个.

2021-02-04 10:19:24 40 3

原创 《vue3+ts+element-plus 后台管理系统系列二》之布局

布局本页面部分内容来源于引用vue-element-admin-site页面整体布局是一个产品最外层的框架结构,往往会包含导航、侧边栏、面包屑以及内容等。想要了解一个后台项目,先要了解它的基础布局。Layout@/layoutvue3-composition-admin 中大部分页面都是基于这个 layout 的,除了个别页面如:login , 404, 401 等页面没有使用该layout。如果你想在一个项目中有多种不同的layout也是很方便的,只要在一级路由那里选择不同的layou

2021-01-30 11:51:33 96

原创 《vue3+TS+element-plus 后端管理系统系列》之响应式设计

响应式设计页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备;换句话说,页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样,我们就可以不必为不断到来的新设备做专门的版本设计和

2021-01-30 10:26:12 113

原创 web前端项目是响应式还是PC移动端分开?

响应式设计关于响应式设计和PC H5分别开发两套的优劣一直都是讨论的话题,我觉得应该根据业务来考虑,不同公司实力,用户需求,产品特性需求不同。响应式网站设计(Responsive Web design)的理念是:页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能

2021-01-29 15:50:25 49

原创 《vue3+ts+element-plus 后台管理系统系列一》之简介

vue3-composition-admin 是一个管理端模板解决方案,它是基于vue3,ts和element-plus,项目都是以composition api风格编写。简介项目的基础版本出自于源于花裤衩大佬的 vue-element-admin。版本:vue2+js版本:vue-element-adminvue2+ts版本:vue-typescr...

2021-01-29 13:58:47 312 2

原创 vue3 项目生产环境切换路由卡死问题 【vue bug】

工作那么多年第一次遇到一个问题卡了两天,最后也不是自己解决的。感谢 edison1105大神帮忙解决问题,记录一下,以后还会有人踩坑。背景最近用vue3 全家桶写了 后端管理系统。 传送门vue3 + compositionAPItsvue-router 问题开发很流程,在开发环境运行也很好,部署到服务器的时候报错。[Deprecation] 'window.webkitStorageInfo' is deprecated. Please use 'navigato.

2021-01-28 17:04:48 123 2

原创 git 分支master 改为 main

尊重黑人,老是忘记。git branch -M main

2021-01-25 17:13:51 62

原创 Vue3 + TS PropType类型验证

使用TS的时候有没有遇到过,一个组件props 需要自己定义的接口和类型的属性验证,那么该怎么办呢?基础props验证看Vue3官网props介绍即可:点击传送 ,官网没有对特定类型属性进行补充。PropType 定义export declare type Prop<T, D = T> = PropOptions<T, D> | PropType<T>;declare type PropConstructor<T = any> = { .

2021-01-16 11:26:34 534

[Vue warn]: Unhandled error during execution -- 【vue bug】

昨天同事遇到一个问题反馈给我,加班到深夜也无法解决,今天忽然想到往往花费时间巨大的问题没有答案可能是最简单的原因,解决了写下来反思。 项目场景:技术:Vue3 + TS + CompositionAPI系统:无关场景:在一个vue页面引用一个vue组件 问题描述:问题现象:重复引用首先出现警告如下: [Vue warn]: Unhandled error during execution of scheduler flush. This is likely a V.

2021-01-14 09:47:14 627

翻译 @vue/cli-plugin-pwa 中文翻译

@vue/cli-plugin-pwa用于vue cli的pwa插件,关于配置介绍翻译service worker 介绍:https://segmentfault.com/a/1190000016028780The service worker added with this plugin is only enabled in the production environment (e.g. only if you run npm run build or yarn build). Enabli

2020-12-17 10:22:30 79

原创 npm发布一个ts包0配置

不管是移动端,还是后端,前端,管理包发布包永远都是逃不了的。当然越简单越好,我只关心自己代码就好。看了一些教怎么发布的文章,30秒学会,轻松学会等等标题党,各种配置之后麻烦而且还有没有达到效果。 零配置,只需关心自己代码找到一个发布TS包的工具,tsdx真的可以0配置发布包,集成了Babel,rollup,eslint,jest 等,只需要关心自己的代码即可。用法1、使用tsdx 创建项目npx tsdx create mylibcd mylibyarn start2、.

2020-12-14 17:31:35 82 1

原创 ts 项目基于axios 请求之后自动转model

在移动端和后台进行数据操作的时候,我们往往会将网络请求抽象一个model层,便于维护和开发使用。前端用TS做项目,抽象model层是非常有必要。axios-mapper是用来解决这个问题,让请求直接返回model。而且优化请求,防止过快点击重复请求。 功能 更简单的axios请求返回自动转成model 自定义间隔时间,防止重复快速点击  安装 npm install axios-mapperor yarn add axios-mapp.

2020-12-14 16:05:22 87

原创 TSX 在Vue项目的使用

JSX是一种嵌入式的类似XML的语法。 它可以被转换成合法的JavaScript,尽管转换的语义是依据不同的实现而定的。 JSX因React框架而流行,但也存在其它的实现。 TypeScript支持内嵌,类型检查以及将JSX直接编译为JavaScript。本文涉及知识SFC虚拟domrender 相关函数 思考问:SFC和JSX 优劣势,Vue模板语法快捷方便为什么还要学JSX?答: 我的理解SFC更侧重Html语法,就像画一幅画,使用标签画好结构,再将数据使用js进行.

2020-12-12 14:45:31 430

原创 02 -- PMP 抱佛脚系列(规划篇上)

知识框架规划过程组规划过程组包括明确项目全部范围、定义和优化目标,并为项目实现目标制定行动方案的一组过程。制定项目管理计划制定项目管理计划是定义、准备和协调项目计划的所有组成部分,并把他们整合为一份综合的项目管理计划的过程。主要输入是项目章程。规划范围管理规划范围管理师为记录如何定义、确定和控制项目范围及产品范围,而创建范围管理计划的过程。输出:范围管理计划是项目管理计划的组成部分,描述如何定义、制定、监督、控制和确定范围。范围管理计划要对将用于下列工作的管理过程做

2020-12-03 17:21:14 53

原创 01 -- PMP 抱佛脚系列(启动篇)

知识框架 启动启动过程组的目的:协调相关方期望与项目目的,告知相关方项目范围和目标,并商讨他们对项目及相关阶段的参与将如何有助实现其期望。制定项目章程制定项目章程是编写一份正式批准项目并授权项目经理在项目活动中使用组织资源的文件的过程。项目章程是由项目启动者或发起者发布的,正式批准项目成立,并授权项目经理使用组织资源开展项目活动的文件。项目章程包括:项目目的可测量的项目目标和相关的成功标准高层级的需求高层级项目描述、边界定义以及可交付成果整体项目风险总

2020-12-03 09:50:53 35

原创 Vue3.0中文文档(Vue3 + TS学习资源路线)

Vue3.0 学习资源文档:Vue3.0 中文文档:https://www.vue3js.cn/docs/zh/Vue3.0 组合API使用:http://www.liulongbin.top:8085/#/Vue3.0 Vuex 替代方案: https://zhuanlan.zhihu.com/p/114783130B站视频学习:尤雨溪Vue3.0 : https://www.bilibili.com/video/BV1ke411W7WB/Vue3.x 大地老师:https://www

2020-12-01 11:33:52 403

原创 Vue 项目eslint 配置编程风格(VScode)

 观点:程序运行结果有对错,代码从可读性、扩展性、复用性的标准评判也可以读出来好坏,但是编程风格真的又对错吗?尤其是JS这门脚本语言,在不同领域都有应用,它先天性的原因编程风格有更多的发挥,到底谁写的对错呢,比如单引号还是双引号,加不加分号这种问题。我认为风格没有好坏,一个团队统一即可,保持代码简洁,漂亮,统一。 Vue 有关的格式化工具1.ESLint(官网)ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具,它的目标是保证代码

2020-10-31 08:20:16 120

原创 关于SEO的研究和SPA 项目得SEO优化(科普篇)

SEO 优化大部分人应该都会明白什么意思,但是怎么做SEO优化,SEO优化排名高低到底由于什么决定的呢?SPA项目为什么SEO效果不好呢。带着这些问题最近几天在研究,总结下研究成果。1、SEO是什么SEO(Search Engine Optimization):汉译为搜索引擎优化。是一种方式:利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。目的是让其在行业内占据领先地位,获得品牌收益。很大程度上是网站经营者的一种商业行为,将自己或自己公司的排名前移。 — 百度百科SEO的关键指标是.

2020-10-20 15:11:00 97

转载 乔布斯、比尔·盖茨二人之间有什么恩恩怨怨

作者:邵云飞链接:https://www.zhihu.com/question/23888042/answer/40348173来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。首先,硅谷风云是以乔布斯的方向来讲述的,所以多少有些黑盖茨的。然而图形界面是美国的施乐在1981年推出的“施乐之星(Xerox Star)”电脑,运行着用户图形界面。且售价高达16595美元,仅仅卖出3W台。(图为施乐1981年推出的图形界面操作系统:Xerox 8010 Star ).

2020-09-19 10:42:40 139

原创 TextField suffixIcon点击时TextField 选中弹出键盘<Flutter Bug篇>

项目场景:登录页面有输入密码,常规隐藏显示。但是点击后面小眼睛的时候,TextField会被选中,弹出键盘。 问题描述:点击prefix 或者 suffix 的时候,键盘弹出,输入框选中。 原因分析:没有阻止点击事件冒泡,这个事情应该是谷歌Flutter 去解决,也看了一些issue 很多提到了这些问题。https://github.com/flutter/flutter/issues/36324https://github.com/flutter/flutter/i

2020-09-05 11:53:43 462

翻译 Flutter Bloc 官方文档(BlocBuilder翻译)

什么是Bloc,为什么用Flutter Bloc 就不介绍了,直入主题。Bloc Widgets BlocBuilderBlocBuilder 是一个Flutter widget,它需要一个bloc和一个builder函数,BlocBuilder用响应 的新状态构建一个widget,BlocBuilder和StreamBuilder十分相似,但是它有一个更简单的API来减少所需的样板代码数量,builder函数可能会被多次调用,并且应该是一个纯函数,它返回一个小部件来响应状态。如果.

2020-07-15 16:50:10 480

原创 Vue KeepAlive表单页缓存场景

写这篇博文的目的是整理思路,KeepAlive动态修改目前有局限性,只使用改变 状态修改页面是否缓存,无法彻底删除上次缓存。一、业务场景一个表单页面填写表单点击查看协议,返回时候缓存点击提交之后,下次进入不应该缓存就那么简单我们是在app.vue 添加keepAlive缓存,通过路由配置开关{ path: "/enterpriseApply", name: "enterpriseApply", component: enterpriseApply, m.

2020-07-09 11:17:45 419

原创 AntDesign Select控件即可以输入又可以搜索选择

HTML<a-form-item class="fontls mb24" label="毕业院校" style="width:340px;" :label-col="{ span:6}" :wrapper-col="{ span: 15 ,offset:1 }"> <a-select

2020-07-04 16:01:06 2339

原创 Flutter 运行到浏览器

背景最近想让Flutter 项目运行到浏览器试一下,按照一些博客说明,做了下面的操作。flutter config --enable-web // 打开web配置flutter run -d chrome //运行到chrome报错找不到chrome,执行flutter devices 也找不到浏览器,文件目录页没有web目录。下面说下正确的配置,其实看官网就好,一些博客太老,或者断章取义。官网配置如下:https://flutter.dev/docs/get-started/web下

2020-07-04 15:55:05 694

原创 Docker入门(这篇真的够详细)

Docker入门文章目录Docker入门docker的感性认识docker的优势感受一下docker的便利性一、docker的核心技术Namespaces1、UTS Namespace2、IPC Namespace3、PID Namespace4、Network Namespace5、Mount Namespace6、User NamespaceCgroups1、什么是 Cgroups2、Cgroups的使用UnionFS1、什么是UnionFS2、UnionFS在Images中的使用二、docker网络

2020-07-03 14:09:56 211

原创 Dart abstract class mixin 究竟哪里不一样呢?
原力计划

编程那么多年,C,C++,OC,Swift,JS,Java都有用过。但是最新实验了下Dart的abstract class mixin几个关键字,把我弄得有点迷糊,似乎他们之间可以互相替代的,究竟他们之间有什么不同,什么情况使用什么呢。1.定义关键字作用abstract抽象类,在Java,C++中都是接口抽象类,可以定义属性和虚函数,等着实现类去实现定义的方法。相当于Swift和OC的protocol,Swift里可以使用extension实现默认方法,但是在Dart里抽.

2020-06-15 14:13:24 176

原创 Vue 部署服务器打包报错,本地可以问题

 问题背景问题背景是这样的,我们用Vue脚手架搭建项目,在我Mac os和前端同事Windows 上执行npm run build 都没有问题,运维同学打包执行npm run build却报错,找不到文件. 问题解决一顿分析之后,排除了node环境问题,代码版本问题。我猜想到系统差异性,接着发现了问题。MacOS和WIndows都是大小写不敏感,LInux大小写敏感,项目不规范,有些大小写引用没注意。果然修改之后成功了,写下来节省遇到同学的调试时间。...

2020-06-05 11:25:30 341

原创 你想知道得Cocoapod podflie 引用库的方式都在这里

Cocoapods库的方式本地库上传到Cocoapods 远程仓库私有库Cocoapods 上传官方仓库的引用版本问题操作说明pod 'SwiftyJSON'安装pod最新版本pod 'SwiftyJSON' , '4.0'安装指定版本pod 'SwiftyJSON' , '> 4.0'安装版本高于4.0pod 'SwiftyJSON' , '>=4.0'安装版本高于等于4.0pod 'SwiftyJSON' , '<

2020-05-09 10:30:10 142

原创 VScode 开发Vue EsLint和Format 保存冲突问题

背景描述之前用VScode开发Flutter,设置自动保存格式化。现在开发Vue使用Eslint进行规则验证,为了不必要的麻烦,想要设置自动保存修复不规则问题。这时候问题出现了,格式化的代码EsLint风格不一致,就算手动点击全部修复,格式化还是全部改回去。问题解决1、安装插件eslint 默认安装了,写Vue vetur 应该也装了。 装上Prettier 插件。2、将下面配置...

2020-04-30 14:20:23 1005

原创 域名查询IP网站

https://www.ipaddress.com/

2020-04-22 22:39:27 107

原创 Dart 匿名函数和箭头函数的思考

不管什么语言,不管是叫闭包,Block,lambda表达式还是箭头函数。其实都是函数的简单写法,为了更方便的在各种场景使用。学了太多的语言,感觉有点乱,整理一下Dart的函数当参数的写法。 无返回函数做参数以List forEach函数为例,接收一个参数为int 返回 void的函数。 /** * Applies the function [f] to each ...

2020-04-22 17:56:50 192

iOS开机动画

iOS 开机炫酷动画 心跳 类似推特fade,和突进动画,索引页用比较好。。。

2015-09-29

泊学付费网站Swift资料.zip

Swift语法基础学习泊学付费网站Swift资料 入门swift的优秀的学习资料,可以看看大部分都是pdf课件

2020-05-14

iOS cocosPod教程

cocosPod学习PDF ,详细介绍安装和操作步骤

2015-10-21

iOS 汉字转拼音助手

iOS 工具类汉字转拼音,非常方便。如济南市--jinanshi 缺分刚从项目摘下来,有需要的用。

2015-11-17

侧滑ddmenue

DDmenue 一个侧滑UI 封装 整理一下,从代码摘下来的可以用

2015-11-17

YUI Compressor

YUI Compressor 混淆 压缩

2017-07-19

ZY_FlyWay的留言板

发表于 2020-01-02 最后回复 2020-01-02

移动端都会真的有用吗?

发表于 2019-04-17 最后回复 2019-04-17

现象:wifidog 和 squid 都正常启动时,squid没正常缓存;把wifidog停止后,squid正常缓存

发表于 2016-02-18 最后回复 2017-11-16

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除