qq_36982349的博客

之前一直用国外的Github copilar代码指示工具，写代码效率提高了30%-50%，但是这个工具需要付费而且有时候出现连接问题，后来发现国内也有一款相同的代码只能提示工具，我们只需要在Vscode或者JetBrains里面安装这个插件，就可以使用代码指示功能，很多代码我们只需要敲一个开头，会自动提示后面所有的代码，主要是国内的AI插件不但反应速度快，而且很好用。

input、button、checkbox-group、checkbox、radio-group、radio、textarea、picker微信小程序中，也有本地存储对象。异步存储wx.setStorage({key: 存储的名称,value: 存储的内容，success: 存储完毕之后的回调函数})同步存储wx.setStorageSync(key, value);key: 存储的名称value: 存储的内容demo:存储结果：从控制台面板的Storage面板中查看异步提取数据wx.getStorage

Page构造函数，接收一个对象，对象有data属性，该属性是页面中的数据的存储地点。我们想要在页面运行一段时间之后，修改页面上的数据。因为是数据驱动，所以我们修改数据。修改方式： 该对象的某一个方法内 调用this.setData来修改数据this.setData(obj);obj.key: 要修改的层级路径obj.value: 层级路径对应的值这样就可以在修改数据的同时，修改页面上的显示内容demo:原始页面：原始数据:渲染页面：千万不要直接this.data.xxx = xxx;因为此时只是修改了数

页面的JS文件，用于书写当前页面所需要的脚本代码以及生命周期函数。Page() : 注册了一个页面接收一个对象，该对象用于配置当前页面所需内容。该对象拥有的属性：页面配置文件 JSON文件该文件是针对单个页面的配置 与app.json类似。该文件是当前页面的骨架文件 等效于纯HTML文件该文件只负责当前页面的样式 等效于CSS文件所谓的组件，其实就是HTML中的标签。微信将原本的HTML标签封装了一次，然后叫做组件。因为封装了，所以原来的属性，方法，JS包都将无法在这里使用。微信小程序是双线程的。一个线

微信小程序这是嵌入在微信应用程序中的一个更小的应用程序。属于：混合开发。混合开发： 一处开发，多端应用。前端分类网站方向： 普通静态网站 、 网站APP应用方向： 混合开发一个公司，制作一个项目时，如果想要同时支持IOS系统和Android系统，需要招聘两套人马。成本比较高。此时，可以选择招聘一套前端人马。使用混合开发的方式，临时制作一个APP。它可以同时安装在安卓系统和苹果系统上。混合开发有三种分类：浏览器引擎渲染： 以 H5+为代表更贴近原生API的react native： rea

Less编译Less编译Less指的是将Less代码编译成css代码。这个行为应该由谁来完成？在体验Less案例中，我们引入了一个Less.js文件。编译过程是发生在前端的。会导致用户比较晚的看到页面。浏览器端编译Less:如果使用的是style标签书写的less代码，请必须将type属性修改为text/less<style type="text/less">……</style>如果使用的是link标签书写的外链less代码，请必须将rel属性修改为styleshe

服务器简介之前我们写好页面，如果想要给自己看，直接用浏览器打开。如果想要给其他人看，就发给他。但是如果要看的人数太多，此时不可能一个一个的发送。于是架设一台服务器。这个服务器是放在公网上的。只要你把你的网站放在该服务器上，别人就可以通过公网访问到。（得有域名：域名指的是你的服务器在公网上的一个id）简而言之，服务器就是用于提供服务的机器。我们根据服务器的用途不一样，划分出不同的服务器来。我们学习的是最简单的web服务器。NodeJS服务器之前，有一个server.js文件，就是一个简单的Node

静态中间件中间件名称：koa-static下载: npm install koa-static使用：// 引入KOAconst Koa = require("koa");// 搭建服务器const app = new Koa();// 引入中间件 koa-staticconst serv = require("koa-static");// 使用中间件功能app.use(serv("static"))// 监听端口号app.listen(3000)注：在访问static下的内容

实现效果定义球的类气球类中我们需要对26个字符进行处理this.arr = "abcdefghijklmnopqrstuvwxyz".split("");生成一个随机字母this.index = parseInt(Math.random() * this.arr.length);// 定义随机字符this.str = this.arr[this.index];生成一个div标签并对图片进行处理// 元素属性this.dom = document.createElement("div

效果图一个星星的实现对视口进行处理：// 获取视口的宽var width = document.documentElement.clientWidth;// 获取视口的高var height = document.documentElement.clientHeight;对canvas处理：// 获取canvasvar canvas = document.getElementById("myCanvas");// 获取画笔var ctx = canvas.getContext("2

贪吃猫小游戏作为一名前端人员，撸猫我决定使用面向对象的方式书写贪吃猫小游戏，灵感来自有贪食蛇小游戏。我们可以把整个游戏看成是一个游戏类，游戏类可以有各种各样的属性。我们可以把贪吃猫中的猫作为一个属性，还有地图属性、食物属性、障碍物属性。我们可以把猫当做一个"猫"类，有数组属性、有方向属性、有增长方法、有移动方法。可以把地图看成一个地图类，有行属性、有列属性、有宽度属性 （总宽）、有高度属性 （总高）。有一个数组属性，数组中存放的是每一个小方格。可以把食物看成一个食物类，有一个x属性，有一个.

1 折线图 鼠标放在点上时显示的数据效果，在代码中用到的就是tooltip这个参数，其中show的默认值是true，可以省略，当我们不想显示悬浮提示效果，将show修改为false。trigger设置这个参数，效果是可以看到一个竖直的虚线，不添加则不显示。backgroundColor效果是显示数据的弹窗对应的背景色，需要什么颜色自行设置。extraCssText可以设置弹窗显示的阴影效果。配置项的全部代码options: {    title:&n

我搭建了一个前端博客，用来给学习前端的小白提供学习上的帮助，博客每天会更新前端文章，而且前端学习视频免费分享给大家，每天都会添加前端面试题目和练习题。欢迎大家来我的博客。我的博客中有个welcome的文章，大家扫文章中的群二维码，所有的资料在群里都可以看到，而且随时回答提出的问题。我的群号：920770747...