前言
作为程序员,经常会有需要分享代码片段的场景,如技术博客、项目文档,或者是社交媒体
2025年08月28日
微信 8.0 更新的一大特色就是支持动画表情,如果发送的消息只有一个内置的表情图标,这个表情会有一段简单的动画,一些特殊的表情还有全屏特效,例如烟花表情有全屏放烟花的特效,炸弹表情有爆炸动画并且消息和头像也会随之震动。
2025年08月28日
A、安装
npm install ace-buildsB、在uniapp中使用
<template>
<view class="content">
<div id="editor">ssss</div>
<button v-on:click="bb">格式</button>
<button v-on:click="aa">压缩</button>
</view>
</template>
<script>
import ace from 'ace-builds/src-noconflict/ace';
import 'ace-builds/src-noconflict/mode-javascript';
import 'ace-builds/src-noconflict/mode-golang';
import 'ace-builds/src-noconflict/mode-json';
import 'ace-builds/src-noconflict/mode-html';
import 'ace-builds/src-noconflict/theme-monokai';
import 'ace-builds/src-noconflict/theme-dracula';
import 'ace-builds/src-noconflict/ext-language_tools';
import 'ace-builds/src-noconflict/ext-beautify';
export default {
data() {
return {
title: 'Hello'
}
},
mounted() {
this.initEditor();
},
onLoad() {
},
methods: {
initEditor() {
const editor = ace.edit('editor'); // 初始化Ace Editor
//editor.setTheme("ace/theme/dracula");
editor.setTheme("ace/theme/monokai"); //主题
editor.session.setMode("ace/mode/json"); //语言类型
//editor.session.setMode("ace/mode/golang");
//editor.session.setMode("ace/mode/javascript");
editor.setValue('{}'); // 设置初始代码值
},
bb(){
const editor = ace.edit('editor'); // 初始化Ace Editor
editor.session.setMode("ace/mode/json");
var code =editor.getValue();
JSON.stringify(JSON.parse(code), null, 2)
editor.setValue(JSON.stringify(JSON.parse(code), null, 2));
},
aa(){
const editor = ace.edit('editor'); // 初始化Ace Editor
editor.session.setMode("ace/mode/json");
var code =editor.getValue();
let ss = JSON.stringify(JSON.parse(code))
editor.setValue(ss);
}
}
}
</script>
<style>
#editor { width: 100%; height: 700px; font-size: 14px;line-height: 20px;}
</style>2025年08月28日
Codepen是一个非常了不起的网页应用。只要电脑能够上网,你就可以创建HTML, CSS和Javascript。如果你想选择性加入PRO版本,你会得到一些非常酷的效果诸如:世界范围内的成对编程(在线合作编码),给学生授课(学生可以通过网络观看你实时工作情况),轻松上传工作所需文件,等等。
我搜索了一些时下最好最流行的大家可能会感兴趣的codepen(仅限于HTML和CSS)。如果你想把它们融入到你的设计中去,那会大大节省你很多时间。或者你可以考虑下从别人那里学习一些新东西。
2025年08月28日
想象一下,不懂编程的人也可以快速搭建出自己的网站或应用,甚至还能做个俄罗斯方块小游戏,是不是很酷?通义网页版即将上线的代码模式正是为此而生。
10月24日,正值1024程序员节,通义网页版代码模式开放预约,首批邀请1024位用户抢先体验,不懂代码的人优先。
通义代码模式上线后,用户在用通义网页版输入问题时,能够将对话结果直观展现在一个专门的窗口里,一步到位进行应用预览。该模式可以支持多种不同类型的应用生成,包括网站、数据图表和小游戏等。
与通义灵码、AI程序员主要面向资深程序员的深度编码场景不同,通义代码模式提供了一种新的交互方式,针对简单的代码和应用生成需求,为用户创建一个动态的窗口,将生成的代码文件直接在网页上渲染成应用。
2025年08月28日
在网页设计与开发的过程中,经常会遇到需要展示数据的情况。比如电商网站的商品列表、新闻网站的文章列表等。如果手动逐个添加和更新这些数据,不仅工作量巨大,而且容易出错。Dreamweaver 的动态表格功能则为我们提供了一种高效、便捷的解决方案。
动态表格功能允许我们从数据库或其他数据源中提取数据,并将其以表格的形式动态地呈现在网页上。通过简单的设置和操作,我们可以轻松地定义表格的结构、样式以及数据的来源和显示方式。当数据源中的数据发生变化时,网页上的表格也会自动更新,无需手动修改代码。
2025年08月28日
一、前段时间在用QGraphicsView对图元进行放大缩小时,发现图形总是越来越跑偏,无法像地图中那样,点击哪里就能放大哪个地方。
如下所示:此时放大缩小的焦点并不在鼠标位置
2025年08月28日
一直以来都是有个编程梦,但是苦于学编程太过于繁琐,英文又不好,一直在慢慢摸索中,但是自从接触到AI编程后,感觉真的太简单了,做个网站用对话的形式轻轻松松搞定。
今天正好有时间,就对最近比较火热的V0,Bolt.new,Cursor,Windsurf四个编程软件进行测评下,看看到底用谁写代码更简单更方便?