新人们找个好玩的来练练手如何？虽然不是专职搞web的做过几个代码简陋，只有几十行然而做出来的感觉甚是开心，也希望各位新入门的开发者可以拿去做个小游戏玩玩看。
启动程序之后,打开google浏览器对应页面,按F12或者Ctrl+Shift+I进入 开发者工具页面
微信小程序-代码结构介绍
开始之前给大家说说上节课的主页吐槽功能，其实大家可以按照我们已经掌握的前端技术，对首页进行重新排版，力求好看+实用，吐槽功能比较重要，是我们收到反馈的一个重要途径，而且也是趁这个机会给大家展示如何使用sqlite3数据库orm映射技术。我们在本系列后期的某节课，仍然会对首页进行改版。具体改版的效果可以参考如下主页：
如上图所示，一个微信小程序由.js、.json、.wxml、.wxss四种文件构成：
环境搭建 申请账号 开发小程序的第一步，你需要拥有一个小程序帐号，通过这个帐号你就可以管理你的小程序。 点击 https://mp.weixin.qq.com/wxopen/waregister?ac
和大家简单介绍一下QML里面的MVC设计（Model-View-Controller的缩写，UI设计常用的一种设计模式）。
换肤这个功能，不能算是很常见，但是也是有需求的，所以这里提供几种前端的换肤解决方案，供大家参考。
通过上一篇我们已经完成了注册及开发环境的搭建，今天我们来开发我们的第一个微信小程序 微信小程序开发注册流程
.xControl { font-size: 15px; font-weight: bold; padding: 5px 0; box-shadow:0 0 20px #d0d0d0;/* 阴影 */ background-color: #FFFFFF;/* 背景颜色 */ border-bottom: 2px solid #e74c3c;/* 边 */ transition: all 0.1s linear; text-align: center; border-radius: 0 0 5% 5%; border-radius:4px; } .xControl a{ text-decoration: none; display: block; }
一般来说，工控项目设计包含软件界面和硬件设备两个大方面。硬件支撑系统功能，软件展示项目功能，二者相互配合，缺一不可。在目前的工控行业里面，软硬件发展的都比较成熟，工程师们能够独立完成功能，然而在现在竞争日益激烈的情况下，无论是触摸屏还是PC机，因为直观的展示了项目的全貌，软件界面显得愈发重要。
在上期文章中，FinClip的工程师和我们主要聊了聊如何写出小程序的样式内容。在本期文章中，我们来看一下如何在小程序中使用 js 的，即在小程序中使用脚本内容处理内容或样式的改变。
最早期的开发，大多都使用jQuery，它给我们带来了很多的便利：快速选取元素，方便操作DOM元素的API，各个浏览器之间完美的兼容性，链式操作，动画、ajax等等都是jQuery为前端开发人员来带的好处。为什么现在越来越少人用了呢？我来分以下几点，阐述我的想法：
然后我又继续想啊想，想到我们用 canvas 好像也能做出一款点彩画的绘图工具，但用原生的方式写是不可能的，因为我懒。思前想后，还是觉得用 p5.js 写会好点，毕竟这个库也是个比较知名的艺术库。
在介绍项目列表之前，先让我们热热身，做一个各个页面都会出现的 右上角返回主页按钮，这里会学习到一些css属性和js的使用。 在之前的章节中，我们规定home.html 作为我们的主页。那么我们给其他人分享的平台地址应该是：你的ip:8000/home/
以前写过一篇 collapse 的简单应用： Bootstrap.Collapse
何为技巧，意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺，推动着人类科学技术的发展，同时犹如文字一样承托着人类文化的进步。
点击按钮的时候，被点击按钮颜色变化，其他按钮要保持不变。 <!DOCTYPE html>
https://developer.salesforce.com/docs/component-library/bundle/force:showToast/specification
开发小程序的第一步，你需要拥有一个小程序帐号，通过这个帐号你就可以管理你的小程序。
基于Jquery的日历价格、库存等设置插件，也可以作为前台显示日期、价格用。需要设置的参数(字段)需自定义，详见(demo)使用方法...
该文章是一个关于使用 jQuery 插件在网页上实现日历价格、库存、日期选择器，以及提供了相关配置参数和样式的说明。同时，它还提供了一个基于该插件的示例页面，以展示如何使用该插件进行日期选择、价格、库存等信息的展示和修改。该插件基于 jQuery 和 CSS 样式，使用简单，易于集成，并且具有高度可定制化的参数，可以满足各种不同的需求。该插件在社区中受到了广泛的欢迎和应用。
本插件基本算原创，其中大多数功能是在之前工作中发现经常会使用到的，但使用他人的插件放一起用会出现冲突，或者某个插件不能兼容各个浏览器，于是本人对一些插件进行修改或重写，也有些优秀的插件原封不动的整合进来，但由于插件开源共享，所以没有写明插件的来源地址以及作者信息，望见谅。
按宏哥计划，本文继续介绍WebDriver关于元素定位大法，这篇介绍By ClassName。看到ID，NAME这些方法的讲解，小伙伴们和童鞋们应该知道，要做好Web自动化测试，最好是需要了解一些前端的基本知识。有了前端知识，做元素定位会很轻松，同样写网络爬虫也很有帮助，话题扯远了，回到Selenium自动化测试。
迫于无奈还得学下前端的东西，虽然本人学的是后端，但是很早也就听过了Vue很火，所以这里花一天时间学一些基础的Vue知识，至少保证能看懂吧!
在jquery框架的使用中，难免会遇到按钮或文本框等各种各样的要求要进行相应事件的绑定操作，进行事件的绑定能够增加页面的交互效果，相信在html和js中进行事件的绑定大家都不陌生，那么今天我就来和小伙伴们分享一下利用jquery如何进行事件的绑定！
TODO: + 说明： 如果代码中有该标识，说明在标识处有功能代码待编写，待实现的功能在说明中会简略说明。 FIXME: + 说明： 如果代码中有该标识，说明标识处代码需要修正，甚至代码是错误的，不能工作，需要修复，如何修正会在说明中简略说明。 XXX: + 说明： 如果代码中有该标识，说明标识处代码虽然实现了功能，但是实现的方法有待商榷，希望将来能改进，要改进的地方会在说明中简略说明。
前阵子一位读者告诉我，某位大厂HR给他发了我之前做的面试题答案合集。 这个消息让我开心了一整天😂，因为这说明我之前做的面试题系列真的能帮助到部分测试同学，也算是侧面得到了一种认可吧。 坚持可是我们程序员家族的优良传统🐶 今天写的这份面试题我之前就整理分享过，但当时有一部分是没有参考答案的。断断续续总有读者来问我要答案。所以今天吃完饭抽空把遗漏的给补上了，分享给出来，希望能帮到大家。 老规矩，看到面试题，还是希望大家先不要马上看答案。先自己心里想一遍，如果是你你会怎么回答。另外，因为是面试题，所以
Fusionapp小文档.jpg 最近又重构了下博客的套壳app，还是用的FusionApp制作的，为了避免忘记特此写一些基础文档。 基础控件ID
将mixin用于颜色的优点是它们不会覆盖禁用的状态颜色。您也可以像使用普通DOM元素一样使用CSS设置按钮的样式，尽管这也会影响禁用状态：
JavaScript是一门强大的编程语言，它可以用来创建各种交互式网页应用。在这篇博客中，我们将通过一个简单的电灯开关案例来深入了解JavaScript的基础概念，包括HTML、CSS和JavaScript的结合使用。我们将从头开始构建这个案例，逐步引入相关概念，以帮助初学者更好地理解JavaScript的工作原理。
作者名：1_bit 简介：CSDN博客专家，2020年博客之星TOP5，蓝桥签约作者。15-16年曾在网上直播，带领一批程序小白走上程序员之路。
Adobe Photoshop 2021 V22.4 for Mac M1的介绍：
静电说，使用Midjourney制作自己和朋友的卡通头像已经是很多小伙伴最近开始做的功课了，但是不少同学都面临这样的问题，就是生成的头像不像真实照片。接下来静电给大家分享一些小技巧，让生成的卡通头像更像真人。
通过小程序配合百度的人体分割接口进行简单的照片渲染，本期做一个小工具，对学生党、工作人员、打印店铺以及涉及到求职简历办公等需求的人员都很有用，这个项目由于一些原因不再做维护了，于是打算出个教程将证件照小程序分享给大家，这里采用百度AI接口是因为现在网上开源的py脚本对边缘计算不是很优秀，会有很多模糊点没办法处理，识别人体的轮廓范围，与背景进行分离，适用于拍照背景替换、照片合成、身体特效等场景。输入正常人像图片，返回分割后的二值结果图、灰度图、透明背景的人像图（png格式）；并输出画面中的人数、人体坐标信息，可基于此对图片进行过滤、筛选。百度在这方便做得很好，细致化到发丝，并且免费！！
前些天WPS Office AI放出来内测申请，相信不少小伙伴都拿到了体验资格，不知道体验到国产AI的魅力没有？作为写作中的重头戏，一张PPT的制作让不少小伙伴面露难色，单排版布局这一项就足以让人望而却步。
vw是相对单位，1vw表示屏幕宽度的1%。基于此，我们可以把所有需要适配屏幕大小等比缩放的元素都使用vw做为单位。不需要缩放的元素使用px做单位。
别踩白板这个游戏相信大家都玩过，这个是基于HTML5打造的简单小游戏，在PC端和移动端都能够运行，适应多种平台，今天我们使用原生JS搭配JQuery构建这个小游戏--别踩白板。
继承是面向对象中一个比较核心的概念。ES6 class的继承与java的继承大同小异，如果学过java的小伙伴应该很容易理解，都是通过extends关键字继承。相较于ES5当中通过原型链继承要清晰和方便许多。先上代码：
pages.json 文件用来对 uni-app 进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、**底部的原生tabbar **等。
如果把网页比喻成一个房子，HTML就是房子的地基和框架，决定了房子的结构；CSS是对房子进行装修，决定了房子的样式；JS为房子接上网线、水管，为房子提供功能。
用于表单 form，点击会出发 submit（提交） 和 reset（重置） 事件
一个web网页一般是由html、css、javascript、ajax四门技术实现出来的。html构成了网页的结构，css描述网页的样式，javascript完成事件逻辑比如点击、悬浮事件，ajax完成了前端和后台的通信。
在 JavaScript 前端开发框架中，Svelte 算是一个新来的搅局者，在网上我们已经听到很多关于 Svelte 的哔哔。因此我决定试试这个家伙，顺便跟 React 做个简单的比较。
上一篇宏哥已经介绍了通过id来定位元素，今天继续介绍其他剩下的七种定位方法中的通过name来定位元素。本文来介绍Webdriver中元素定位方法之By name，顾名思义，就是我们想要定位的目标元素节点上，有一个name ="value"的属性，这样我们就可以通过name的value直接去找到这个元素。宏哥还是用百度首页搜索输入和点击提交来演示，由于搜索输入文本框有name属性，而点击提交没有name属性，所以宏哥这里只有一个元素定位采用了By name来定位。
使用<script>标签在HTML网页中插入JavaScript代码。<script>标签要成对出现，并且JavaScript代码写在<script></script>之间。
SeismicPro是我用C#写的一款地震剖面显示软件，可从标准SEGY地震数据体中抽取纵测线和横测线的二维剖面，并以波形、变面积和变密度等多种方式进行专业化显示，可进行一键式显示方式切换，并可进行定制开发叠加井轨迹与测井曲线等。 我感觉最人性化的一个功能是：只需要指定一个地震数据体SEGY文件（里面含有多条测线，自动判断道头字位置），就可以任意抽线显示了。 主要功能列表： 1）根据SEGY快速生成三维工区信息，可预览三维工区的概貌 2）快速选取纵测线或横测线 3）在工区内以指定间隔快速前滚、后滚剖面 4）
主要的实现原理是，2套css样式，2套js文件，如果需要切换图片的情况也需要2套图片，页面上有个切换按钮，点击的时候切换css样式和js文件，以及切换图片，css文件切换时会立即起效，但是js没有效果，需要重新刷新下，采用的是点击按钮的时候直接reload,切换样式文件和js文件都在初始化时进行
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
