web前端
记学习html5、css3、js、nodejs、vuejs、react等前端学习过程
晚生隆海
路漫漫其修远兮,吾将上下而求索
展开
-
微信小程序上传图片和上传视频的组件失效
今天公司的小程序展示图片和视频文字的页面上传图片组件突然失效,之前用的好好的,突然所有使用都都发现用不了,以为是代码出现问题,反复查了很久。换了一个openid居然就可以了,发现必定是wx的原因造成的,加上最近wx发现了小程序隐私保护指引。登录小程序pc管理后台,登录地址:https://mp.weixin.qq.com/如果只是组件用不了的,没有新功能需要发布只做第一步即可。, 发现是这个隐私协议的原因,以下是解决办法。服务内容声明的隐私,点击更新。- 设置下的基本设置。- 增加以下服务内容。原创 2023-11-03 16:17:18 · 550 阅读 · 5 评论 -
js倒计时天时分秒
js倒计时,天时分秒原创 2023-02-15 10:30:04 · 229 阅读 · 0 评论 -
Echarts设置参数
根据设计图调整倒合理的echarts参数表原创 2022-12-06 14:03:17 · 732 阅读 · 0 评论 -
动态展示列表头像名字
动态展示列表头像名字。原创 2022-11-07 16:04:03 · 202 阅读 · 0 评论 -
身份证校验js封装
身份证校验封装原创 2022-10-31 09:31:59 · 280 阅读 · 0 评论 -
倒计时封装
倒计时和常用时间封装原创 2022-10-31 09:30:24 · 80 阅读 · 0 评论 -
UI组件使用技巧
UI组件使用技巧。原创 2022-09-21 15:57:06 · 235 阅读 · 0 评论 -
VS Code配置
VS Code常用配置原创 2022-09-21 12:57:46 · 415 阅读 · 0 评论 -
Vue常用配置
Vue常用配置原创 2022-09-20 17:57:07 · 158 阅读 · 0 评论 -
bootstarp元素靠右或者靠左排列
Bootstrap3设置搜出来的方法大多都是Bootstrap3的pull-rightnavbar- rightBootstrap4设置ml-auto元素居右mr-auto元素居左原创 2022-05-16 18:05:08 · 4392 阅读 · 1 评论 -
uniapp实现上传头像到阿里云
<view class="form" style="justify-content: space-between;"> <view class="title">头像</view> <view class="" @click="upAvatar"> <u-image width="112upx" height="112upx" :fade="false" shape="circle" :src="avatarUrl" /> </v原创 2022-05-03 16:12:11 · 637 阅读 · 0 评论 -
微信小程序rich-text限制富文本内容格式
后端很多时候直接返回后台上传的富文本内容,内容的图片在小程序会超出,样式乱的找了很多办法,发现此方法可用,记录下wxml添加固定容器类名位:ql-container 和 ql-deitor 即可限制内部内容的样式 <view class="ql-container"> <view class="ql-deitor"> <rich-text class="" nodes="{{nodes}}"></rich-t.原创 2022-04-07 11:11:32 · 756 阅读 · 2 评论 -
React脚手架使用less
React脚手架使用lessReact使用less编写样式React使用less编写样式使用npm包:node-less-chokidarnpm官方文档github官方文档安装npm包:npm install node-less-chokidar --save-devnpm install npm-run-all --save-dev安装好保证package.json字段如下即可,会自动生成css文件:"scripts": {"start": "npm run build-原创 2022-01-22 17:05:54 · 673 阅读 · 0 评论 -
Vscode微信小程序开发,使用less编写样式
微信小程序开发,使用less开发安装wxss-cliVsCode安装Easy LESS编译相应的文件夹安装wxss-clinpm install -g wxss-clinpm地址查看npm安装的包命令npm list -g --depth 0VsCode安装Easy LESS编译相应的文件夹npx wxss ./pages/my/myvip ./pages/my/myvip 编译文件目录 编译后的css存在存放目录优点:可以指定某个文件夹的样式,不用全局更改。可以切换自己想用le原创 2022-01-05 11:30:34 · 401 阅读 · 0 评论 -
markdown图床设置
markdown图床设置下载软件PicGo配置软件配置Markdown下载软件PicGo官方下载地址:Github地址:Release 2.3.0 · Molunerfinn/PicGo · GitHub官方地址:PicGo (molunerfinn.com)配置软件注册七牛云:七牛云(qiniu.com),完成认证注册域名,绑定域名,解析CNAME配置PicGo第一项设定AK:七牛云我的个人中心=>密钥管理=>AK第二项设定SK:七牛云我的个人中心=>密原创 2021-12-29 00:29:14 · 106 阅读 · 0 评论 -
制作和删除windows的服务启动项
这里写自定义目录标题制作启动项删除启动服务项启动服务停止服务制作启动项正常制作"C:\Program Files\mysql-5.7.31-winx64\bin\mysqld.exe" --install mysql57不能在设置环境变量后简写制作,制作出来的不能运行,文件路径不对删除启动服务项```cmdsc delete mysql57```![在这里插入图片描述](https://img-blog.csdnimg.cn/925a8300edd143ec93424f28原创 2021-12-27 11:18:29 · 293 阅读 · 0 评论 -
npm install报错记录
npm install报错记录错误代码解决办法错误代码npm ERR! code 128npm ERR! Command failed: git clone --depth=1 -q -b 2.2.0-c https://github.com/nhn/raphael.git C:\Users\thell\AppData\Roaming\npm-cache\_cacache\tmp\git-clone-ecb77476 --config core.longpaths=truenpm ERR! warn原创 2021-12-23 17:18:39 · 1490 阅读 · 0 评论 -
小程序跳转url地址实现
小程序跳转url地址1.封装一个webview页面2. 使用时3. 注意1.封装一个webview页面<web-view src="{{src}}" bindmessage=""></web-view> data: { src: "", }, onLoad: function (options) { if (options.url) { this.setData({ src: decodeURIComponent(options.url原创 2021-12-02 11:38:59 · 2502 阅读 · 0 评论 -
VScode快速下载方法和快捷键
因国内下载老是下载很慢,或者直接中断首先进入官方下载地址页面,点击下载。VScode官方地址找到官方下载的软件,复制下载地址,我用的是新版edge浏览器,如下图:用谷歌浏览器也是可右键复制下载地址,更改国内镜像地址前缀:http://vscode.cdn.azure.cn上面复制的地址为:https://az764295.vo.msecnd.net/stable/622cb03f7e070a9670c94bae1a45d78d7181fbd4/VSCodeUserSetup-x6原创 2021-02-22 15:37:38 · 11900 阅读 · 20 评论 -
CSS做可以调整的虚线边框
CSS做可以调整的虚线边框div { box-sizing: border-box; border-top: 1px solid transparent; background: linear-gradient(white, white) padding-box, repeating-linear-gradient( -45deg, #ccc 0, #ccc 0.3em, white 0, whi原创 2021-11-15 14:02:20 · 704 阅读 · 0 评论 -
vue create 项目报错处理办法
vue create 项目报错报错信息处理办法报错信息vue : 无法加载文件 C:\Users\thell\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置 行:1 字符: 1 + vue create webthl + ~~~ + CategoryInfo原创 2021-09-23 16:58:06 · 2677 阅读 · 2 评论 -
CSS动画实例
CSS动画实例一、进度条二、涨水一、进度条html代码 <div class="d1"> <div class="bar"></div> </div>css代码 .d1 { width: 400px; height: 20px; background-color: gray; }原创 2021-04-19 16:12:18 · 283 阅读 · 0 评论 -
CSS文本样式
CSS文本样式一、text-shadow文本阴影一、text-shadow文本阴影text-shadow: 30px 30px 5px red;text-shadow: red 0.3em 0.3em 0.3em;/*x偏移量、y偏移量、模糊半径、颜色(没有指定使用color属性值替代,位置可在最前可在最后),可以多个参数添加多个阴影 */文字燃烧效果 span { font-size: 80px; font-weight: b原创 2021-04-11 22:12:56 · 167 阅读 · 0 评论 -
web前端参考网址集合
web前端参考网址集合一、CSS参考网址1.[CSS 3 Selectors Test](http://tools.css3.info/selectors-test/test.html)2.[canius测试网](https://caniuse.com/)3.[CSS3 Generator生成器](http://css3generator.com/)4.[CSS3, Please!](https://css3please.com/)5.[border-radius](https://border-radiu原创 2021-04-10 22:37:45 · 500 阅读 · 0 评论 -
CSS基础
CSS选择器1. :nth-child(an+b)1. :nth-child(an+b)这个 CSS 伪类首先找到所有当前元素的兄弟元素0n+3 或简单的 3 匹配第三个元素。1n+0 或简单的 n 匹配每个元素。(兼容性提醒:在 Android 浏览器 4.3 以下的版本 n 和 1n 的匹配方式不一致。1n 和 1n+0 是一致的,可根据喜好任选其一来使用。)2n+0 或简单的 2n 匹配位置为 2、4、6、8…的元素(n=0时,2n+0=0,第0个元素不存在,因为是从1开始排序)。你可原创 2021-04-08 10:41:12 · 85 阅读 · 0 评论 -
正则表达式
正则表达式一、字符集二、预定字符集三、数量词数量词包括两大类:1. 有明确数量边界的数量词2. 没有明确数量边界的数量词一、字符集[n1n2n3]放所有集合,每次只能匹配一个,可以多次匹配[n1n2n3]中备选字符是连续的,可用-省略中间字符[3456789]简写[3-9][0123456789]简写[0-9][]有多个[]是一样的可以省略用个数代替其它简写:要匹配一位小写字母:[a-z] 共26个要匹配一位大写字母:[A-Z] 共26个要匹配一位字母: [A-Z原创 2021-04-07 09:04:06 · 168 阅读 · 0 评论 -
ajax基础
ajax基础ajax-getajax-postajax-queryajax-get<body> <h1>这是第一个ajax网页</h1> <script> //1.创建对象 var xhr = new XMLHttpRequest(); //2.绑定接收状态改变事件 xhr.onreadystatechange = function () { //5.接原创 2021-04-06 11:58:54 · 100 阅读 · 0 评论 -
Html常用标签
HTML5常用标签一、双标签1.div标签2.a标签href 路径name 锚点名称target:_self(黑方) _blank 新窗口文件下载<a href="a.zip">点击下载</a>发送邮件<a href="mailto:122286911@qq.com">点击发送邮件</a>返回顶部 <a href="#">返回顶部</a>阻止跳转<a href="javas原创 2021-03-30 11:36:49 · 97 阅读 · 0 评论 -
遍历数组和冒泡排序
一、使用数组遍历翻转数组中的元素var arr=['a','b','c','d'];//准备一个新数组,用于保存倒着的每个元素var arr2=[];//遍历得到每个元素for(var i=0;i<arr.length;i++){ //0 4 3 //1 4 2 //2 4 1 //3 4 0 //倒着的每个元素下标=数组长度-i-1 //console.log(arr.length-i-1); //把倒着找到的元素放入到新数组arr2 arr2[i]原创 2021-03-28 17:16:31 · 427 阅读 · 1 评论 -
JavaScript传递任意一个数值,返回对应的斐波那契数列的值
//创建函数,传递任意一项,返回该项所对应的斐波那契数列的值function fib(n){ //第1,2项的值是1 var n1=1,n2=1; //从第3项开始,每项的值是前两项相加的和,如果要求哪一项,就是让n1和n2不断的往后挪动 //循环3~n for(var i=3;i<=n;i++){ //挪动的过程 //n2的值是上一次n1和n2相加的结果 //n1的值是上一次n2的值 var c=n2; n2=n1+c; n1=c; } //当循环结束原创 2021-03-28 17:14:17 · 631 阅读 · 0 评论 -
传递任意一个数字,检测是否为素数
//创建函数,传递任意一个数字,如果是素数返回true,否则返回falsefunction isPrime(n){ //排除1 if(n===1){ return false; } //找2~n-1之间,是否有能整除的数字 for(var i=2;i<n;i++){ //一旦有能被整除的数字,说明不是素数,直接返回false if(n%i===0){ return false; } } //如果整个循环结束后没有能够整除的,说明是素数 ret原创 2021-03-28 17:13:11 · 1051 阅读 · 0 评论 -
Git、Github、Gitee使用
Git、Github、Gitee一、vcs系统常用VCS软件二、Git1.git中的常用概念一、vcs系统版本控制系统,用于项目中存储、共享、合并、历史回退、代码追踪、文件历史等功能常用VCS软件Cvs 2000年以前Svn 2010年以前Git 2010年至今二、Git1.git中的常用概念工作目录:是一个目录,用于保存项目中的文件暂存区:是内存中的一块区域,用于临时存储 项目中文件的修改本地仓库:是一个特殊的目录,保存项目中所有的文件以及每次修改的记录...原创 2021-03-26 10:59:34 · 258 阅读 · 0 评论 -
正则表达式regexp
正则表达式regexp一、digit二、量词三、正则表达式函数一、digitd为digit的缩写,表示数字的意思\d 代表[0-9]二、量词正则表达式中一个字符集反复出现的次数必须是多次出现,连续的才可用a{次数}1[3-9]\d{9}1[3-9][0-9]{9}三、正则表达式函数...原创 2021-03-23 14:54:14 · 185 阅读 · 0 评论 -
nodejs-Express框架
Express框架一、express框架1.创建web服务器2、路由1. res 响应的对象一、express框架1.创建web服务器const express=require('express');//console.log(express);//创建web服务器const app=express();//设置端口const port=8888;2、路由根据请求的方法和请求的URL来作出特定的响应,就是处理特定的请求路由包含三部分:请求的方法、请求的URL、回调函数1.原创 2021-03-22 17:14:33 · 191 阅读 · 1 评论 -
nodejs 热更新插件
Node.js 热更新插件键入命令: npm -g install supervisorsupervisor必须安装到全局可以用supervisor 来启动服务命令supervisor app.js转载为weixin_34160277原创 2021-03-22 12:31:06 · 397 阅读 · 0 评论 -
程序员要学习英文单词及翻译
Msql单词单词翻译server服务、服务器database数据库use使用、进入数据库show展示、显示table数据表row行column列desc完整单词为describe 描述quit退出、退出和服务器的连接drop丢弃exists存在create创建insert into插入delete删除update修改select选择(查询)from从…里边原创 2021-03-20 00:11:29 · 222 阅读 · 1 评论 -
Nodejs基础
nodejs一、ES6基础ES6 ECMAScript20151.块级作用域let const声明的变量不存在变量提升,同一个作用域下不允许重复申明同一个变量,let在全局作用域的变量也不是全局变量。{ 代码块 }在括号之间语句就是块级作用域,例如:if for while swich块级作用域下let和const声明的变量或者常量都 是局部的,外部无法访问练习:计算1~100之间所有整数的和,使用let声明变量for (let i=0,sum=0;i<=10原创 2021-03-17 11:53:03 · 257 阅读 · 2 评论 -
程序员学习初级必备IDE
程序员学习初级必备IDEeditplus一、下载安装网上一搜一大堆,暂时不作说明了,有需要可以分享给大家二、软件设置刚安装好的editplus有几个问题1.第一自动文件时多一个bak的备份文件2 新建文件没有JavaScript和css文件3 背景很白,看着不舒服4 如何更改新建的模板`** 教你设置**1.关闭自动备份步骤打开editplus–>点击tools`->找到第一个选项preferences–>file–>...原创 2021-03-18 10:20:25 · 138 阅读 · 0 评论