qq_41009420的博客

原创 vue2：Error: error:0308010C:digital envelope routines::unsupported

因为 nodeJs V17 版本发布了 OpenSSL3.0 对算法和秘钥大小增加了更为严格的限制，nodeJs v17 之前版本没影响，但 V17 和之后版本会出现这个错误。

转载 微信小程序横屏签字板

基于大佬的代码修改并添加了注释小程序横屏签字板。

原创 新版微信小程序云开发使用vant

打开小程序调试器并找到终端-新建终端，输入 cd miniprogram 回车。再次输入 npm init -y 回车，生成 package.json 文件。为例，先在 需要的页面.json 中输入。删除 app.json 文件下面的。在需要的页面使用vant，这里以。找到 工具 点击 构建npm。，然后即可在页面中使用。

原创 vue2按需引入element-ui

在src目录下新建一个文件夹element，在该目录下新建index.js。在src/element/index.js中引入你需要的组件。

原创 vscode设置（自用）

vscode的一些设置（自用）

转载 vue搭建的H5项目如何在手机上实时预览

不需要安装任何东西即可在手机端运行你的代码

原创 JavaScript 90分钟倒计时

JavaScript、jQuery 分钟级倒计时

原创 git命令及报错

文章目录查看配置列表配置用户信息初始化git仓库把文件提交至版本库切换版本对比文件差异撤销修改创建分支查看分支切换分支删除分支分支合并在本地仓库中添加远程仓库地址推送本地仓库到远程仓库上项目团队成员克隆项目拉取远程仓库资源git报错查看配置列表git config --list配置用户信息git config --global user.name “你的用户名”git config --global user.email "你的常用邮箱"初始化git仓库git init把文件提

原创 小程序跳转页面传递数组

跳转页面传递数组必须序列化 let categoryArr=[1,2,3,4,5] category = JSON.stringify(categoryArr) //序列化 wx.navigateTo({ url: `../jumpPage/home/?cate= ${category} `, })接受的页面也要序列化onLoad: function (options) { let category = JSON.parse(options.cate); conso.

转载 微信小程序WXML使用时间戳转格式，substring截取字符串

根目录创建WXS文件夹WXS文件夹下创建 function.wxs 文件//function.wxs //时间戳var formatNumber = function (n) { n = n.toString() return n[1] ? n : '0' + n}var regYear = getRegExp("(y+)", "i");var dateFormat = function (timestamp, format) { if (!format) { for.

转载 微信小程序15分钟倒计时

WXML<text>{{minute}} : {{second}}<text>JSPage({ /** * 页面的初始数据 */ data: { minute: '', second: '', }, time() { var that = this var startTime = '2022/03/03 11:20:00' //开始时间 var start = new Date(startTime.repl

原创 uniapp使用艺术字

下载.ttf格式的字体文件与static同级创建common并在common文件下创建font.css文件将.ttf文件转换成 base64将网页最下方的 CSS中Base64的使用 问题中的最后一个 TTF FONTS 复制到font.css中font.css文件在App.vue中引入<style> /*每个页面公共css */ @import './common/font.css';</style>在页面css中使用..

原创 微信小程序和uni-app使用vant-weapp

原生微信小程序使用找到app.json文件，删除 “style”: “v2”, 这个特性。在开发工具右上角详情–本地设置-- 勾选 使用npm模板在调试器栏中–终端–点击 新建终端输入命令 npm init (防止小程序不自动创建package.json)，出现需要输入的时候，回车10下输入 npm i @vant/weapp -S --production 等待完成后就多了一个node_modules的文件点击开发工具最上方的 工具–构建npm 完成后就多出了一个miniprogram_np

原创 vue3开发移动端前的准备

meta标签//<meta>标签内添加viewpoit,以此来动态的获取用户设备的屏幕宽度和不允许用户手动放大和缩小页面等<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">公共样式src > assets > style目录下创建：reset.css 和 boder.css在ma

原创 js方法使用

一位数组分割成每n个一组function spArr(arr, num) { //arr是你要分割的数组，num是以几个为一组 let newArr = [] //首先创建一个新的空数组。用来存放分割好的数组 for (let i = 0; i < arr.length;) { //注意：这里与for循环不太一样的是，没有i++ if (num != 0) { newArr.push(arr.slice(i, i += num)); // num是几个一组 } } consol

转载 js小方法

原创 html5 video标签用法

width = "宽度" height = "高度"controslist = "nodownload //隐藏下载按钮nofullscrean //隐藏全屏按钮autoplay //自动播放muted //默认视频初始为静音状态loop //循环播放preload //预加载css// 隐藏video 音量按钮video::-webkit-media-controls-mute-button { display: none !important;} // 隐藏video 当

原创 vue高频面试题

请列举vue中的系统指令v-text: 设置标签内容, 不解析html标签v-html: 设置标签内容, 解析html标签v-bind: 动态绑定属性v-on: 注册事件v-model: 双向数据绑定v-once: 只编译一次v-for: 实现列表渲染v-show: 控制元素显示和隐藏v-if/v-else-if/v-else: 条件渲染v-show和v-if指令控制元素隐藏的时候有什么区别？实际开发中如何选用？v-show是通过css的方式来隐藏元素, 而v-if是根据条件是否成立

原创 前端常见面试题

一、HTML+CSS基础（16道）display:none; 和visibility:hidden;display:none; 彻底消失，释放空间。可能引发页面的reflow回流（重排）。 visibility:hidden; 就是隐藏，但是位置没释放，好比opacity:0; 不引发页面回流。你做的页面在哪些浏览器内核中测试过1、IE浏览器内核：Trident内核，也是俗称的IE内核；2、Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是

原创 cdn方式引入vue中用jq清除checked状态

1、把$event传进点击时间里2、点击的时候打印一下点击的是哪个console.log($event.target.checked);3、用jquery清除此标签的选中状态$("input[name=10]").prop("checked",false);//也可以给此标签加一个 disabled 不可选$("input[name=10]").attr("disabled","disabled");...

原创 jquery监听页面滚动距离

//在文档加载完毕后执行$(document).ready(function(){ //开始监听滚动条 $(window).scroll(function(){ var top = $(document).scrollTop(); console.log(top); })})

原创 小程序wxss解决iphoneX底部黑条

使用iphone特性env()和constant() padding-bottom: 0px; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);

转载 小程序van-area省市区三级联动弹出列表

1.将用到的area.js下载放入小程序utils文件夹中2.在用到的页面引入area.jsconst area = require('../../utils/area.js')data: { areaList: Object.assign({}, area.default),}wxml <van-popup show="true" position="bottom" custom-style="height: 50%;" bind:clos

原创 echarts X轴文字过多显示不全问题

方法一：X轴字体竖排显示在axisLabel代码块里添加 formatter: function (value) { return value.split("").join("\n"); }, xAxis: [ { type: "category", axisLabel: { interval:

原创 vue使用echartst v-show宽度变100px解决办法

在 myChart.setOption(option); 后面加上myeChart.resize(); 即可完美解决

原创 微信小程序分包加载

微信小程序分包加载配置分包配置分包app.json进行分包结构配置{ "pages":[ "pages/index/index", ], "subPackages": [ { "root": "myA", "pages":[ "ziliao/ziliao", "xiaoxi/xiaoxi", "daoshi/daoshi", "shoucang/shoucang", "fabu/f

原创 css部分样式

css部分样式字体倾斜transform属性transform水平垂直居中浏览器兼容盒子阴影box-shadow学习产出：字体倾斜font-style说明：|默认值：normal继承性：yes版本：CSS1JavaScript 语法：object.style.fontStyle=“italic”值：值描述normal默认值。浏览器显示一个标准的字体样式。inherit规定应该从父元素继承字体样式。italic浏

原创 小程序选项卡（不用hidden）

index.wxml<view class="wrap"> <view wx:for="{{list}}" class="box {{cativeindex==index?'active':''}}" data-index="{{index}}" bindtap="click">{{item}}</view></view><view>{{cativeindex}}</view>index.wxss.wrap{ di.