大前端
文章平均质量分 52
包含html、css、javascript、vue、react、webpack、echarts等
脑瓜不疼
这个作者很懒,什么都没留下…
展开
-
前端Vue CryptoJS和后端 Java的AES加密、解密
安装依赖工具原创 2023-04-10 14:15:47 · 1800 阅读 · 1 评论 -
html中 label里for属性和form属性
label:for属性和form属性2015-12-28 17:19 786人阅读 评论(0)收藏举报分类: HTML5(2) 作者同类文章X版权声明:本文为博主原创文章,未经博主允许不得转载。label的for属性写法一:[java] view plain copy转载 2017-08-09 17:19:52 · 4441 阅读 · 0 评论 -
webstrom中使用 scss
最近忙了好几天,终于有时间出来写博客了,然而好多东西时间久了容易忘,今天整理下关于webstrom中 scss的相关笔记!scss相关的语法及写法可以参考下 https://www.cnblogs.com/dreamsboy/p/6658695.html ,这里说下多个scss文件的整理和编译 新建多个_filename.scss文件,文件名前加 _ ,然后在web.scss里 引入(...原创 2018-07-20 14:10:33 · 1143 阅读 · 0 评论 -
css基础篇-3D变换
css基础篇3原创 2020-10-01 09:24:13 · 224 阅读 · 0 评论 -
css基础篇-渐变
css基础篇2原创 2020-10-01 09:44:23 · 346 阅读 · 0 评论 -
sublime如何使用sass
以前写前端的时候都是用css直接写样式,最近听大神提起sass,所以今天打算开始学习用scss来编译css样式,既然是学习,那就从头开始,不足之处,还望大神不吝赐教!!! 好了,开始了sass有两种后缀名文件:一种后缀名为sass,不使用大括号和分号;另一种就是后缀为scss的文件,这种和平时写的css文件格式差不多,使用大括号和分号(这种比较常用)。 bodyground: #ee...原创 2017-08-03 18:49:43 · 1492 阅读 · 0 评论 -
前端如何在项目中使用iconfont
如何在项目中使用iconfnot-----http://www.iconfont.cn/1、打开官网 ,登录注册的就不用说了.2、将你需要的图标点击购物车按钮3、选好以后计入我的购物车中4、点击下载代码(下载后是一个压缩包,默认名为download.zip)5、解压压缩包,会有好几个文件,html文件为iconfont图标引用说明包括(unicode引用、symbol引用、font-class引用...原创 2018-03-19 14:08:06 · 3992 阅读 · 0 评论 -
前后端分离后的前端时代
前后端分离后的前端时代本文从前端开发的视角,聊一聊前后端分离之后的前端开发的那些事儿。阅读全文,大约需要8分钟。 什么是前后端分离要区分前端和后端,需要有个明确的界限。一般,用户可以直接看到的东西,都是属于前端的范畴,除了前端之外都属于后端了。你负责貌美如花,我负责...转载 2018-03-19 17:44:12 · 1716 阅读 · 0 评论 -
webstorm使用sass编写css
在webstorm中使用sass遇到的坑??今天项目中用webstorm使用sass编写css。结果遇到了一个大坑,不管如何,自己给自己挖的坑,跪着也要填平!先上图:这是style.scss文件这是scss编译后的style.css文件(显然除了一行解释什么都没有,问题,出来了,究其原因,还是文档不熟悉惹的祸啊) 原来sass在编译的时候是不能带有中文的,包括文件名!(...原创 2018-03-09 17:04:54 · 1071 阅读 · 0 评论 -
a 标签锚点定位不改变url
描点定位,让页面跳转到的位置,就是锚点。锚点是一种超链接,只不过它是页面内部的超链接,它指向页面特定的部分。是利用 a 标签 的herf属性,绑定到元素的id上面,组成:锚记、指向锚记的链接// 当前页面的锚点<a href="#Id">到目标位置</a><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>&原创 2020-09-05 11:28:43 · 2459 阅读 · 0 评论 -
css基础篇-2D变换
css基础篇一原创 2020-10-01 01:29:58 · 90 阅读 · 0 评论 -
css 自定义滚动条样式
说明:::-webkit-scrollbar 滚动条整体部分,可以设置宽度啥的::-webkit-scrollbar-button 滚动条两端的按钮::-webkit-scrollbar-track 外层轨道::-webkit-scrollbar-track-piece 内层滚动槽::-webkit-scrollbar-thumb 滚动的滑块::-webkit-scrollbar-...原创 2020-05-08 18:15:59 · 187 阅读 · 0 评论 -
css 中的伪类
CSS 伪类 (Pseudo-classes)伪类包括选择器伪类、锚类伪类、内容伪类 选择器 伪类 属性 selector : pseudo-class {property: value}--------------------------------------------------- 选择器 类 伪类 ...原创 2018-12-06 15:47:59 · 2222 阅读 · 0 评论 -
css基础篇-过渡
css基础篇3原创 2020-10-01 10:04:41 · 132 阅读 · 0 评论 -
css基础篇-倒影-阴影
一、倒影语法box-reflect: none | <direction> <offset>? <mask-box-image> ? <direction> = above | below | left | right <offset> = <length> | <percentage> <mask-box-image> = none | <url> | <linea原创 2020-10-01 10:29:58 · 845 阅读 · 0 评论 -
微信小程序开发记录
页面跳转传参当前页代码 var pages = getCurrentPages(); // var currPage = pages[pages.length - 1]; //当前页面 var prevPage = pages[pages.length - 2]; //上一个页面 prevPage.setData({ // 将我们想要传递的参数在...原创 2019-04-17 11:10:06 · 587 阅读 · 0 评论 -
微信小程序 Provisional headers are shown问题
微信小程序在调试接口时,开发工具上调试接口数据返回正常,真机调试时,接口显示如下经研究,找到问题为SSL证书问题。测试方法:1、SSL证书在线检测工具 测试一下你的 Https 配置是否正确.2、验证证书出现问题参考链接https://blog.csdn.net/qq_26387547/article/details/82731532...原创 2021-03-22 10:11:52 · 1045 阅读 · 0 评论 -
小程序自定义组件(tabbar)
1、在components文件夹下新建一个你文件夹,命名为你的组件名,右键文件夹-> 新建 Component,会出现文件效果图代码实现子组件tabbar.wxml<view class='my-tabbar-wrap'> <view class="{{defaultShowIndex===0?'tabbar-active tabbar-item':'...原创 2019-11-13 09:55:45 · 1695 阅读 · 0 评论 -
js typeof 的不足
函数 typeof 的不足: 而可以判断出简单的数据类型,单对发杂的数据类型判断比较模糊 比如 :数组对象 、时间对象、正则对象、Math对象返回的都是 object解决方法 利用object对象 prototype 的tostring方法返回一本身类型的字符串 let str = 'string' let num = 123 let arr = ...原创 2019-05-22 17:36:13 · 311 阅读 · 0 评论 -
es6的学习(一) var 和 let const 的区别
var 和 let 都是用来定义变量和常量 区别 1、 局限于当前的代码块2、作作用域不会被提升**var** { console.log(str) // undefined 因为str作用域为全局的,js在解析的时候会先当作为 var = str,所以为undefined; var str = '张三'; c...原创 2018-07-24 00:29:51 · 427 阅读 · 0 评论 -
bootstrap多个模态框关闭问题
项目中使用模态框的时候会关闭所有解决方法jQuery(function($){ //解决模态框背景色越来越深的问题 $(document).on('show.bs.modal', '.modal', function(event) { $(this).appendTo($('body')); }).on('shown.bs...原创 2019-05-21 21:53:13 · 4216 阅读 · 0 评论 -
es6学习笔记
ECMAScript 和 JavaScript历史版本ES6(ES2015) 支持的环境 IE10+, Chrome, FireFox, 移动端, NodeJS解决不兼容办法,编译、转换Babel 中文网var 的问题let 和 const块级作用域举例5.函数-参数参数扩展/展开 收集剩余的参数,必须当到最后一个参数位置展开数组,简写,效果和直接把数组的内容写在这儿一样默认参数6.解构赋值解构赋值左右两个边结构必须一样右边必须是个东西声明和赋值赋值不能分开,必须在一原创 2020-09-16 15:30:30 · 141 阅读 · 0 评论 -
node 读取目录 创建excel输出目录名称
var path = require("path");var fs = require("fs");var pathName = "/Users/dir/";const nodeExcel = require('node-xlsx');// 读取文件夹名称var arr = fs.readdirSync(pathName, function (err, files) { if (err) { return console.log('目录不存在') } return file原创 2021-06-01 09:48:14 · 167 阅读 · 0 评论 -
jquery中有两种绑定事件及移除事件
//jquery中有两种绑定事件及移除事件/* 1、eventName $("button").click(function(){}) 部分事件不支持 2、on(ecentName,fn) $("button").on('click',function(){}) 所有事件都支持 都可以绑定多个事件,不会覆盖*/...原创 2018-06-12 22:51:58 · 11630 阅读 · 0 评论 -
auto js 线程测试
// 测试线程var obj = { total: 0}var testThd = threads.start(function() { setTimeout(() => { obj.total = 10 console.log( '------------------', obj.total) }, 3000);})// testThd.interrupt()log( '------------------', obj.total)原创 2020-05-11 08:30:49 · 4196 阅读 · 0 评论 -
gojs使用textBlock添加背景
引入:在html中设置一容器 <div id="myDiagramDiv" style="background-color: white; border: solid 1px black; width: 100%; height: 400px"></div>script 引入<script src="./assets/plugins/gojs/go.js">&原创 2018-03-15 22:52:33 · 2967 阅读 · 2 评论 -
axios 中 x-www-form-urlencod 接口处理
后台提供的接口前端axiosexport function relationWords(day) { return request({ url: '/test/statistics/relation/' + day, // 主要是这儿 method: 'get' })}接口使用 relationWords(10).then(res => { console.log(res); }).catch(err => { console.log(原创 2020-07-16 22:28:41 · 1101 阅读 · 0 评论 -
javascript 中 async 和 await
1、引子AsyncFunction 构造函数用来创建新的 异步函数 对象,JavaScript 中每个异步函数都是 AsyncFunction 的对象。注意,AsyncFunction 并不是一个全局对象,需要通过下面的方法来获取:Object.getPrototypeOf(async function(){}).constructor2、语法new AsyncFunction([a...原创 2020-04-11 10:56:23 · 120 阅读 · 0 评论 -
javascript 里面for in while do while swich for 的区别
for (for执行的顺序是先给i赋值,在判断条件,然后执行大括号里的语句,在++,如此重复,直至条件结束) var arrNum=[1,2,3] for (var i = 0; i < arrNum.length; i++) { console.log(arrNum[i]) }var arrNum=[1,2,3] for (var i = 0; i < arrNum...原创 2017-08-09 11:25:21 · 253 阅读 · 0 评论 -
JavaScrip 数组对象常用的一些操作
find() 方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined。原创 2017-08-06 18:42:34 · 471 阅读 · 0 评论 -
auto js 实现文本框输入
1、利用autojs 实现输入文本// 点击打开到对应的文本框click(300, 465)sleep(1000) // 睡眠时间// 利用setText 进行输入setText("输入的文本")sleep(1000)原创 2020-04-22 18:40:32 · 29127 阅读 · 3 评论 -
auto js实现自动截屏
// 请求允许自动录屏//请求截图if(!requestScreenCapture()){ toast("请求截图失败"); exit();}连续截图//连续截图10张图片(间隔1秒)并保存到存储卡目录for(var i = 0; i < 10; i++){ captureScreen("/sdcard/img" + i + ".png"); ...原创 2020-04-23 23:10:59 · 19927 阅读 · 7 评论 -
js冒泡事件兼容火狐浏览器
<body> <div id="out"> <div id="middle"> <div id="inner"></div> </div> </div></body&原创 2018-11-13 13:46:35 · 294 阅读 · 0 评论 -
node 常用命令
npm 命令命令说明node --version查看node版本npm -v查看npm 版本npm install cnpm -g --registry=https://registry.npm.taobao.org安装cnpm (国内淘宝镜像源)npm 安装命令命令说明npm install会下载 package.json 文件下的模块包npm inpm install 的简写npm install express安装e原创 2021-01-14 14:31:02 · 485 阅读 · 0 评论 -
bootstrap-toastr 消息通知插
bootstrap-toastr 消息通知插首先需要引入toastr.css和toastr.min.js&lt;link rel="stylesheet" href="../assets/plugins/bootstrap-toastr/toastr.css"&gt;&lt;script src="../assets/plugins/bootstrap-toast原创 2018-09-21 18:00:51 · 10441 阅读 · 3 评论 -
javasctipt文件导出操作
export function handleDown(filename) { return request({ url: '/admin/data/execl', method: 'get', responseType: 'arraybuffer', }).then((response) => { // 处理返回的文件流 const blob = new Blob([response.data], { type: 'application/zip' })原创 2021-09-24 16:12:20 · 117 阅读 · 0 评论 -
ie9走过的坑
htmlcss1.flex布局不兼容,使用float解决。2.图片大小在chrome中可以直接使用height:,会自动缩放,ie9中还需要设置width,否则图片容易变形。js1.日期控件出现 NAN。问题定位:ie无法解析“-”,使用正则replace(/-/g, ‘/’))改成“/”解决。2.部分页面在ie9上加载失败问题定位:ie9无法识别console 和 debugger 。删除后恢复正常。3、forEach 不支持...原创 2020-06-08 08:36:13 · 202 阅读 · 0 评论 -
auto.js 笔记
介绍:项目地址:https://github.com/hyb1996/Auto.js官方论坛:https://www.autojs.org/在线文档:https://hyb1996.github.io/AutoJs-Docs/#/1、默认路径在 /sdcard/ 下(也就是手机存储的根目录)2、截图功能 // 自动截图 var shotImf = threads.start(f...原创 2020-04-21 19:01:37 · 1620 阅读 · 0 评论 -
element-ui 中设置日期的限制日期时间
el-date-picker (选择日期不能大于当天之后,并且限制在30天之内)html 代码 <el-date-picker v-model="date" type="datetimerange" :picker-options="pickerOptions" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">&l原创 2020-07-03 09:07:18 · 1416 阅读 · 0 评论 -
javascript中常用到的方法和事件
一、DOM // 创建 p 标签 var para = document.createElement("p") // 创建文本元素 var node = document.createTextNode("这是一个新的段落。"); //将文本节点添加到 <p> 元素中: par.appendChild(node); var child = document.getElementById("p1"); //移除 parent.removeChild(child)原创 2020-06-27 05:02:08 · 232 阅读 · 0 评论