自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(173)
  • 资源 (4)
  • 收藏
  • 关注

原创 【CSS】CSS BEM思想

1. 什么是BEM?Block将所有东西都划分为一个独立的模块,一个header是block,header里嵌套的搜索框是blockElement!误区:如果一个Element-son是另一个Element-father的子元素,那么写法是 Block__Element-father__Element-son_Modifer,嵌套多了会很长么?不是的!!!一个Block下的所有Element无论相互层级如何,都要摊开扁平的属于Block所以 BEM 最多只有 B+E+M 三级,不可能出

2021-01-27 22:24:06 12

翻译 【vue2.x】响应式依赖注入

响应式依赖注入在vue框架的设计中,依赖注入并不是响应式的。即使是有很多人包括我自己也希望它是。可以使用data()方法或者Vue.observable创建一个响应式对象,这样在使用依赖注入的时候也是响应式的。1. 使用 data() 方法创建一个依赖注入的响应式对象export default { provide() { return { reactive: this.reactive }; }, data() { return { react

2021-01-22 18:33:42 23

原创 【图解HTTP】常用协议

访问一个百度,用到了什么协议?想访问百度使用dns协议解析出ip地址http协议生成目标服务器的请求报文方便传输,tcp协议将报文分割成为报文段,三次握手,进行可靠的传输ip协议,搜索地址,一边传送一边中转。服务器数据链路层收到,tcp报文重组,使用http协议处理请求的web内容常见的协议ip协议,tcp协议,http协议,dns协议tcp/ip 从底层至顶层共计4层:tcp/ip协议应用层 – http协议、dns协议传输层 – tcp协议网络层 – ip协议数

2021-01-16 22:59:40 8

翻译 【H5 CSS】progress元素样式

progress以下是progress的基本标签<progress></progress>根据w3c的定义,progress元素代表任务的完成度。一个progress元素标签有开始标签和结束标签。除了通用的全局属性外,它还拥有两个自己的属性max -表示有多少任务需要完成。如果未设置,默认为1.0value -表示现在的完成的进度。value的取值最好是 0.0<=value<=1.0进度条的状态一个进度条有两种状态:不确定和已确定不确定-即

2020-12-31 19:16:54 21

翻译 【vue】vue插件学习

首先,一点小内容要讲:插件对于vue来说不是特有的,jq也有,你会发现有大量不同的插件做不同的事情。下一个定义就是:它们都提供一个接口去做扩展。tips:插件其实就是一种全局方法插入到app中进行扩展,以便自己的使用。vue的插件文档尽可能的详细的描述了插件并且提供了关于插件的常用类别:添加一些全局方法或者属性添加一个或者多个全局资源:directives/filters/transitions等等利用全局混入(mixin)添加一些组件选项增加一些vue实例方法,通过Vue.proto

2020-11-18 15:12:12 121

原创 【vue】vue组件通信

1. 组件之间的通信1.1 事件处理模式子组件向父组件通信 => 使用 emit , 触发事件父组件接收信息 => 使用v-on,监听事件在一个组件的根元素上直接监听一个原生事件 - $listeners1.2 属性传递props 父组件使用属性,对子组件通信1.3 非 Prop 的 Attribute一个非 prop 的 attribute 是指传向一个组件,但是该组件并没有相应 prop 定义的 attribute因为显式定义的 prop 适用于向一个子组件传

2020-11-17 15:01:59 24

原创 【window-js】Web Storage

1. Web Storage APIStorage 提供了访问特定域名下的会话存储或本地存储的功能,例如,可以添加、修改或删除存储的数据项。存储对象是简单的键值存储,类似于对象,但是它们在页面加载时保持完整。键和值始终是字符串(请注意,与对象一样,整数键将自动转换为字符串)2. Web Storage 包含如下两种机制:sessionStorage 为每一个给定的源(given origin)维持一个独立的存储区域,该存储区域在页面会话期间可用(即只要浏览器处于打开状态,包括页面重新加载和恢复)。

2020-09-10 17:33:36 26

原创 【window-js】Window.history 小结

1.Window.history 是啥?Window.history 是一个只读属性,用来获取History 对象的引用,History 对象提供了操作浏览器会话历史(session history)的接口tip:浏览器的回退和前进按钮旁的下拉菜单显示了可以通过History对象访问到的页面会话历史(session history)列表未授权代码无法清除会话历史(session History),也不能禁用回退/前进功能。最快捷的可用方式是使用location.replace()方法,提供指定

2020-09-04 18:11:06 63

原创 【git】只add后reset,找add的文件

手贱操作:git reset --hard sha1恢复时,把add的内容直接覆盖掉,找不到代码了。因为只有add,git reflog无用,git fsck --lost-found 里边也找不到个啥。ps:至今未找到.git/lost-found/other 文件夹在哪。真的奇了怪了。恢复方法:find .git/objects -type f 出现以下内容-r--r--r-- 1 sssfff 1049089 297 5月 9 14:40 .git/objects/14/

2020-05-09 18:25:41 233

原创 【git】 ssh拉代码,为何出现timeout链接超时?

原因:1.公司屏蔽了端口22的访问,检测一下端口22是否能够链接?2.本机防火墙的缘故而不能使用端口22?windows下检测端口是否能够访问?PowerShell 版本是5及其以后,直接使用命令Get-NetTCPConnection参看与端口相关的信息PS C:\> $PSVersionTableName Value-...

2020-05-07 18:59:11 831

原创 【vue】less 全局变量的配置

安装style-resources-loader;在vue.config.js中的pluginOptions添加第三方插件:a.引入路径:const path = require(‘path’);b,配置:pluginOptions: { 'style-resources-loader': { preProcessor: ...

2020-05-06 16:37:16 174

原创 【css flex】关于flex布局的一些缩写

flex-flowflex-flow : flex-direction flex-wrapflex-flow:row nowrap (默认值)flexflex : flex-grow flex-shrink flex-basisflex: 0 1 auto (默认值)该属性有两个快捷值:auto (1 1 auto) 和 none (0 0 auto)。flex-basis...

2020-04-30 18:26:08 188

原创 【css】页面适配

1.认识vm,rem,em,pxvw [ Viewport Width ]1vw = 1% * 视口宽度。也就是说,一个视口就是100vw。px [ pixel ]。px是屏幕设备物理上能显示出的最小的一点。这个点不是固定宽度的,是相对长度单位。在桌面浏览器中,1个像素往往是对着电脑屏幕的1个物理像素,但是在移动端,随着Retina屏的流行,分辨率提高了,css中的1px并不等于设...

2019-12-23 18:16:34 148

翻译 【javascript】数组中计算最大最小值

从数组中计算最大最小值在Math对象中已经有现成的方法去计算参数里的最大最小值。Math.max(1, 2, 3, 4); // 4Math.min(1, 2, 3, 4); // 1但是此方法不会对数组生效,但是这里有一些方法间接利用此函数。Function.prototype.apply() 调用一个给定的this值并接受数组提供的参数func.apply(thisArg, ...

2019-12-13 17:52:40 58

原创 【git】git bash 快捷键

git bash 快捷键如果是输出状态,首先按Esc键退出输入状态,然后按 Shift+; ,再输入q!或wq!(不保存改动,wq!是保存文件的写入修改)退出。编辑器有三种模式:1、命令行模式 2、末行模式 3、输入模式。shift +ESC (进入命令行模式)o/i/a(进入或退出 输入、末行和命令行模式)末行模式可以按 ctrl+; 它的主要功能是退出编辑器,也...

2019-10-29 18:33:15 163

原创 【HTTP】跨域资源共享 Cross-Origin Resource Sharing

跨域资源共享-Cross-Origin Resource Sharing什么是跨域例如有个前端js资源从a站点加载,而利用XHR从B站点请求一个json文件CORS背后的基本思想,就是使用自定义的 HTTP头部 让浏览器与服务器进行沟通,从而决定请求或响应是应该成功,还是应该失败。比如一个简单的使用 GET 或 POST 发送的请求,它没有自定义的头部,而主体内容是 text/pl...

2019-10-29 18:04:59 67

原创 【css】table-border样式小结

关于table这个tag内嵌标签: thead(可选)、tbody(可选)、td、tr、colgroup 、caption(可选)属性:align ,bgcolor ,bordercolor,border ,cellpadding ,cellspacing ,frame ,width ,summary ,rules 。现在的table的属性基本已经过时,都使用css进行设置table样式。...

2019-09-25 20:30:04 140

翻译 【javascript】数字格式化--金钱

在js中有许多种方式能够将逗号作为千位分隔符把整数进行格式化。最简单的方式就是利用String.prototype.replace()方法,只需使用以下两个参数即可。regular expression: (?=(\d{3})+(?!\d))replacement value: $1,使用正则表达式去做,然后将要匹配的数字使用$1,进行替换了。这个$1是一个特殊的替换字符,它保存第...

2019-09-25 19:39:03 71

翻译 【javascript】创建javascript数组的小技巧

一些关于创建和克隆数组的小tips。在javascript中,没有太多复杂的数据类型,只会看见array和object。 然而,在es6中,加入了几个数据类型和数据结构,如:symbol,set,和map。array 在javascipt中是类似拥有长度的一个对象列表,可以用数字当做索引。在此文章中,我将会分销一些关于创建新数组和克隆数组的小技巧创建数组:使用数组构造器最流行创...

2019-05-30 17:43:20 52

翻译 【nodejs】翻译-- 使用nvm管理在电脑上装的多版本的nodejs

当你开发nodejs的 应用时,你可能会面对这么一种情况,就是你需要装多个不同版本的node在电脑上。这种情况可能发生在,当你有多个项目时,里边有不同的版本依赖需要去安装不同的版本,又或者正在开发的应用需要去兼容不容的node版本。没有一个好工具的话,基于一个项目的特定版本要求,这会增加许多大量的工作量并且会手动的去装很多不同的版本。幸运的是,这里有个好工具。介绍nvmnvm就是一款nod...

2019-05-27 18:37:40 105

原创 【javascript】关于for语句中settimeout的代码理解

for (var i = 0; i &lt; 10; i++) { setTimeout(() =&gt; { console.log(i) }, i * 1000)}//打印输出10个10为什么打印输出10个10?javascript是单线程语言 在浏览器中一个页面永远只有一个线程在执行js脚本代码(在不主动开启新线程的情况下)。javascript...

2019-03-10 15:00:52 159

原创 【js】es6中关于promise对象

1.Promise 的三种状态Pending----Promise 对象实例创建时候的初始状态Fulfilled---- 可以理解为成功的状态Rejected---- 可以理解为失败的状态2.promise 的链式调用每次调用返回的都是一个新的 Promise 实例 (这就是 then 可用链式调用的原因);如果 then 中返回的是一个结果的话会把这个结果传递下一次 then 中的成...

2019-01-16 16:38:30 85

转载 【vue-cil】 vue-cil 开发总结

1.  项目运行时+编译器(Runtime+Compiler)版本vs只含有运行时版本(Runtime-only)--尽可能使用只含有运行时的构建版本如果你需要在客户端编译模板(例如,向 template 选项传入一个字符串,或者需要将模板中的非 DOM 的 HTML 挂载到一个元素),你需要带有编译器的版本,因而需要完整构建版本。// 这种情况需要编译器(compiler)new V...

2018-10-17 11:51:43 206

原创 【vue】关于vue组件的小结

1.vue父子组件通信,老是报warining某某属性无定义的问题:        在子组件中,定义一个属性prop form: { type:Object, default(){ return{ name:"", } } }            ...

2018-10-17 11:50:30 87

原创 【css】关于图片自适应的技巧

1. 两个div , 最外层div 则是设定图片的宽高,里层的div则设置图片的url,利用background属性进行图片的加载,在做头像的时候就可以做到剪裁加载。内层div的css设置:/*设置图片样式*/.img{ width: 100%; height: 100%; background-position: center; background-size:cov...

2018-10-17 11:49:20 2043

转载 【js】js对象拷贝

原文链接:https://medium.com/@Farzad_YZ/3-ways-to-clone-objects-in-javascript-f752d148054d 

2018-10-08 10:20:38 66

转载 【css】svg 注意事项

给个原文链接: https://css-tricks.com/using-svg/

2018-10-08 10:20:19 197

原创 【css】多个子项目中间间隔固定排列

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;style&gt;.flex-container { display: flex; width:640px; flex-wrap:wrap; align-items: stretch; background-color: #f1f1f1;}.flex-contain...

2018-10-08 10:20:06 710

转载 【css】禁止鼠标点击

原文链接:https://www.cnblogs.com/wangking/p/5889300.html

2018-10-08 10:19:54 2349

转载 【js】事件区分 mouseover mouseout

不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。对应mouseout 只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。对应mouseleave 原文链接:   https://blog.csdn.net/cao199408/article/details/70210826       ...

2018-09-30 15:18:11 199

原创 【js】笔记篇---对象及其属性

访问对象属性时候,例如,定义一个对象zx有属性a:1和b:3,然后在原型链上_pro_上挂b:2和c:4 ,  此时zx.b 则是输出3,而proto的b则不会打印出来,这称之为属性遮蔽。其实也可称为就近原则JavaScript 对象有一个指向一个原型对象的链。当试图访问一个对象的属性时,它不仅仅在该对象上搜寻,还会搜寻该对象的原型,以及该对象的原型的原型,依次层层向上搜索,直到找到一个名字匹配...

2018-09-30 15:15:09 66

原创 【css】 元素垂直居中

第一种:利用css的transform变形。ps:这个真好用。 position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)第二种:ie9就不用想了。flex布局ps: 宽高是一定要的,这是外层元素设置内层子元素的垂直居中。display:flex;just-conte...

2018-09-30 15:12:13 70

转载 【js】数组根据某属性移除元素

翻翻MDN的数组方法就可以看到filter详情介绍。 给上原文链接: https://blog.mariusschulz.com/2016/07/16/removing-elements-from-javascript-arrays

2018-09-30 15:05:30 3320

原创 【css】css图标---删除和十字

 

2018-09-30 15:00:54 1000

原创 【vue】打包注意事项-----Google浏览器很神奇

Google浏览器很神奇,application不注意就会看到源码,然而在火狐上并没有观察到。如果不想让vue源文件显示出来,可以在config/index.js中build的productionSourseMap:true改为false即可。PS:以前居然没注意这个问题,失策。...

2018-09-30 14:55:00 363

原创 【js】js判断PC端还是Mobile端

if (navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent....

2018-09-30 14:47:08 137

原创 【微信小程序】组件----点击按钮滚动到顶部

在page页面主要使用onPageScroll事件进行页面的scroll监听。ps:此时的上拉和下拉等操作使用页面的onPullDownRefresh和onReachBottom。 onPageScroll: function(e) { // this.selectComponent 可以访问组件的任何属性及其方法 if (e.scrollTop &gt; wx.get...

2018-09-30 14:38:47 2321

原创 【微信小程序】上拉刷新和下拉加载

上拉刷新和下拉加载有两种方式可以实现:1.使用scroll-view组件进行操作,使用自带的scrolltoupper和scrolltolower事件可以实现。适合页面局部的上拉下拉。附上文档:https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html   2.使用page页面事件处理函数 ...

2018-09-30 14:15:50 1144

原创 【微信小程序】 storage的小结

微信本地存储,为此提供了好几个方法。api文档如下:https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.getStorage.htmlhttps://developers.weixin.qq.com/miniprogram/dev/api/data.html#wxsetstorageobject    ps...

2018-09-30 13:58:33 2835

原创 【js】 undefined的判断

let ym;ym=='undefined'   &gt;&gt;falseym==undefined  &gt;&gt;true typeof ym=='undefined'  &gt;&gt;truetypeof ym==undefined  &gt;&gt;false注意: typeof的结果是字符串  typeof(typeof ym)&gt;&gt;'string'        ...

2018-06-26 21:47:20 2314 4

EF_简单实例

ef code first的简单示例。基本使用便是data annotations和Fluent API以及一个nuget包中的cmd使用。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

2017-09-18

htm5css3做的登录注册

2017-02-06

java哥德巴赫猜想

java哥德巴赫猜想。保证没错,奇数和偶数猜想都有。

2014-03-10

turboc3.

C++初学使用编译环境。

2012-11-18

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除