前端
@Kayn
今天,你进步了吗?
展开
-
html select 基础用法
/原创 2023-02-22 11:44:20 · 310 阅读 · 1 评论 -
浏览器的事件循环(Event Loop)
浏览器事件循环原创 2022-09-02 18:10:04 · 553 阅读 · 1 评论 -
js 优雅捕获async/await 可能发生异常
js 优雅捕获async/await 可能发生异常。原创 2022-08-16 15:04:42 · 400 阅读 · 0 评论 -
工作中常用的组件库
animat.css 动画效果validator.js 登录验证mescroll.js 滚动效果vant 开源组件库view UI 基于vue的UI组件库echarts 可视化图表vue-lazyload 懒加载day.js 时间和日期vue-qr 生成二维码原创 2022-07-09 23:13:19 · 112 阅读 · 0 评论 -
js 命名规范
https://juejin.cn/post/7076259548872310814原创 2022-03-18 10:48:24 · 331 阅读 · 0 评论 -
vue正确的姿态使用v-if/v-else
默认情况下,Vue 会尽可能高效的更新 DOM。这意味着其在相同类型的元素之间切换时,会修补已存在的元素,而不是将旧的元素移除然后在同一位置添加一个新元素。如果本不相同的元素被识别为相同,则会出现意料之外的结果。Bad<div v-if="error"> Error: {{ error }}</div><div v-else> {{ results }}</div>Good<div v-if="error" key="se原创 2022-03-17 18:11:57 · 843 阅读 · 0 评论 -
H5调用手机拨号发短信
<a href="tel://0769-22210105">联系客服</a><a href="geopoint:116.281469,39.866035">我的位置</a><a href="sms:10086?body=message_body">给 10086 发短信</a>原创 2022-02-25 18:09:04 · 302 阅读 · 0 评论 -
可以将字符串转换为视图的JS库
https://www.maomin.club/site/strvejs/zh/started/原创 2022-02-24 17:47:50 · 382 阅读 · 0 评论 -
移动Web UI库(H5框架)
1、基于vue:https://doc.vux.li/zh-CN/2、中国首个开源 HTML5 跨屏前端框架 http://amazeui.shopxo.net/3、简洁H5UI库 https://h5ui.io/4、接近原生APP体验的高性能前端框架 https://dev.dcloud.net.cn/mui/5、Ant design 移动端框架 https://mobile.ant.design/6、一个轻量级的模块化前端框架,http://www.uikitcss.co.原创 2022-02-11 14:35:17 · 8906 阅读 · 0 评论 -
js 判断数组的几种方式
第一种//通过原型链判断obj.__proto__ === Array.prototype第二种//通过isArray判断Array.isArray(obj)第三种//通过instanceOf判断obj instanceOf Array第四种//通过Array.prototype.isPrototypeOfArray.prototype.isPrototypeOf(obj)第五种//通过Object.prototype.toString.call()做判断Object.p原创 2021-12-14 18:41:40 · 1246 阅读 · 0 评论 -
flex 布局 space-around且最后一排靠左
.dash_container { margin: 1.333333vw; border-radius: 1.8vw 1.8vw 0vw 0vw; display: flex; background-color: var(--back-whiteColor); justify-content: space-around; flex-wrap: wrap;}/*给元素的的父级伪类设置 如下内容*/.dash_container:after { co原创 2021-12-07 23:09:08 · 839 阅读 · 0 评论 -
js mvc设计模式
var myapp = {}; // 创建这个应用对象myapp.Model = function() { var val = 0; this.add = function(v) { if (val < 100) val += v; }; this.sub = function(v) { if (val > 0) val -= v; }; this.getVal = function() {原创 2021-11-25 14:50:59 · 629 阅读 · 0 评论 -
解决IE下不支持TextDecoder
1、首先需要下载模块包,使用npm install iconv-lite2、在项目中引入iconv-liteimport iconv from ‘iconv-lite’;const fileArr = iconv.decode(resUserInfo, 'utf-8')console.log('@', fileArr)原创 2021-11-04 13:19:21 · 343 阅读 · 0 评论 -
解决深拷贝问题
function deepClone(obj) { let result = Array.isArray(obj) ? [] : {}; for (let key in obj) { if (obj.hasOwnProperty(key)) { if (obj[key] && typeof obj[key] === 'object') { result[key] = deepClone(obj[key]); // 递归复制原创 2021-10-27 11:40:55 · 248 阅读 · 0 评论 -
vscode-setting
{ "extensions.ignoreRecommendations": false, "team.showWelcomeMessage": false, "git.enableSmartCommit": true, "vsicons.dontShowNewVersionMessage": true, "git.autofetch": true, "react.beautify.onSave": true, "files.associations":原创 2021-09-20 14:43:21 · 98 阅读 · 0 评论 -
insertAdjacentHTML用法
用法var li='<li class="liactive"><span>新选项卡</span></li>'ul.insertAdjacentHTML('beforeend',li);参数说明参数描述beforebeginelement本身之前afterbegin在element第一个孩子之前beforeend在element最后一个孩子之前。afterendelement本身之后。...原创 2021-07-28 15:10:39 · 247 阅读 · 0 评论 -
js查看代码的运行时间
console.time('global')//要执行的代码放中间console.timeEnd('global')原创 2021-06-09 17:56:55 · 1247 阅读 · 0 评论 -
解决axios请求百度Ai接口跨域问题
环境:vueCli4+vue2.x+vuerouter新建vue.config.js文件添加以下配置module.exports = { devServer: { proxy: { '/api': { // target: 'http://127.0.0.0:8080', target: 'https://aip.baidubce.com', change.原创 2021-05-16 14:21:53 · 1397 阅读 · 2 评论 -
js 更改json数组的属性名称
需求:从后台获取到JSON数据,因为属性名字太长了,想.的时候简短一些。记录一下知识点:map()根据当前数组映射出一个新的数组,map和forEach等遍历方法不同,在forEach中return语句是没有任何效果的,而map则可以改变当前循环的值,返回一个新的被改变过值之后的数组(map需return),一般用来处理需要修改某一个数组的值。 let newTable = _this.fuelList.map((item) => { let obj = { .原创 2021-05-08 15:39:30 · 1541 阅读 · 0 评论 -
webpack配置webpack-dev-server遇到的问题
转:https://www.cnblogs.com/xuehaoyue/p/6410095.html#_label0_5需要在开发时依赖安装局部webpack转载 2021-04-15 12:22:09 · 269 阅读 · 0 评论 -
vue与Android之间的传值
1.vue调用Android方法: window.android.方法名 // 方法名后加()2.vue接收Android传过来的值methods : { // 接收Android传过来的值方法 getAndroidValue(value) { console.log(value) }},mounted: { window.getAndroidValue = this.getAndroidValue; // 把本地方法挂载到window中}...原创 2021-04-12 14:29:45 · 1431 阅读 · 0 评论 -
用ES6-Class 手写一个Promise
Promise异步神器Promise众所周知,解决了异步回调地狱问题,当然,在面试中也会问到一些实现原理或者让你please write a Promise。学海无涯,而吾生有涯,以有涯随无涯。先来一个简单版的Promise回调特征:1.PENDING=>默认状态2.resolved => 成功3.rejected => 失败 class MyPromise { constructor(fn){ this.res = null;//存放成功的原创 2021-03-19 17:19:47 · 922 阅读 · 5 评论 -
我为什么要学TypeScript?
什么是TypeScript?Typed JavaScript at Any Scale.添加了类型系统的 JavaScript,适用于任何规模的项目。TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。为什么要学?我们知道,JavaScript 是一门非常灵活的编程语言:这种灵活性就像一把双刃剑,一方面使得 JavaScript 蓬勃发展,无所不能,从 2013 年开始就一直蝉联最普遍使用的编程语言排原创 2021-03-18 15:10:54 · 328 阅读 · 0 评论 -
文档
https://jquery.cuishifeng.cn/index.html原创 2021-03-05 12:42:40 · 120 阅读 · 1 评论 -
Css-样式适配
http://autoprefixer.github.io/原创 2021-03-03 17:03:40 · 483 阅读 · 3 评论 -
js中的call和apply用法总结
call()方法 第一个参数和apply()方法的一样,但是传递给函数的参数必须列举出来。原创 2021-02-22 16:43:30 · 253 阅读 · 1 评论 -
user-agent 区分IE和Chrome浏览器
IEIE11User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; rv:11.0) like Geckoif(str.indexOf("rv:11") > -1)//判断IE11 //...IE10User-Agent: Mozilla/5.0(compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)if(str.indexOf("MSIE 10.0")>-1)//原创 2021-01-25 12:27:01 · 1269 阅读 · 0 评论 -
JS 工具集
字符串原位反转例如:将“I am the good boy”反转变为 “I ma eht doog yob”。 function reverseInPlace(str){ return str.split(' ').reverse().join(' ').split('').reverse().join(''); }原创 2021-01-22 14:52:12 · 175 阅读 · 0 评论 -
JavaScript 闭包/作用域
JavaScript 闭包/作用域变量可以起作用的范围全局变量和局部变量全局变量在任何地方可以访问的变量就是全局变量,可以通过windown来调用。局部变量在函数内定义的变量称之为局部变量。在外部不能直接访问(函数作用域)块级作用域在for(){}/if(){}中都是属于块级作用域,但是在ES5之前是没有块级作用域的,只有函数作用域在ES5的var是没有块级作用域的在ES6的let是有块级作用域的闭包function f1(){ var n=999;原创 2021-01-10 21:31:54 · 111 阅读 · 3 评论 -
js Base64转字符串(两种方式)不能用你打我
Base64转换字符串两种方式1.引入Base64.js文件使用方式如下下载Base64.js地址链接第一种方式引入文件使用方式如下: var b = new Base64(); //转码 var str = b.encode("admin:admin"); alert("base64 encode:" + str); //解码 str = b.decode(str); alert("base64 decode:" + str); 第二种原创 2021-01-03 16:06:45 · 4208 阅读 · 7 评论 -
JS实现让div自由拖拽
JS实现让div自由拖拽/** * div拖动 * @param {id} html元素id * 调用方式 dragFunc('你的元素id') */function dragFunc(id) { var Drag = document.getElementById(id); Drag.onmousedown = function(event) { var ev = event || window.event; event.stopPropagat原创 2020-11-24 17:00:47 · 1529 阅读 · 1 评论 -
Bootstrap框架和响应式布局
弹性布局1.浮动+百分比布局2.FIex布局 Flex布局对于设计比较复杂的页面非常有用,实现屏幕和浏览器窗口大小发生变化时保持元素的相对位置和大小不变响应式布局Responsive design,意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。屏幕尺寸不一样展示给用户的网页内容也不一样,我们利用媒体查询可以检测到...原创 2018-11-03 15:57:58 · 506 阅读 · 0 评论 -
Ajax基本概念
Ajax指Asynchronous JavaScript and XML(异步的 JavaScript 和 XML),最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容,并且在等待页面传输数据的同时可以进行其他操作。。而实现的原理基础就是:网页DOM对象可以精确地对网页中的部分内容进行操作、客户端与服务器交互、XMLHttpRequest是与浏览器本身内置的requ...原创 2018-10-29 13:51:19 · 133 阅读 · 0 评论 -
zTree异步更新文本颜色
1.首先先下载好并导入包https://gitee.com/zTree/zTree_v32.定义全局核心变量function getFont(treeId, node) { var poleId; $.ajax({ type: "post", url: "/PsInMainCon/Psinspe", ...原创 2019-03-03 17:30:44 · 519 阅读 · 0 评论