首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

不学 PS,不用美图,一键做出高端海报

这款聚集了模板,文字排版,快速生成一款超智能小程序「arkie 智能设计」,或许可以解决这些烦恼。 一键生成「高大上」海报 小程序中汇聚了大量模板,并且将这些模板大致分成了七个版块。...其中除了「小名片」,「促销」这类常用模版,还有节日板块,例如图中「女神节」就是最新添加呢。估计下一个版块应该是「清明节」了吧! 海报编辑上,也并不需要你修改字号和添加文本框。...只需要你在编辑栏填写你相关信息,上传相应图片和 Logo,甚至都不需要你去为海报文本框进行排版,点击「生成设计」,一张犹如大师制作海报就完成了。 收藏你做每一张海报 糟了!...细心设计海报忘记保存了? 不用担心!因为你制作每一张海报统统被收藏在「作品」,不用担心作品丢失,只需要进入小程序,就能查看保存在手机上作品了。...没有人天生就是设计师,PS 学习时间和成本又太高。这时候,BOSS 却发话要做一张海报时,有没有感觉到「arkie 智能设计」顿时变得很贴心呢?

48050

【玩转 Cloud Studio之Vue3 抢先体验】

前言 第一次接触《Cloud Studio》还是通过微信群里 “腾云先锋(TDP)反馈交流群”,充满好奇心看到这个东西决定还是先了解了解, Cloud Studio 优点 看了官网介绍主要有以下优点...web版vscode,又是熟悉感觉 图片 不过有点区别的是,他这里多了一些云端部署,应该是很方便我们快速迭代一些轻应用,一点想吐槽在这个界面居然找不到模板入口(必须是官网登录之后然后才会默认跳到模板市场页面...选择模板之后,自动帮我们 npm install npm run dev了,速度表示也是非常快,这一点还是非常友好,然后我们开始随便测试一些代码,可以看到,声明了一个const还没保存它会自动帮我们保存并且校验...图片 奇怪是打个包不知道为什么内存会占用满了,导致打包程序也是被终止了(这点估计还是要优化下) 感受 经过本人测试使用,个人感觉这款《Cloud Studio》综合体验还是不错,可以令我们快速迭代开发一些轻应用...,妈妈再也不用担心我们开发还要装各种环境烦恼了,当然了,使用过程还是一些地方体验做不好,希望将来也慢慢去优化一下,总而言之没有一款产品一出来就是完美的,也都是需要我们用户和产品共同体验使用下才能慢慢去完美

57440
您找到你想要的搜索结果了吗?
是的
没有找到

React.Component损害了复用性?|TW洞见

如图所示,标签编辑器视觉上分为两行。 ? 第一行展示已经添加所有标签,每个标签旁边个“x”按钮可以删除标签。 第二行是一个文本框和一个“Add”按钮,可以把文本框内容添加为新标签。...要实现这个功能,需要给 TagPicker 传入 changeHandler 回调函数,代码如下: ? 为了触发页面其他部分更新,被迫增加了一个 21 行代码 Page 组件。...每当回调函数触发,调用 Page自己 setState 来触发 Page 重绘。 从这个例子,我们可以看出,ReactJS可以简单解决简单问题,但碰上层次复杂、交互频繁网页,实现起来就很繁琐。...这个标签编辑器HTML模板一共用了18行代码就实现好了。...只要用9行代码另写一个HTML模板模板调用刚才实现好 tagPicker 就行了。

4.9K90

干货|不好意思,干活真的比不上做PPT(1)

实现整齐美观这个效果,主要就要用到一键优化这个功能啦~ 统一字体、统一段落、统一颜色 了这三个一键统一,一个PPT基础关就算是过了,如果手动一个个调整,绝对要浪费不少时间呢~ 高阶操作:母版视图...讲真,熟悉PPT母版视图之前,也是喜欢直接拷贝别人好看模板,自从熟悉了母版视图之后,做PPT之前再也不满世界找模板了!...背景这一组我们可以看到颜色、文字、效果这些选项,建议大家正式开始做PPT之前,先在这里进行一些设置,可以省去很多麻烦。 ?...比如我母版对字体进行了如下设置,那么PPT中新建所有文本框都会默认下面的字体,是不是比各种改字体要省很多时间? ? 颜色也是如此。...母版视图中设计好了颜色之后插入所有图表都是默认这个配色方案

55930

回波总 - 为什么不赞同你关于 ANTLR 不适合模板引擎意见

波总好, 在谈谈对 JFinal Marketing 一些看法那篇博文评论 我们谈论到了 ANTLR, 这里继续和波总谈谈在技术上对这方面的理解. 先说下 ANTLR 到底什么....从头到底都没否定过 antrl 用于别的领域,也没有说 antrl 任何不好。...这个地方觉得有点奇怪了, 使用 ANTLR 直接结果就是生成 Parser, 不仅仅对模板引擎如此, 在所有使用场景下都是一样....如果因为"生成了一个人类无法阅读 parser" 就否定 ANTLR 模板引擎应用, 那是不是也应该否定 ANTLR 包括 Groovy 在内其他项目中使用呢?...是一个中间结果, 对于这个中间结果细致打磨当然应该回到 g 语法文件; 这个道理和 .class 文件中有问题应该回到原始 .java 源代码去修改一样, 没有人会试图去"打磨"生成 class

1.1K30

拒绝加班九大工具神器:logo在线生成爱了

8个工作必备神器网站,解决你可能遇到各种问题,职场新人表示很需要这些工具!被好用到。...1、在线压缩网站-Tiny Png 网址:https://tinypng.com/ 工作,有时需要压缩图片,TinyPng 一直是首选。推荐给大家使用。...这个常用录屏工具,特点是,超级简单快速录制人像、屏幕,完成录制,一键复制链接,即可分享到任何地方,可以保存多次分享,帮我们节约时间。...类似于个人所得税计算这样工具,只是偶尔用到 ,并不想单独存一个网站,这个工具就很好帮我解决这个问题,无需登录,在线使用,用完即走。...除了设计logo外,也会将它当作一个寻找采集设计logo灵感工具,每天都会更新logo素材、logo模板、logo创意。 总之,这是一个收藏起来干货网站 。

91330

Django 博客首页视图

通俗点说就是浏览器帮我们通知网站服务器,说有人来访问你啦,访问请求都写在 HTTP 里了,你按照要求处理后告诉再帮你回应他!...这是 Django 规定语法。用 {{ }} 包起来变量叫做模板变量。Django 渲染这个模板时候会根据我们传递给模板变量替换掉这些变量。最终模板显示将会是我们传递。...我们首先把 HTTP 请求传了进去,然后 render 根据第二个参数 blog/index.html 找到这个模板文件并读取模板内容。...之后 render 根据我们传入 context 参数模板变量替换为我们传递变量,{{ title }} 被替换成了 context 字典 title 对应,同理 {{ welcome...最终,我们 HTML 模板内容字符串被传递给 HttpResponse 对象并返回给浏览器(Django render 函数里隐式地帮我们完成了这个过程),这样用户浏览器上便显示出了我们写

1.2K50

Django博客教程(五):处理 http 请求完全解读

通俗点说就是浏览器帮我们通知网站服务器,说有人来访问你啦,访问请求都写在 http 里了,你按照要求处理后告诉再帮你回应他!...django 如何处理这个 http 请求? django 如何生成 http 响应? 对于如何处理这些问题,django 其自身一套规定机制。...django 在读取这个模板时候回根据我们传来替换这些变量。最终模板显示将会是我们传递。...我们首先把 http 请求传了进去,然后它根据第二个参数 blog/index.html 找到我们模板,然后读取模板内容,并且根据我们传入 context 把模板变量替换为我们传递,...{{ title }} 被替换成了 context 字典 title 对应,同理 {{ welcome }} 也被替换成相应

1.7K100

联系我们吧 - 12个联系我们表单和页面设计赏析和学习

如果说,用户点击了联系页面,用户其实已经尝试联系你了,这个时候,你需要提供,不是花哨设计,而是直观联系方式,不阻碍用户尝试联系你行为。...但话又说回来,如果你信心设计得美观,新颖,自然是最好,而且简洁也不意味着简单。今天和大家分享12个联系我们表单和页面设计模板和例子,如果你喜欢,可以用在你网页设计里哦。 1. ...它有一个自定义风格按钮,采用了纯色配色方案,响应式设计使其在任何网页和移动屏幕上可以完美显示。该模板发表于2018年5月,采用了最新设计趋势,为你提供一个非常不错收集用户信息解决方案。 ?...该页面包含联系表单很简单,一个大文本框,可以了解用户想法。 ?...这个模板与常见普通联表单设计完全不同,具有梦幻般全屏图像背景。该模板还有优秀配色方案,深色背景和白色表单之间创建出强烈对比,刺激用户反馈。

6K30

第 1 篇:很高兴认识你 Vue.js

,然后我们就可以 HTML 文档引用这个 message 。Vue 在后面帮我们做么很多神奇事情,它把 {{ message }} 替换成了 Vue 对象对应。...而这个 v-model 指令作用是将 input 元素 value 属性和我们创建 Vue 对象 value 进行绑定,我们知道 input 一个 value 属性,它会在浏览器显示...(例如后面那个 button 按钮发送),Vue 将这个绑定后, input 引起 value 变化就会实时反映到关联 Vue 对象,所以会看到下方引用 {{ value }} 也会跟着变化...打开浏览器,然后文本框做一些输入,试试效果!...以后 Vue 对象中就可以使用 this.count 引用计算结果,也可以关联模板中直接引用,和绑定数据 value 用法非常类似。

45821

Android Studio advanced configuration

当我配置 Android Studio 时候,下面的一些配置技巧或许对你一定帮助。...显示行号 当我首次启动 Android Studio 时候,想做第一件事就是希望能看到文件行号,一直很奇怪这个基本配置为毛不是默认开启?!...,关于这个配置,个别朋友问,如果项目中两个甚至多个包下都有一个类叫 ImageLoader ,自动导入结果有没有可能不是想要包下?...由此可以看出,活动模板就是我们常用代码一个缩写。开发中有很多代码都会重复出现,因此自定义合适活动模板很大程度上避免我们很多重复体力劳动。那么问题来了,如何自定义?..., Abbreviation 对输入 psh Description 输入这个活动模板描述 Template text 输入以下代码 点击下方 Define 按钮,选中 java

1K20

ireport使用_result with

了“动态长度超过文本框长度会自动换行”这个功能就会解决此问题。...具体操作:选择Frame,右键选择属性,Common选项卡Print When excepression文本框输入控制代码,如“new Boolean($V{PAGE_NUMBER}.intValue...思考:打印需求变化最大就是格式了,我们往往因为格式变化而增加重复代码或者打印项,而模板是客户化模板上格式化可以最大程度上避免这个问题,例如,日期可以格式化各种形式来显示,货币符号用那种、千分位是否分割都可以通过此功能实现...由于子报表往往多条数据,故最好单独放在一个detail(例如:查询出来多条数据,那么会循环显示detail)。...3、子报表引用,首先在子报表定义一个变量Parameter,然后引用即可。 那为什么找到呢?

1.8K20

前端-关于 Vue 和 React 区别的一些笔记

作者:lihongxun945 github.com/lihongxun945/myblog/issues/21 这篇文章记录使用Vue和React时候,对他们不同之处一些思考,...这些都是vue创建组件实例时候隐式干的事。由于vue默默帮我们做了这么多事,所以我们自己如果直接把组件声明包装一下,返回一个高阶组件,那么这个被包装组件就无法正常工作了。...模板渲染方式不同 表层上, 模板语法不同 1、React 是通过JSX渲染模板 2、而Vue是通过一种拓展HTML语法进行渲染 但其实这只是表面现象,毕竟React并不必须依赖JSX。...深层上,模板原理不同,这才是他们本质区别: 1、React是组件JS代码,通过原生JS实现模板常见语法,比如插,条件,循环等,都是通过JS语法实现 2、Vue是和组件JS代码分离单独模板...但是Vue,由于模板中使用数据都必须挂在 this 上进行一次中转,所以我们import 一个组件完了之后,还需要在 components 再声明下,这样显然是很奇怪但又不得不这样做法。

5.1K40

从后端到前端之Vue(六)表单组件 HTML5原生表单和表单元素Vue组件基础知识表单元素组件辅助工具开源

那么怎么解决这个问题呢?我们可以做一个组件来搞定这些烦人事情。我们使用Vue.js基于原生HTML来做一套表单控件!...还有科学计数法e,这个都忽略了,看到输入e想了半天才想起来想很周到,但是输入eeee,也是可以。既然都做了限制,为啥不顺便限制一下数量呢? ?...datalist   这个是给文本框提供一个像下拉列表框那样备选项,还是比较实用,只是一个小问题,他自带过滤功能,比如输入 a 那么只会保留a开头备选项,其他 就都消失了。...模板呢,就是组件内部结构,编写方式和vue实例是很像。这里个主意地方,一开始没注意看,“template:”后面跟是啥?不是单引号哦,而是键盘左上角esc键下面的那个。...data使用了function形式,这个组件复用时候区分多个组件内部数据。如果不用function形式,复用多个组件,将会共用同一个data

5K10

浅学前端:Vue篇(四)

入门学习前先看这个需求,先在有两个组件,一个是外面的主页,一个是里面的p1,p1里文本框,需求是文本框里修改用户姓名,修改完后希望修改后姓名显示到主页那里,欢迎xxx:这个需求如何实现呢,用以前办法就不好实现了...,以前办法是你这个文本框是属于p1组件,只能和p1组件里data()返回数据对象进行绑定,没办法直接被主页这个组件访问到。...vuex 可以多个组件之间共享数据,并且共享数据是【响应式】,即数据变更能及时渲染到模板。...与之对比 localStorage 与 sessionStorage 也共享数据,但缺点是数据并非【响应式】与vuex相关代码src/store/index.js里:import Vue from...小结vuex说白了就是组件之间共享数据,他共享数据有一个特点,是响应式;读取数据:访问storestate属性,可以使用mapState帮我们生成一些计算属性 import {mapState

16530

vue和react区别

由于vue默默帮我们做了这么多事,所以我们自己如果直接把组件声明包装一下,返回一个HoC,那么这个被包装组件就无法正常工作了。React组合不同功能方式是通过HoC(高阶组件)。...React 本身并不支持自定义事件,而Vue中子组件向父组件传递消息两种方式:事件和回调函数,但Vue更倾向于使用事件。React我们都是使用回调函数,这可能是他们二者最大区别。...深层上,模板原理不同,这才是他们本质区别:React是组件JS代码,通过原生JS实现模板常见语法,比如插,条件,循环等,都是通过JS语法实现,更加纯粹更加原生。...而Vue是和组件JS代码分离单独模板,通过指令来实现,比如条件语句就需要 v-if 来实现对这一点,这样做法显得有些独特,会把HTML弄得很乱。...但是Vue,由于模板中使用数据都必须挂在 this 上进行一次中转,所以我们import 一个组件完了之后,还需要在 components 再声明下,这样显然是很奇怪但又不得不这样做法。

64930

mvvm学习&vue实践小结

抽象,实践过程获得广泛认可,那就形成了一种模式,mvvm也是一种模式,它不一定叫mvvm模式,这也不是笔者决定 对于这个模式核心,笔者理解如下:系统根据配置得到了对某些数据源某些处理规则...这里需要注意模板不能使用{{}},否则在还没初始化之前,页面会显示奇怪东西,比如: hello, {{name}} xxx 2.5.3 单 虽然vue语法解析器,可以directive中使用表达式,但是当出现一个复杂表达式时,会污染模板,让代码可读性变得很差,又或者,表达式完成不了这个任务时候...因此,mvvm实践过程,深深地发现,利用单(最多只用一个?...,我们也学习到许多 用一种不一样思想和思维去开发体验也会令我们在看待问题,处理问题道路上有所收获 最后,期待q发展,已经整装待发了哟

61320

mvvm学习&vue实践小结

抽象,实践过程获得广泛认可,那就形成了一种模式,mvvm也是一种模式,它不一定叫mvvm模式,这也不是笔者决定 对于这个模式核心,笔者理解如下:系统根据配置得到了对某些数据源某些处理规则...这里需要注意模板不能使用{{}},否则在还没初始化之前,页面会显示奇怪东西,比如: hello, {{name}} xxx 2.5.3 单 虽然vue语法解析器,可以directive中使用表达式,但是当出现一个复杂表达式时,会污染模板,让代码可读性变得很差,又或者,表达式完成不了这个任务时候...因此,mvvm实践过程,深深地发现,利用单(最多只用一个?...,我们也学习到许多 用一种不一样思想和思维去开发体验也会令我们在看待问题,处理问题道路上有所收获 最后,期待q发展,已经整装待发了哟

85890

智能分析:ChatGPT+Excel+Python超强组合玩转数据分析

用户只需要在底下文本框向ChatGPT提问即可,答案会显示文本框上方。使用上面的提示词向ChatGPT提问,返回解决本示例问题pandas代码,如图2所示。...然后针对每个典型问题,结合代表性实例经过反复试验得到ChatGPT提示词,并根据该提示词提炼出解决此一类问题提示词模板。 所以,最终得到一个能解决数据分析典型问题提示词模板库。...然后与模板典型问题进行比对,根据对应提示词模板组织新提示词用ChatGPT生成代码进行解决。...提示词模板库里面有很多解决问题钥匙,只要找到对应钥匙,就能解决问题。可以建立一个公共模板库,也可以建立一个属于你自己模板库。不断丰富这个模板库,解决问题能力会越来越大。...,现在序号都取2,取最小;成绩都为13三个,它们对应序号为5,6和7,都取最小5。

44710

8、webpack从0到1-基本plugins

首先回顾一下前面几章讲webpackloaders相关概念时,将它理解为一个赋概念,各种各样loader为webpack提供了处理不同文件能力,使webpack变得更强大了。...3、CleanWebpackPlugin 首先我们来解决上文中第①个步骤,使用CleanWebpackPlugin这个插件可以帮我们实现这个功能,他会自动帮我们删除dist文件,安装: $ npm install...,这个插件就会帮我们把dist文件,webpack中使用一个插件就是这么简单。...设置这个template就是说,打包后不要它自动给我生成一个html文件,指定一个模板,你照着这个模板把main.bundle.js文件引入就行。...上文过程回顾几点步骤,我们基本靠这两个插件解决了,但是第三步每次修改文件内容后都需要重新npm run build打包一下这个很烦,下节我们用webpack-dev-server这个插件来解决这个问题

39910
领券