
基础类总结
只属于编码TY
··········
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
VUE-3
Composition API: Ref vs Reactive//VUE2处理响应式数据<template> <h1>{{ title }}</h1></template><script> export default { data() { return { title: "Hello, Vue!" }; } };</script>//遵循data函原创 2021-04-20 11:37:46 · 108 阅读 · 0 评论 -
setTimeout
//异步输入0-5for(var k = 0;k<6;k++){ setTimeout(()=>{ console.log(k) },1000) } //明显不对 settimeout是异步执行的 所以只能取到6个6//第一种闭包实现 for(var j = 0;j<6;j++){ (h=>{ setTimeout(()=>{ console.log(h) },h*1000) })(j); };//第二种settim.原创 2021-04-09 11:23:55 · 105 阅读 · 0 评论 -
js中深浅拷备
1:深拷贝常用方法:JSON.parse(JSON.stringify(拷贝的对象))2:递归实现function isObj(obj) { return (typeof obj === 'object' || typeof obj === 'function') && obj !== null}function deepCopy(obj) { let tempObj = Array.isArray(obj) ? [] : {} for(let ke...原创 2021-02-03 15:14:51 · 201 阅读 · 0 评论 -
tab切换
直接上代码:let titles = $('.titles').find('ul li a'); let sps = $('.content').find('ul li'); var tabes = function () { return { tabCard: function (x, y) { ...原创 2019-04-07 22:17:58 · 155 阅读 · 0 评论 -
es7 异步
第一种://异步处理var testAsync = async function(){ let aa = function(time){ return new Promise((resolve,reject)=>{ setTimeout(function () { var res = '5'; resolve(res); }, time); }) } console.log('1122') let result.原创 2020-08-21 15:18:51 · 162 阅读 · 0 评论 -
配置代理服务
1,配置npm代理npm config set proxy=http://127.0.0.1:8087npm config set https-proxy http://server:port | npm config set registry=http://registry.npmjs.org若配置完成使用报错或者不走,npm config set registryhttp://registry.npm.taobao.org2、取消代理npm config delete pr...原创 2020-07-08 18:39:00 · 372 阅读 · 0 评论 -
css部分
超出高度变为...处理 height:30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;超出宽度换行处理强制不换行设置p标签不换行p { white-space:nowrap; }1自动换行p { word-wrap:b...原创 2020-02-17 11:17:14 · 179 阅读 · 0 评论 -
es7
常用方法:// 1.includes:判断是否包含然后直接返回布尔值 const str = 'hahay' console.log(str.includes('y')) // true // 2.repeat: 获取字符串重复n次 const str = 'he' console.log(str.repeat(3)) // 'hehehe' ...原创 2020-01-07 14:06:55 · 151 阅读 · 0 评论 -
js同步异步理解
JS的执行机制(一):1.首先判断JS是同步还是异步,同步就进入主进程,异步就进入event table(事件表)2.异步任务在event table中注册函数,当满足触发条件后,被推入event queue(事件队列)3.同步任务进入主线程后一直执行,直到主线程空闲时,才会去event queue中查看是否有可执行的异步任务,如果有就推入主进程中释:异步任务执行顺序:同步任务执行...原创 2019-10-24 10:35:10 · 243 阅读 · 0 评论 -
字符串拼接
es6模板字符串拼接:``var newData = prem.val;var newUrl = `aaa/sss?${newData}`es5之前var newData = prem.val;var newUrl = "aa/ss?"+newDatavar newData = prem.val;var newUrl = "aa/ss?type='+newData+'&...原创 2019-06-21 11:10:40 · 263 阅读 · 0 评论 -
开发遇到的小问题总结
1,布局问题:1,父盒子宽是100%,子盒子是内联元素或者行内块元素,若要子盒子居中,父盒子可以使用text-align:center,使用margin:0 auto,不起作用,他是相对块元素居中。2,父盒子里面有上下部分,例如,img,和p标签,若要有一个滑过事件,让图片等比例放大,字体变色效果,使用hover给父盒子,可以等比例缩放,但是字体颜色不起作用;解决方案:可以使用js,滑过添...原创 2019-04-02 09:12:44 · 158 阅读 · 0 评论 -
iconfont图标的使用
例1:比如使用阿里巴巴适量图标库打开https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2阿里巴巴图标官网建立项目,上传自己的图标或者在该图标库找到符合项目使用的图标,添加至购物车将购物车中的图标添加至自己新建的项目。选择font class这时候有两种方式使用。1,直接引用线上的,点击查看在线...原创 2019-03-25 09:23:13 · 2305 阅读 · 1 评论 -
进程,线程,多线程~理解(来自GavinJun)
一、说说概念1、进程(process)狭义定义:进程就是一段程序的执行过程。广义定义:进程是一个具有一定独立功能的程序关于某个数据集合的一次运行活动。它是操作系统动态执行的基本单元,在传统的操作系统中,进程既是基本的分配单元,也是基本的执行单元。简单的来讲进程的概念主要有两点:第一,进程是一个实体。每一个进程都有它自己的地址空间,一般情况下,包括文本区域(text region)、数据区域(dat...转载 2018-07-09 08:59:50 · 155 阅读 · 0 评论 -
iquery不同版本在一个页面使用
还想补充一点,但是突然想不到了,下次在进行补充~~~~转载 2018-09-27 09:09:13 · 165 阅读 · 0 评论 -
页面布局
一、三列布局实现方法:1、绝对定位法这个呢或许是最直观,最容易理解的 :左右两栏采用绝对定位,分别固定于页面的左右两侧,中间的主体栏用左右margin值撑开距离。于是实现了三栏自适应布局。html,body{margin:0; height:100%;}#left,#right{position:absolute; top:0; width:200px; height:100%;}...原创 2018-11-09 09:56:36 · 195 阅读 · 0 评论 -
页面与页面之间的传值
一。利用地址栏URL传值A页面<type="button" value="TEST" onclick="test()"/>function test(){var s =document.getElementById("txt");location.href="2.html?"+"txt="+encodeURI(s.value);}释:原创 2018-11-13 08:52:56 · 1187 阅读 · 0 评论 -
reset.css
pc端采用rem单位@charset "utf-8";body {font:12px/1 "Microsoft YaHei","SimSun","Chalkduster",helvetica,arial,"\5b8b\4f53"; background: #fff;min-width:1200px;-webkit-font-smoothing: antialiased;-moz-f...转载 2019-03-06 08:18:00 · 125 阅读 · 0 评论 -
点击屏幕任意位置,关闭已显示的弹窗
布局:<div id="shard" ></div><div id="test"> <a href="javascript:;" id="button">clickMe</a> <div id="content" style=原创 2019-03-14 08:36:27 · 2374 阅读 · 1 评论 -
es6环境配置
实现我们通过gulp-babel 来实现将es6转es5node.js命令行工具,进入项目根目录 项目初始化,npm init/ cnpm init 全局安装babel, npm install -g babel 本地安装gulp,cnpm/npm install gulp --save-dev 本地安装gulp-babel和babel-preset-es2015 --s...原创 2019-03-15 12:29:35 · 364 阅读 · 0 评论 -
pc端产品适应移动端所需要添加的代码
try { if (!window.location.hash.match("fromapp")) { if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad|Nokia|SymbianOS|Windows Phone|Linux armv71|WindowsCE|Black...转载 2019-03-08 08:22:41 · 207 阅读 · 0 评论 -
form表单验证
<input type="text" placeholder="请输入两个到三个汉字为准!" value="" style="width: 200px;height: 30px;padding:6px 12px"> <div class="box"></div><script src="jquer原创 2019-03-08 10:05:45 · 280 阅读 · 0 评论 -
数字取整
js中Math.round、parseInt、Math.floor和Math.ceil小数取整总结Math.round、parseInt、Math.floor和Math.ceil 都可以返回一个整数,具体的区别请看下面的总结。一、Math.round作用:四舍五入,返回参数+0.5后,向下取整。如:Math.round(5.57) //返回6Math.round(2.4)...原创 2019-03-25 08:19:50 · 427 阅读 · 0 评论 -
换行踩的坑~
HTML换行-------采用<br/>如果是纯文本那就用 \r \n eg:在原生js中var box = document.getElementById('box');//box.innerHTML = '该云密码机未连接<br/>,请先排除以下情况,若仍未能解决问题,请联系客服';(起作用) //box.innerHTML = '该云密码机未连接\r,请先排除以...原创 2018-06-06 11:23:02 · 172 阅读 · 0 评论