- 博客(41)
- 收藏
- 关注
RSS订阅原创 typescript Tuple越界元素
结论： typescript 2.7后，元祖长度被固定，访问元祖越界元素会报错，官方文档中的教程尚未更新。typescript 官方文档中，允许访问一个越界的元素let t: [string, number]t = ['a', 1]console.log(t[0]) // aconsole.log(t[1]) // 1// 此处访问越界元素，会使用联合类型替代t[2] = 2 // 正常t[8] = 'd' // 正常t[9] = false // 报错但在最近
2021-04-28 14:38:32
932
1
原创 js 判断数组
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-04-12 17:19:02
131
原创 打印定时器
javascirpt中，使用console打印setTImeout与setInterval1、setTimeout 与setInterval 属于函数类型2、定时器内加入参数后打印，输出数字3、打印出的数字为当前定时器在本页面中的进程序列新开一个chorme窗口，打开调试器 开始打印输出数字依次顺延相关猜测 1、该数字为当前定时器被访问时的延时时间2、该数字为当前定时器在进程中的序列号定义定时器变量，连续打印两次，中间间隔5秒，输出数字不变，可知该数字不应是延时时间...
2021-03-23 15:08:04
814
原创 上拉刷新逻辑梳理
设置参数// 是否所有数据isAllData: false// 是否展示搜索结果showResult: false// 本次请求是否有数据hasResult: fasle请求参数{ page: 1, // 页数 limit: 10 // 每页数据量}回调参数{ list: null}对应判定和 状态if(list == null && page == 1){ showResult = true hasResult = false is
2021-03-05 15:27:32
140
1
原创 微信小程序 开发相关
1、微信公众号、小程序登录的平台是微信公众平台，注意与微信开放平台区分。2、小程序原始ID格式为 gh_xxxxxxxxxxxx，AppID格式是wxxxxxxxxxx，AppSecret 在网站上没有记载，重置后自行保存。3、服务器域名request域名 ———— 接口对应的域名socket域名 ———— 长连接接口对应的域名uploadFile合法域名 ———— 上传文件的域名downloadFile合法域名 ———— 下载文件的域名udp合法域名 ———— 与socket相关的域名
2021-02-23 14:45:15
641
原创 atom安装插件方式及常用插件
安装方式1、在C盘用户文件夹下，找到 .atom/packages 文件夹2、在该文件夹下通过git拉取对应插件代码3、在插件文件内打开 cmd，运行 npm 或其他包管理器安装命令插件1、activate-power-mode一个改善编程体验的小工具github地址:https://github.com/JJack27/activate-power-mode.git.2、atom-simplified-chinese-menu中文语言包github地址:https://github.c
2020-12-22 13:08:23
883
原创 git 多账号ssh配置
一、ssh账号生成1，检测电脑中是否配置sshgit Bash 命令行中输入如下命令 检测是否有id_rsa以及id_rsa.pub文件ls -al ~/.ssh2生成sshgit Bash 命令行中，输入如下命令 ([email protected] 此处换成托管平台绑定邮箱)ssh-keygen -t rsa -C "[email protected]"图中红框部分三行依次为1 为保存当前key 设置文件名（默认是id_rsa）2 设置ssh密码3 再
2020-09-24 23:28:24
176
原创 vue-cli2.x 项目模板文件说明（二）components篇
本文主要针对的是vue/cli2.x项目中src目录下components目录下文件说明及管理，项目整体结构参照 vue-cli 2.x项目模板文件说明（一）整体结构篇1、*.vue 文件直接参照原始生成模板2、当需要引入的全局组件比较多时，为保持main.js的简洁性，设置index.js文件统一引入组件，然后在main.js中统一引入，index.js文件如下import Header from '@/components/Header'import Footer from '@/compo
2020-07-26 21:31:20
397
原创 vue cli 4 +创建项目步骤
一、安装脚手架安装命令如下npm install -g @vue/cliyarn global add @vue/cli检测版本vue --version二、创建项目1.创建项目开始，定义名称vue create [appName]例如创建一个名称为 testapp 的项目命令为vue create testapp2 选择配置类型按方向键选择，按enter确认第一个为默认配置，包含eslint 和 babel第二个为自定义配置3 各项配置设置操作方式按方向键进
2020-07-23 16:32:32
5740
原创 git gitignore 对文件内部分代码添加忽略
.gitignore文件添加忽略已经被纳入版本管理的文件，直接添加是不起作用的，需执行以下办法打开git bash 输入以下命令清除缓存git rm -r --cashed .然后执行add ,commit 命令部分 vim 编辑命令vim .gitignore 进入忽略文件输入i （insert）进入编辑模式输入Esc 退出编辑模式输入 :wq 退出 vim...
2020-03-22 17:30:45
480
原创 js 数组方法（三）-- 迭代篇
js数组方法可分为三类：修改、访问、迭代。修改：改变原有数组访问：不改变原有数组，从原有数组中获取数据迭代：对数组的每一项进行处理，返回数据本文主要介绍数组的迭代篇，大分类以回调函数功能划分一、访问读取1、forEach()含义：为数组中每一项元素执行一次回调参数1：回调函数回调函数参数1：当前元素值回调函数参数2：当前元素索引回调函数参数3：当前数组参数2：回调时用作th...
2019-10-11 11:26:28
145
原创 js 数组方法（二）-- 访问篇
js数组方法可分为三类：修改、访问、迭代。修改：改变原有数组访问：不改变原有数组，从原有数组中获取数据迭代：对数组的每一项进行处理，返回数据本文主要介绍数组的访问篇一、返回数组1、concat()含义：将多个数组进行拼接参数：待连接数组，数量不限var a =[1,2,3,4,5,6]var b = [7,8]var c = [9]console.log(a.concat(...
2019-10-10 10:19:06
288
原创 js 数组方法（一）--修改篇
js数组方法可分为三类：修改、访问、迭代。修改：改变原有数组访问：不改变原有数组，从原有数组中获取数据迭代：对数组的每一项进行处理，返回数据本文主要介绍数组的修改篇1、push()含义：在数组末尾添加元素参数：待添加元素，数量不限var a =[1,2,3,4,5,6]a.push(7,8)console.log(a); //[1,2,3,4,5,6,7,8]2、pop()...
2019-10-09 18:11:15
3525
原创 秒数（非时间戳）转化为天、时、分、秒各种格式
话不多说了，直接上函数吧function timeType (t) { t = Math.floor(t) var d, h, m, s if (t < 0) { return } else if (t < 60) { s = t m = 0 ...
2019-06-17 17:01:54
2619
原创 vue分享到微信中的web页返回到指定页
vue中首页 Home.vue 分享页 share.vue在share.vue中mounted () { if(window.history && window.history.pushState) { history.replaceState(null, null, '/Home') history.pushState(null, null, '/...
2019-05-29 10:23:18
522
原创 多行文本省略解决办法 纯css
目前单行文本省略的通用办法{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}多行文本可以尝试采用以下方法如下图所示： 绿色部分是我们的文本域，在它的左侧，设置一个红色区域作为标尺域，紫色部分是我们的监测域，区域划分完毕，接下来我们说一下这个方法的实现原理，以及每部分的代码设定。css中有一个flo...
2019-05-15 11:00:50
862
原创 windows下winSCP、PuTTY 利用ssh免密码连接远程服务器
写给自己的一篇教程winSCP1、点击新建站点 输入主机名、端口、用户名2、点击高级，选择SSH下的验证，上传密钥文件（.ppk文件，此文件如何生成稍后再说）3、上传完毕后点击确定，再点击保存，设置站点名称以及文件夹，点击确定保存站点。站点名称是给自己看的，方便自己识别，否则默认给的是主机数字；文件夹是项目在本地的存放目录4、点击左边站点名称，点击登录即可免密登录PuTTY1...
2019-05-14 15:17:13
7890
1
原创 vue-cli 2.x项目模板文件说明（十）webpack下check-versions.js篇
本文介绍的是vue-cli项目中，webpack下check-versions.js文件各条命令含义项目结构参照vue-cli 项目模板文件说明（一）整体结构篇'use strict'const chalk = require('chalk') // 引入chalk（chalk：修改控制台中字符串的样式（字体样式加粗等／字体颜色／背景颜色））const semver = require('...
2019-05-13 18:21:56
274
原创 vue-cli 2.x项目模板文件说明（九）webpack下build.js 篇
本文介绍的是vue-cli项目中，webpack下build.js文件各条命令含义，主要是在项目目录中执行npm run build时的设置。关于webpack我本人并没有进行过系统学习，边角料的碎片化学习慢慢来吧，聚沙成塔咯'use strict' // 严格模式require('./check-versions')() // 引入检查版本文件并立即执行process.env.NO...
2019-05-13 16:01:55
391
原创 vue-cli 2.x 项目模板文件说明（七）全局函数篇
本文为vue/cli脚手架下src目录中的utils.js 项目结构参照vue-cli 项目模板文件说明（一）整体结构篇全局函数设置exports.install = function (Vue, options) { // 控制书籍介绍字数 Vue.prototype.controlText = (str, len) => { return str.length >...
2019-04-30 18:21:45
177
原创 vue-cli2.x 项目模板文件说明（六）main.js篇
本文为vue/cli下src目录中main.js篇 完整项目结构参见vue-cli 项目模板文件说明（一）整体结构篇关于main.js没什么好写的，主要是为了配合其他几部分导入http、router、store、until.js 文件// The Vue build version to load with the `import` command// (runtime-only or s...
2019-04-30 18:19:50
657
原创 vue-cli 2.x项目模板文件说明（五）状态管理篇
本文是vue/cli脚手架下src目录下store篇，完整项目结构参照vue-cli 项目模板文件说明（一）整体结构篇4.store目录(1)module状态管理的模板页，如果状态管理本身比较复杂的话，可将每个组件的状态单独建立一个模板，然后由同目录下store.js统一导出，方便维护示例文件const state = { limit: 30}const mutations =...
2019-04-30 18:15:12
177
原创 vue-cli 2.x项目模板文件说明（四）路由篇
本文为vue/cli脚手架下src目录中的router目录 项目结构参照vue-cli 项目模板文件说明（一）整体结构篇index.js(1) 定义页面时采用按需加载式，使用时才加载(2) meta 定义页面层级，处理移动端返回时使用，比如采用类似书籍翻页效果时，index小的进入index大的页面是翻开一页，反之是翻回一页(3) 使用history模式，避免地址栏出现‘#’，为防止刷新页...
2019-04-30 18:10:51
245
原创 vue-cli2.x 项目模板文件说明（三）异步请求篇
本文为vue/cli下src目录中http篇，项目结构参照vue-cli 项目模板文件说明（一）整体结构篇本目录文件参考 这里，对本目录有疑问可以进行参照斧正，下面是单个文件内容(1) config.jsexport default { method: 'post', //基础路径前缀，如有多个可在请求中单独设置 baseURL: 'https://cnodejs.org/api...
2019-04-30 18:05:33
473
原创 electron把写好的vue项目打包成桌面APP
基本流程1、安装依赖npm install electron --save-devnpm install electron-packager --save-dev 2、修改config/index.jsbuild:{ assetsPublicPath: './'}3、接口地址修改（如未做过本地反向代理可跳过这一步）例如在用proxyTable做反向代理时所用的配置url替换...
2019-04-30 17:32:16
1087
原创 vue在computed中调用函数
废话不多说了，上代码<template> <ul> <li v-for = "(item, index) in arrs" v-bind:key = 'index'> <span>{{dataAmand(item.title)}}</span> </li> </ul>&l...
2019-04-25 15:34:49
16126
4
原创 vue-cli 2.x 项目模板文件说明（一）整体结构篇
第一次做了一个vue项目，给自己留一份模板记录整体结构├── build #webpack配置├── config # 配置 ├── dev.env.js # 开发环境 ├── index.js # 配置控制 ├── prod....
2019-04-25 15:08:44
747
原创 vue-cli 2.x项目模板文件说明（八）config下index.js篇
'use strict'// Template version: 1.3.1// see http://vuejs-templates.github.io/webpack for documentation.const path = require('path')module.exports = { dev: { assetsSubDirectory: 'static', ...
2019-04-24 18:29:59
884
原创 vue-router beforeRouterEnter next() 传参
vue-router中，单组件内部使用 beforeRouterEnter时，由于该组件此时还未创建，所以无法使用 this，vue官网提示，在next()中使用回调获取实例官方文档如下：const Foo = { template: `...`, beforeRouteEnter (to, from, next) { // 在渲染该组件的对应路由被 confirm 前调...
2019-04-24 17:39:43
12357
原创 常用meta标签汇总
1,双核浏览器 默认开启chorme，否则开启IE最高模式<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"/><meta name="renderer" content="webkit"/><meta name="referrer" content="a
2018-04-04 14:52:33
221
原创 浏览器下相同代码在不同页面内显示不同
调试页面的时候发现一个问题，相同的一个input[type='search']，在某一页面（A页面）内盒模型为border-box，在其他页面盒模型为content-box 。开F12检查代码发现，A页面内部input 的样式里多了一行user agent stylesheet ，box-sizing:border-box;然后比较页面差距时，发现A页面首行代码 <!DOCTYPE html...
2018-03-14 09:39:38
1426
原创 溢出部分可滚动查看 且不显示滚动条
如下代码.one{width:300px;height:200px;overflow:hidden;}.two{width:318px;height:200px;overflow-y:scroll;}.three{width:300px;}祖元素定宽 溢出部分隐藏父元素宽度为祖元素宽度+18
2018-02-07 18:07:52
9710
原创 正则
一、写法var a , b, c; a=/^1[34578]\d{9}/; b=13111111111;c=a.test(b); (对c进行布尔值判断)c=b.match(a);(同上)二、常用1、手机号 目前号段移动：134-139、147、150-152、157-159、178、182-184、187-188、198联通：130-132、145、155-156、166、175-176、1...
2018-02-07 17:47:06
155
原创 前端常用网址汇总
1. 手册类jquery http://jquery.cuishifeng.cn/jQuery_selector_context.htmlcss3 http://www.css88.com/book/css/properties/positioning/right.htmcss ie8兼容 https://segmentfault.com/a/1190000006...
2018-01-05 11:32:27
223
原创 单选 复选 选择情况判断
1.判断单选框是否有选择 （解决单选框存在默认选中项，未点击单选项，直接进行表单提交时，浏览器默认最后一个单选项被选中）html <label><input type="radio" name="sex" value="1">男</label> <label><input type=&quo
2017-12-28 16:08:39
403
原创 获取滚动条高度 兼容ie8
window.onscroll=function(){var sTop=document.documentElement.scrollTop||document.body.scrollTop;}
2017-11-21 17:18:29
1117
原创 使用js控制banner宽高
var tick=setTimeout(function banner_height(){ if (window.innerWidth) { winWidth = window.innerWidth; } els
2017-11-15 19:46:20
647
原创 css部分常用功能
1、单行文本防止溢出显示省略号 text-overflow:ellipsis; overflow:hidden; white-space:nowrap;2、input获取焦点时，去除浏览器自带的边框 outline:none;3、textarea禁止缩放 resize:none;4、IE下去除textarea滚动条 overflow:hidden(注：此条
2017-11-15 19:41:59
148
原创 css3 学习笔记 backgriound-origin 与 background-clip
background-clip这个属性是受到background-origin的限制。即background-clip默认值等同于background-origin设置的值。1，设置background-origin:border-box;则background-clip默认是border-box,可选padding-box和content-box。2，设置background-o
2017-10-17 18:57:35
273
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人