任聪聪的博客

本篇文章主要讲解 vue项目报错： At least one is required in a single file component.的主要原因及解决办法作者：任聪聪日期：2024年9月25日。

说明：自定义的项目结构对于我们后期的开发工作有着至关的作用，一个好的目录结构及配置能够在后续的工作中起到事半功倍的效果。timeout: 5000,//超时时间headers: {},});// 请求拦截器});},error => {// 响应拦截器},error => {},npm run dev 运行开发环境npm run b:prod 构建生产环境的代码。npm run b:stage 构建阶段环境的代码。

本篇文章主要讲解，利用layui实现多个窗口控制主窗口内函数时的需求场景解决办法。日期：2024年5月4日作者：任聪聪。

本篇文章主要讲解，使用js提取文本中所有出现的特定字符，保存在数组中并返回的实现方法。日期：2022年12月9日作者：任聪聪。

有很多朋友，会觉得qq添加好友需要提供链接里的k值，但是实际上方向错了，k值是腾讯那边加密过的，因为看过很多QQ开放社区文档，没有找到K值的获取方式，所以我们是拿不到的。但是qq那边不仅仅只是提供了一种弹出框方法而是多种，我们可以用其他方法来解决这个问题。

js获取日期函数//获取当前时间日期function CurentTime(){ var now = new Date(); var year = now.getFullYear(); //年 var month = now.getMonth() + 1; //月 var day = now.getDate(); //日

Document for(var a= 1; a < 10; a++){ for(var b = 1; b <=a; b++ ){ var c = a *b ; document.write(b,"*",a,"=",c," "); } document.write("") }

方法一：结合php解决错乱问题，给选择项加入class删除class解决 情况：页面中纯在两个相同的子集和相同的父级元素$(function(){ //删除订单功能 $('.ftTr_delA').live('click',function(){ //获取roid var orid

适用范围：js、node以及其他语言的密码强度验证逻辑参考。文章说明：分享密码强度验证的逻辑、实例、思路。简单实例：//以密码的字符长度，包含内容进行一个得分的输出var pwd = "admin666888A@";var num = pwd.length;var score = 0;//密码长度得分if(num>=5){ score+=50;}//是否包含特殊字符var ruler_c = /[`~!@^*_+?:",.\/;'[\]]/;//通过正则进行判断if(ru.

隐藏微信小程序顶部的转发按钮适用范围：所有的微信小程序方式一、去除页面上的分享代码片段如下,删除即可//删除页面里的这个分享函数onShareAppMessage: function (options) {}方式二、再onload或onshow页面加载函数中添加下面的代码wx.hideShareMenu();//隐藏转发分享按钮注：以上便是两个官方提供的，隐藏方式。...

办法1.同一个页面中建立两个表单 各自提交：<form action="?" name="form1" id="form1"> <!-- 表单内容 --><input type="submit" /></form><form action="?" name="form1" id="form1"> <!-- 表单内容 --><input type="submit" /></form>办

功能名称：实现一个html页面下多个form的提交请求适用范围：所有的html +jquery 页面需要插件:jquery 与 validform、llayuivalidform地址 validform下载地址 官网下载地址layui地址：https://www.layui.com/插件一、validform实现多个表单异步提交html中的代码示例：<script type...

实例描述：用户前端提交表单时的重复点击情况适用范围：微信小程序 基础库1.0.1以上所有版本一、利用页面数据加上lock参数page.js中加入Page({ data: { lock: false }, //表单提交 submit(){ let that = this; let {lock} = that.data; if(!lock){ that.s...

应用声明，控制器<form action="" method="post" id="myForm" name="logForm" ng-submit="submitForm(logForm.$valid)" ng-app="myApp" ng-controller="validateCtrl" novalidate></form>表单的数据绑定 <input name="name" id="vNa

名称：正则验证金额函数方法描述：自定义函数验证金额作用：可验证 90与90.00，及判断是否是1个小数点。js代码：function is_money(s) { var reg_sum = &amp;amp;quot;^[0-9]+[\.][0-9]{0,3}$&amp;amp;quot;; var reg_num = &amp;amp;quot;^[0-9]&amp;amp;quot;; var re_sum = ne

版本：thinkphp5功能：语音播报功能描述：前台实现点击播报网页内容的功能实例。范围：php原生及其他框架均可使用1.下载百度php-sdk 版本：1.6.0 点此下载：...

功能：实现鼠标点击复制内容描述：使用与手机网站、pc等端。 function copy_text(text) { if(text.indexOf('-') !== -1) { var arr = text.split('-'); text = arr[0] + arr[1]; } ...

苹果手机端onclick失效问题描述：增加cursor:pointer无效问题方式：直接替换成a标签&lt;div class="nobug_nav"&gt; {foreach $navs as $k=&gt;$v} &lt;div class="nav_item" style=" cursor:pointer;{if $v.url =='/bodyfluid'}...

适用版本：通用于所有的mui前端界面问题描述：苹果端mui底部bug 无法使用&lt;div class="nobug_nav"&gt; {foreach $navs as $k=&gt;$v} &lt;div class="nav_item" style=" cursor:pointer;{if $v.url =='/bodyfluid'} position: r...

功能需求：制作海报使用插件：jquery html2canvashtml静态界面中 &amp;lt;script src=&quot;jquery.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt; &amp;lt;script src=&quot;html2canvas.js&quot;&amp;gt;&amp;lt;/script&am

功能描述：保存小程序base64图片应用场景：小程序适用范围：微信平台日期： 2019年1月1日保存base64类型图片var imgSrc = app.globalData.share_tupu;//base64编码 var save = wx.getFileSystemManager(); var number = Math.random(); save....

编辑器版本：hbuilderX、Hbuilder适用范围：混合app开发使用者调试应用首先要了解的是，编辑器自带手机调试功能，但需要先打开手机的开发者模式，安装基座后才可以进行调试工作。步骤一：使用手机usb连接电脑步骤二、打开编辑器点击鼠标放上去可以看到手机是否被电脑检测到，检测到即可进行调试安装...

问题描述适用范围：所有前端界面，返回顶部按钮兼容：ie 9 以上以下是实现功能的代码：<div style="position: fixed; width: 40px; height: 40px; background: rgb(0, 0, 0); cursor: pointer; bottom: 202px; right: 100px; border-radius: 10px;...

实例描述：静态的源码，需要自己二次开发适用范围：所有版本微信小程序库日期 ：2019/9/2前端：<scroll-view style="height:{{height}}vh;width: 100vw;display: flex; position: relative;flex-direction: column;top:{{top?top:0}}px;" ...

html中的js： var appID = &quot;{:sysconf('app_id')}&quot;; // 公众号AppID var redirectUri = &quot;{:sysconf('redirectUri')}/wechatuser&quot;; // 授权接口地址 var now_url = &quot;{:getDomainUrl()}&quot;; // 将要跳转回来的路径地址 var o..

//资源加载 var arr = [ 'img/che_1.png', 'img/che_2.png', 'img/che_3.png' ]; function load_file(arr) { var img = new Image(); for(var i =0;i&lt;arr.length;i++){ ...

代码实例：$(window).resize(function(){ var Height = $(window).height(); var Width = $(window).width();})

实例一：可导出前导0//导出csv格式文件 $data数据 $title_arr标题 $file_name文件名function exportCsv($data,$title_arr,$file_name=''){ ini_set("max_execution_time", "3600"); $csv_data = ''; /** 标题 */ $nums = coun

以下是代码实例：<div style="background:#333;"> <div id="tgBigox"> <div id="tgGoox"> <a href="" target="_blank"></a> </div> </div> </div> <script type="text/j

以下是实例代码：<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script><style>table{position:relative;}table, th , td { bor

一、layer弹出组件 下载地址:http://www.chtml.cn/topic/show/25 如何安装： 1.下载完毕后把layer文件夹拿出放到你的工程目录下thinkphp请放在指定的公共目录下，以便前后台使用。 2.layer的弹出框引用文件<script src="/1.9.1/jquery.min.js"></script><script src="layer/lay

网上有很多thinkphp的404页面制作方法，但大多太过繁琐不简便，很烦人，所以为大家分享了最便捷的404制作方法，如下。 在thinkphp的公共目录的config配置文件中增加配置项：'TMPL_EXCEPTION_FILE' => 'Public/404.html',在Public文件夹中创建404.html内容如下<!DOCTYPE html ><html><head><meta

一、将图片转成icon码的实现方式 html代码：<div class="yanzRight"> <input style="margin-top:5px;float: left;" id="st18" name="evidence" onchange="previewImage(this,5)" type="file"/>

环境搭建软件：laragon 版本支持： PHP 7.0.0, PHP 5.6.16, Apache 2.4.17, MariaDB 10.1.9(Mysql分支，兼容Mysql), Memcached 1.4.5, Redis 2.8.17, phpMyAdmin 4.5.2下载地址：https://laragon.org/laravel一：安装界面

插件名：editor.md 下载地址：https://pandao.github.io/editor.md/examples/index.html 适用版本：version v1.5.0 日期：2016年11月插件目录结构： 注释：红色箭头标注关键目录前端引用css：<link rel="stylesheet" href="css/editormd.css" />

文档日期：2016-10-17 适用范围：所有类型网站表单验证 插件版本：v5.3.2 插件地址：http://validform.rjboy.cn/Validform/v5.3.2/Validform_v5.3.2_min.js jquery地址：http://download.youkuaiyun.com/detail/bennygreat/3861587html中的代码实例<!d

js的代码: var daxiao = "__GAME__/gqdzz/music/daxiao.mp3"; var daxiao = new Audio(daxiao); daxiao .play(); //播放//暂停 daxiao.pause(); daxiao.load();循环播...

插件名称：requirejs 问题：页面刷新后模块载入失效，js报错 下载地址：http://www.chtml.cn/topic/show/10816问题原因：requirejs是先加载本身在加载其他相关组件进入，所以每次进入时加载完毕，再次刷新时应为缓存相关的问题导致加载顺序错乱，让一些模块没有加载进来产生报错。解决方法： 使用原生js待页面加载完毕后在引用requirejs

实例：js插件生成二维码手机扫一扫访问 日期：2017-04-15 范围：所有的前端界面html代码：<script type="text/javascript" src="assets/js/qrcode.min.js"></script> <div style="margin-top:10px; float: left">

插件：jquery.jqprint 版本：v 0.3 JQuery：适合所有版本jquery文件配合使用 适用：所有类型html页面以下是插件文件代码：jquery.jqprint-0.3.js// -----------------------------------------------------------------------// Eros Fratini - e