- 博客(55)
- 收藏
- 关注
RSS订阅
原创 穿透选择器与deep选择器之前的语法
在我们上班做开发的时候，一定会把整个项目放到各种不同的浏览器上面去做一个输出展示，所以针对这个问题我就不必要多说什么了吧？大家直接看下面的N张图。它们分别代表的是什么！！！！前方有高能！！！（一）简要介绍 css3最喜欢的新属性之一便是flex布局属性，用六个字概括便是简单、方便、快速。 flex（ flexible box：弹性布局盒模型）,是2009年w3c提出的一种可...
2019-05-28 23:34:19
984
原创 vscode最常用插件
常用插件：如果喜欢中文就安装中文，如果不喜欢就自动忽略.chinese一、Open-In-Browser这个是必须安装的 打开浏览器看效果使用的 快捷键是alt+b二、QuokkaQuokka 是一个调试工具插件，能够根据你正在编写的代码提供实时反馈。它易于配置，并能够预览变量的函数和计算值结果。另外，在使用 JSX 或 TypeScript 项目中，它能够开...
2019-04-25 00:31:57
3570
3
原创 vue代码片段
效果如下：1.点击左下角设置图标，用户代码片段.2.新建全局代码片段文件 接着 在搜索框里面创建 vue.json3.在对象里面复制以下代码块 也就是复制粘贴{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>\n", " </div&g.
2021-06-17 14:19:52
325
原创 koroFileheader 头部注释
效果如下：1-进入设置（setting）2-在搜索框输入 fileheader3-找到Fileheader:Custom Made -> 点开 settings.json4-复制下面代码 记得把"Autor": "改成自己的名字", // 文件头部注释 "fileheader.customMade": { "Descripttion":"", "version":"", "Author":"you...
2021-06-17 14:05:44
433
原创 prettier格式化单引号不生效
最近使用Vue CLI创建项目，按照之前的设定，使用standard eslint标准。在格式化的时候发现，引号变成了双引号，结尾的分号也给我自动加上了，格式化的时候也没法自动格式化，一直报错，百思不得其解，自己的vscode 的setting文件里，prettier设置的都是单引号，不要分号的，完全不知道哪里出错了。关键时候还得Google，在prettier issue中发现了原因所在，prettier3.7以上会优先读取项目根目录下的editorconfig or prettier conf...
2021-06-03 11:15:10
1935
原创 Mac安装brew手撸 curl:(7) Failed to connect to raw.githubusercontent.com port 443: Connection re fused
cd ~mkdir homebrewcd homebrewtouch install.shopen install.shhttps://free-2019.oss-cn-beijing.aliyuncs.com/install.sh此时会弹出一个文本框，然后接着访问地址复制到弹出的文本框里面去就行 再command + s 保存。sh ~/homebrew/install.sh就开始下载homebrew然后一直等着进度条---～～～～～等完后又会继续下载..
2020-06-15 18:00:17
1079
原创 前端和后端ping地址
1-前端cmd打开窗口，将后端给到的地址在cmd窗口里面去拼地址如下图：问题1- 如果出现请求超时， 记得把电脑的防火墙都关闭ps： 如果自己记不住自己的ip，那就cmd窗口 ipconfig命令...
2020-05-18 11:13:04
1441
原创 从零开始自定义创建Vue-cli3.0
前言；1-）node版本官方建议，node.js的版本，需要是8.9或者以上（建议是8.11.0+）2-）更新vue clinpm install -g @vue/cli3-）创建项目vue3.x同样支持这种方式：vue init webpack project-name4-）我们用最新的创建方式：vue create projectName5-）这里推荐选择第二...
2020-04-23 11:11:35
472
转载 时间戳 - - 如何在不同编程语言中获取现在的Unix时间戳
（1）如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)？ Java time JavaScript Math.round(new Date().getTime()/1000) getTime()返回数值的单位是毫秒 Microsoft .NET / C# epoch = (DateTime.Now.ToUniversal...
2020-03-13 14:42:31
200
原创 Vs Code在Vue项目中v-for指令提示错误的解决办法
解决方法：打开 文件-首选项-设置将如下代码复制粘贴至用户设置里，保存即可"vetur.validation.template": false如下：
2019-09-24 18:23:04
280
原创 移动端 table的width坑 这次填上了
app table兼容可以使用: min-width 自动就兼容了。 PS 如果只是单纯的使用widht 肯定是不行的。
2019-09-18 18:07:37
375
原创 解决vscode导致电脑很卡
可能电脑里面装了cnpm 也就是淘宝镜像！所以：：：vscode-文件-首选项-设置 -搜索1.修复vs code 造成 rg.exe内存占用过大的问题search.followSymlinks:false2.修复vs code 造成 git.exe内存占用过大的问题git.enabled:falsegit.autorefr...
2019-08-19 21:05:23
6051
原创 Echarts各项配置说明，配置项setOption()
前言：最近在使用 echarts 时是各种踩坑，然后做个简单的总结，以便日后使用，分享出来供参考！theme = {// 全图默认背景// backgroundColor: 'rgba(0,0,0,0)',// 默认色板color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed',...
2019-08-16 15:17:07
6714
原创 Filfters - -> 过滤器
<template><!-- 管道符后面是过滤器名字 --> <div>{{time | formatDate}}</div></template><script>export default { data() { return { // 实例化一个当前时间出来 time...
2019-07-30 13:56:23
365
原创 js几种循环方式的区别
let arr = [{a:1},{a:2},{a:3},{a:4},{a:5}];1.for使用示例：for(let item =0;item<arr.length;item++){if(item == 3){break;//终止循环continue;//跳过本次循环...
2019-07-29 22:31:34
348
原创 Vue - - >组件库和插件库
UI组件element- 饿了么出品的Vue2的web UI工具套件Vux- 基于Vue和WeUI的组件库mint-ui- Vue 2的移动UI元素iview- 基于 Vuejs 的开源 UI 组件库Keen-UI- 轻量级的基本UI组件合集vue-material- 通过Vue Material和Vue 2建立精美的app应用muse-ui- 三端样式一致的响应式 U...
2019-07-16 17:40:57
738
1
原创 JS基础（2）- - >各种运算符- - 数学、三元、赋值、逻辑、比较
（1）数学运算符：+，-，*，/，%，++，--+（求和）、-（求差）、*（乘以）%和数学中的求和、求差以及求乘积、取余是一样的 // +加 let a = 10 + 10 console.log(a) //20 // -减 let b = 30 - 15 console.log(b) //15 // *乘...
2019-07-15 20:43:42
191
原创 前端工作经常使用的网站 - - >Web开发以及npm冷门命令
（1）飞冰 - -https://ice.work/阿里飞冰官网 icework，一个集成框架，一键创建一个前端系统（2）npm快速删除node_modules文件夹（3）form-create V2
2019-07-15 15:13:09
149
原创 JS基础（1） - - >变量、注释、语句、缩进、数据类型、字面量、标识符
（一）变量 - - >JS中的变量是松散的，这里松散意思是指可以用一个var 操作符来保存任何的类型的值//定义一个变量var an = 21; //数值型或者Number类型var str = "路西法"; //字符串类型var bool = false; //定义一个Boolean类型//可以用一条语句定义多个变量var an = 21, str = "路...
2019-07-12 17:29:48
559
原创 使用CDN注意的事项 - - >也是工作中防患于未然的一种方法
平时大家都希望从各个网站上去引入cdn到项目当中，因为速度很快，但是！！！！但是看下面 ↓ ↓ ↓如果你使用 CDN 服务，建议准备一个备胎，万一 CDN 服务挂了，可以从自己的服务器上读取： <script src="//cdn.staticfile.org/jquery/2.0.0/jquery.min.js"></script> <...
2019-07-12 16:23:06
310
原创 CSS文本截断 - - >强行一行显示不换行并会出现省略号...
一、单行文本截断 text-overflow文本溢出经常用到的应该就是text-overflow:ellipsis了，只需轻松几行代码就可以实现单行文本截断。<style>div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}</style>显示效果：...
2019-07-05 17:58:51
1100
原创 git - - > 工作心得
（一）切换某个分支 那么执行git命令 -git checkout develop PS：切换到develop分支，（二）立马查看工作目录和暂存区的状态 - 也相当于查看要提交的文件gitstatus（三）地址gitdir=$(git rev-parse --git-dir); scp -p -P 29418 [email protected]...
2019-07-01 15:37:22
168
原创 vue-elementui-message - - > 改造
<el-button @click="handleClick(scope.$index,scope.row)" type="text" size="small">刷新缓存</el-button><script> methods:{async handleClick(index, row) { console.log(index) ...
2019-06-28 15:40:15
722
原创 gerrit与git结合遇到的一些坑 - - >心得体会
值得注意的地方就是 gerrit和git 里面的username 和邮箱 必须保持一致，不然你就等着奔溃吧。反正我是一个多礼拜才弄好。直接上图：gerrit：然后git：1-直接去gerrit测试一下：projects - - > list 去clone 项目地址：2-随便创建一个文件夹，然后点击鼠标右键会出现git bash，3-进入之后将g...
2019-06-27 17:55:43
1184
原创 npm run start 与 npm run dev的区别？
1-具体看你package.json2-start和dev都是脚本start执行的就是dev的脚本- - > 最终目的是执行dev后面的
2019-06-26 18:11:41
24045
原创 Vue中的scoped及穿透方法 - - > scoped穿透
什么是scoped？在vue文件中的style标签上，有一个特殊的属性：scoped。当一个style标签拥有scoped属性时，它的CSS样式就只能作用于当前的组件，也就是说，该样式只能适用于当前组件元素。通过该属性，可以使得组件之间的样式不互相污染。如果一个项目中的所有style标签全部加上了scoped，相当于实现了样式的模块化。scoped的实现原理vue中的scoped属性的...
2019-06-26 16:29:42
5023
4
原创 在vue中如何使用他人封装好的方法- - >
1.在自己编写的子组件Script当中导入..记得一定要在components里面去注册2.然后再 看图效果：
2019-06-26 14:40:43
733
原创 vue本地启动方法
1、 装好nodejs 直接去nodejs官方网站下载安装包 -然后在cmd窗口里面输入 node -v 可以检测出来nodejs是否在全局环境下安装成功，如果显示出了版本号， 说明nodejs安装成功。2、 切换npm镜像在任意路径下用cmd输入“npminstall -g cnpm --registry=https://registry.npm.taobao.or...
2019-06-26 10:08:47
4259
转载 代码中的魔鬼数字 - - >
魔鬼数字的定义：在代码中没有具体含义的数字、字符串。魔鬼数字主要影响了代码可读性，其他程序员看到的数字无法理解其含义，从而难以理解程序的意图到底想要干什么。当程序中出现的魔鬼数字过多时，代码的可维护性将会急剧下降，代码变得难以修改，并容易引入错误。比如：修改后：解决方法：用常量定义魔鬼数字。这个是转载于简书，如造成其他影响，立刻删除。...
2019-06-12 09:38:24
1469
原创 json与jsonp的应用 - - >
（一）jsonwindow.JSON.parse() //用于将一个 JSON 字符串转换为 JavaScript 对象。window.JSON.stringify() //用于将 JavaScript 值转换为 JSON 字符串。取值*获取json数据*以“{”开头的是对象格式获取时用getJSONObject()*以“[”开头的是数组格式获取时用g...
2019-06-09 11:35:33
251
原创 vue-如何使用video
什么是Video.js？Video.js是一个有着HTML5背景的网络视频播放器。它同时支持HTM5和Flash视频，简单来说就是HTMl5 和 Flash 视频播放器！安装： $ npm install video.jsmain.js中引入：import Video from 'video.js'import 'video.js/dist/video-js.css' ...
2019-06-01 22:45:38
3759
原创 如何使用echarts
先给个全图：1.引入插件的js文件<!DOCTYPE html><html><head> <meta charset="utf-8"> <!-- 引入 ECharts 文件 --> <script src="echarts.min.js"></script></he...
2019-05-26 22:16:49
1390
原创 ES6新语法（前端必备）
（一）模板字符串使用方法：将字符串写在 ` ` 里->> 就是键盘上tab键上面那个键 允许多行并保留编辑格式（缩进和换行会予以保留） 支持内嵌表达式：语法：${表达式}let name = "Bob", time = "today";`Hello ${name}, how are you ${time}?`（二）浏览器加载defer与async的区别是：de...
2019-05-26 01:18:29
475
原创 JS基础（常用）
（一）js数据类型有什么1-undefined 2-boolean 3-string 4-number 5-object 6-Null（二）数组常用的方法？不要直接上来就是push,shift,pop在这里可以说一些比较别人不经常说的，比方说：splice,join,map,filter等等，还有es6的find,findIndex（三）字符串常用的方法split(),subs...
2019-05-26 00:05:17
184
原创 jquery基础（常用）
（一）jq的链式编程是怎么实现的呢？链式操作是通过对象上的方法最后return this 把对象再返回回来 就可以在使用方法了；如果是获取值，return 回来的就不是this，就会破坏链式编程（二）jq的入口函数 window.onload与$(function(){})？1-window.onload的区别01-window.onload 等页面加载完毕后执行(所有资源DOM树...
2019-05-25 23:31:54
128
原创 H5+CSS3基础（常用）
（一）说一下h5的新特性1-切记回答这个问题不要只说语义化标签，如果只说这个就废了,可以从自己的体验方面，去分析的说，不要死记硬背2-可以先说一下h5新增的语义化标签和js API01-语义化标签有:header,footer,aside,nav等02-还有在音频和视频方面的改进 -> 1.视频（video） 2.音频 (audio)03-js API 有如本地存储-&...
2019-05-25 22:53:57
393
原创 HTML+CSS基础（常用）
（一）请举例说出几种选择器？1-标签选择器（也就是元素选择器）2-ID选择器 （前面以”#”号来标志）3-后代选择器 （使用空格来分开----将对父元素的选择放在前面，对子元素的选择放在后面，中间加一个空格分开。）4-通用选择器 （也就是通配符 *来标志）5-伪类选择器 （比如 p:hover a:link a:visited）（二）如何理解CSS盒子模型？1-盒子...
2019-05-23 00:04:08
787
原创 HTTP请求状态和状态码
1、HTTP 请求方式相信大多数人使用 http 请求的时候经常用的只有两种，get 和 post。但是这并不是最好的选择，对于后台开发人员，一定希望前台传输的时候更加严谨，有可能我们的接口就能让他直接使用编写SQL语句（在最近的新项目开发的时候就遇到了，所以觉得还是有必要记录一下的）2-状态码...
2019-05-20 19:57:10
2763
原创 CSS3新特性Div盒子360度旋转
直接给你想360度不停旋转的盒子设置下面这个代码就ok了。很简单，如果有不懂的可以在下面留言，我帮你搞一搞。animation: circling 1s linear 0s infinite;@keyframes circling {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}...
2019-05-19 17:54:41
4393
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人