沉默的小猴子的博客

小程序审核增加敏感词汇校验，避免违法违规而被停用服务或者投诉。本文例子引用的百度AI开发者提供的API：链接位置：https://console.bce.baidu.com/ai/#/ai/ocr/overview/index创建应用后生成应用对应的id和key应用到小程序中,，简单的写一个公用的方法：//-----------敏感词检测textTest (obj){wx.request({//获取access_tokenurl: ‘https://aip.baidubce.com/o

贴上代码，<template> <div> <msg-code v-model="smsPwd" :msgTitle="'验证码'" :disabled="false" :placeholder="placeholder" :maxlength="'6'" :text=.

vue中scroll的高度问题解决很多人写的并不全面，给出的只有简单的一两句写法，导致萌新和小白频频报错解决不了。贴上多数文章的写法：console.log('距离顶部高度', this.$refs.scroll1.offsetTop)console.log('距离顶部高度', this.$refs.scroll1.getBoundingClientRect().top)这样的写法是没问题的。但是这个**this.refs.scroll1∗∗指的是哪个元素，没有说明。还有这句∗∗console.

先上效果图：js编写部分简单如下，先插入一个模块，然后给模块中添加内容。var myChart1 = echarts.init(document.getElementById('myChart1'));option = { title: { text: '会员通过率', x: 'center', }, tooltip: { trigger: 'item...

简单的写法，extjs可以直接引用插件来写，这里将我发表在百度文库的文档简述下来，有兴趣也可以关注我的百度文库，ID：该用户已失踪。主要部分的代码：$(document).ready(function(){var myChart2 = echarts.init(document.getElementById('myChart2')); var option = { ...

我是先学习的小程序开发，之后才了解到vue.js。也是一直没有时间去看相关vue.js的知识和内容。现在回顾起来，小程序和vue.js都是前端的内容。例如小程序中的目录结构物page+app.js+app.json+app.wxss+image+util，vue.js的目录结构为myapp或者myproject+src+bulid+html+css+js。再例如小程序的页面内容结构：&lt;...

实现这个留言板功能比较简单，所以先上效果图：实现用户留言内容，留言具体时间。&lt;script&gt; window.onload = function(){ var oMessageBox = document.getElementById("messageBox"); var oInput = document.getElementById("myInput"); ...

有些时候我们需要通过页面来监控用户的行为，包括鼠标操作键盘操作，本文章介绍的是鼠标的操作监控：&lt;script&gt; window.onload = function(){ var oDiv = document.getElementById("myDiv"); //拖拽 oDiv.onmousedown = function(ev){ var ev = ev || wind...

JS中常用的DOM操作事件，包括有节点查找，键盘鼠标事件等等，本文内容介绍DOM的节点查找。&lt;script&gt;window.onload = function(){ //children 与 childNodes console.log( document.body.children ); //包含7个节点的数组 console.log( document.bod...

数据的封装处理主要展现在JS中，在页面里面引入封装的JS,“js/ajax.js”简单封装将get和post方法都写入，get的方法和post的方法依然需要严格区分，包括type类型也要严格书写：function ajax(method, url, data, success) { //命名方法 var xhr = null; try { xhr = new XMLHttpRe...

AJAX在网站服务中使用到频率很高，也需要考虑各个浏览器版本的兼容性，本示例中详细介绍简单快捷的处理兼容性问题。&lt;!DOCTYPE HTML&gt;&lt;html&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;&lt;title&gt;AJAX

表单数据的提交action : 数据提交的地址，默认是当前页面method : 数据提交的方式，默认是get方式post:把数据名称和数据值用=连接，如果有多个的话，那么他会把多个数据组合用&amp;进行连接，然后把数据放到url?后面传到指定页面enctype : 提交的数据格式，默认application/x-www-form-urlencoded&lt;body&gt; ...

一般在页面中常用在表单的操作中，请求数据，action : 数据提交的地址，默认是当前页面method : 数据提交的方式，默认是get方式get：把数据名称和数据值用=连接，如果有多个的话，那么他会把多个数据组合用&amp;进行连接，然后把数据放到url?后面传到指定页面enctype : 提交的数据格式，默认application/x-www-form-urlencoded&lt;...

先上效果图：表单的基础内容就是昵称判断、手机号判断、邮箱判断、身份证号码判断，这里是用到正则验证检验格式。页面的表单写法就是一个form的提交。输入框用input来实现，输入内容用value来获取。每个输入框用唯一的ID名字来标记：&lt;body&gt; &lt;div class="content"&gt; &lt;div class="title"&gt;用户注册&lt;...

先上效果图：简单的加减乘除功能还是有的，所以我们就考虑怎么来实现这个功能。根据预期效果，可以确定页面中的布局要用到table tr td。所以先放上页面布局,table的边框宽度border，colspan来设置某一行的宽度为4倍一列宽度，显示结果的地方要显示输入的所有值，先用id来区分，给value一个空，来获取其他按钮键入的value值，用name来命名：&lt;body&gt; ...

先上效果图：主体内容就是侧边展示的一二三级菜单，树形结构的。前端页面布局内容，页面内容简单用ul li 来完成所有的罗列项。用先后顺序来区分一级二级三级：&amp;lt;body&amp;gt; &amp;lt;b&amp;gt;&amp;lt;img src=&quot;images/fold.gif&quot;&amp;gt;树形菜单：&amp;lt;/b&amp;gt; &amp;l

先放上效果图：正如图中所展示的播放器那样，我们用HTML+CSS+JS将这个效果实现出来。HTML页面布局&lt;div class="music"&gt; &lt;div class="photo"&gt; &lt;div class="photo_pic" id="photo_pic"&gt;&lt;img src="" width

JS以及JQ的功能很强大，可以做出很多的优秀效果。今天给大家分享一个我之前写网站用到的旋转木马效果。大概效果图就是这样的，上面的视频播放是旋转木马效果。下面的音乐播放效果放在下一篇内容里面讲。直接先上页面布局写法：&lt;div class="swiper-container"&gt; &lt;div class="swiper-wrapper"&gt; &lt;div class...

第一部分、JS的常见数据类型，特别要注意的是JS中大小写要求很严格，一定要注意字段大小写。1.字符串（String） 举例：var cellname = "Bill Gate";或者 var cellname = 'Bill Gate';2.数字（Number） 举例var x1 = 32.00; //使用小数点来写var x2 = 32; //不使用小数点来写极大或者...