清淡描写-优快云博客

原创从零开始创建vue项目

Vue Cli3脚手架安装及初始化1.安装vue cli3脚手架npm install -g @vue/cli2.安装完成vue cli3后,在电脑任意位置运行cmd创建项目vue create my-demo3.这里按自己需求选择

2021-04-20 15:52:37 187

最近项目中有这样的需求，需要封装成公用方法这里就把转换千分位的方法发出来记录下 formatMoney:function(s, n) { n = n > 0 && n <= 20 ? n : 2; s = (s + "").replace(/,/g, ''); if(s === "" || isNaN(s)){ return ""; } s = parseFloat((s + "").replace(/[^\d\.-]/g, ""

2021-03-23 17:05:21 839

原创 json数据空值处理

//传入dataSource//null会转换成NULL显示changeData(dataSource) { let data = []; dataSource.forEach(item => { let o = {}; Object.keys(mapProps).forEach(k => { try{ //这里按照你json数据的key来做特殊处理 if (k == 'a') {

2021-03-23 16:43:58 2999

原创 call apply bind

一.call// 原理：就是利用 “点”定THIS机制，context.xxx=self “obj.xxx=func” => obj.xxx()Function.prototype.call = function call(context, ...params) { // this/self->func context->obj params->[10,20] let self = this, key = Symbol('KEY'),

2021-03-23 16:38:43 113

原创 Javascript数据类型检测

1.typeof//typeof 直接在计算机底层基于数据类型的值（二进制）进行检测//null二进制 000 对象都是000开头的所以null也被检测为 "object"//typeof 普通对象/数组对象/正则对象/日期对象 "object"typeof ''"string"typeof 12"number"typeof Array"function"typeof {}"object"typeof null"object"typeof NaN"number"2

2021-03-23 16:36:34 160

原创 IDEA自定义快捷代码块

代码块设置Settings > Live Templates > 选择自己代码语言点右边+号添加如下添加注释代码块 /* * @author 清淡描写 * @date $date$ * @email e-lingkaihang@geely.com * @Description * @param ...

2020-04-15 10:47:56 3211

原创 vue+elememtUI实现表单

代码： <template> <el-table v-loading="loading" :data="tableData" :border="true" :stripe="true" > <el-table-column ...

2020-04-13 17:52:31 323

原创跨文档通讯

01.跨文档通讯的概念02.跨文档通讯的核心-postMessage()方法代码实例：03.跨文档通讯浏览器支持

2020-03-10 13:40:27 144

原创 HTML5选择器、history

01.HTML5新增选择器css选择器：基础选择器：层次选择器：伪类选择器：css选择器之querySelector、querySelectorAll:02.HTML5之history语法：应用场景：代码实例：此时在pushState浏览器会抛出同源错误，需要关闭浏览器的安全策略。解决方法如下：（在谷歌浏览器安装目录下运行以下代码）...

2020-03-10 13:21:21 196

原创 HTML5新特性

01.HTML5新增标签02.HTML5新增表单输入框的类型代码实例：03.HTML5新增表单输入框的属性04.HTML5多媒体&Video05.HTML5的web存储功能06.HTML5的拖放释放功能实例如下：...

2020-03-10 12:51:35 198

原创 HTML5简介

01.HTML5发展历程02.HTML5设计目的03.HTML5新增特性04.HTML5对我们的作用

2020-03-10 12:28:30 147

原创 vue-cli4创建vue项目

1.卸载旧版本vue-cli不卸载旧版有时候会导致新版本不能安装的问题npm unistall -g vue-cli2.安装新版本vue-cli目前版本 v4.2.3npm istall -g @vue/cli3.创建项目vue create vue_shop4.卸载旧版本vue-clinpm unistall -g vue-cli5.自定义配置一般选择Babel,R...

2020-02-29 11:31:17 181

原创 React在vscode中设置自动补全jsx语法

进入Perferences>setting,搜索includeLanguages添加如下代码"emmet.includeLanguages": { "javascript": "javascriptreact"}如下图所示设置好后就可以用tab键补全jsx语法的代码块了...

2020-02-15 18:16:36 1536

原创 React开发环境搭建

安装NodeJS进入Node中文网，下载安装nodeJS。安装完成后，使用Win+R打开运行，然后输入cmd，打开终端。输入代码查看node和npm版本号，有版本号说明安装成功：node -vnpm -v脚手架安装在终端输入以下命令安装脚手架npm install -g create-react-appcreate-react-app是React官方出的脚手架工具，我们这里...

2020-02-15 17:16:51 162

原创 Javascript面向对象的理解

1.面向对象概念首先聊一下计算机语言的发展过程。机器语言 > 汇编 > 低级语言（面向过程，如C语言）>高级语言（面向对象，如Javascript,Java,Python等）>模块>框架>API可以看到随着计算机语言的发展，现在的开发越来越趋向与上层的开发而不关注底层是怎么实现的，今天主要讲面向对象的实现及特性。面向对象具有三大特点：封装性继...

2020-02-13 12:14:13 139

原创 Javascript中contains方法使用

题目描述查找两个节点的最近的一个共同父节点，可以包括节点自身输入描述:oNode1 和 oNode2 在同一文档中，且不会为相同的节点迭代实现： function commonParentNode(oNode1, oNode2) { for(;oNode1;oNode1 = oNode1.parentNode){ if(oNode1.contains(oNode2){ ret...

2020-02-13 12:12:52 1735

原创 Vue知识点整理

Vue知识点整理1.MVVM模型2.MVVM模型与MVC模型的区别？它与其他框架（如jquery）的区别是什么及适用场景？3.Vue的优缺点4.组件之间的传值5.路由之间跳转6.vue.cli自定义组件7.Vue引入组件8.Vue如何实现按需加载配合webpack设置9. 设置css只在当前组件起作用10.keep-alive的作用11.Vue中使用插件的步骤12.Vue中常用的生命周期钩子函数1...

2020-02-05 18:34:19 999

原创 opencv-python环境配置

安利一款python开发软件Anaconda，下载安装就百度吧打开其中的 Anaconda Prompt 进入Prompt界面：运行pip安装命令： pip install –upgrade opencv-python其他命令：升级pip python -m pip install pip -U 对于常用库，也可以采用conda中自带的库中进行下载：例如 cond...

2018-07-26 14:38:54 1033

原创 HTML页面标题前面的小图标实现

logo图片的格式必须是.ico格式的<link rel="icon" href="img/logo.ico" type="img/x-ico" />

2018-04-03 14:56:57 4405

原创 switchcase传函数作为参数的方法

一般的switch-case语法//通过传入value值判断不同的case，返回不同的值 switch(value) { case "严重拥堵":alert("严重拥堵");break; case "拥挤":alert("拥挤");break; case "缓行":alert("缓行");bre

2018-03-10 11:43:12 6481

原创 echarts源码学习

看到echarts源码dispatch timelinedata时的这一段timelineOption.data[self.currentIndex].name != null ? timelineOption.data[self.currentIndex].name : timelineOption.data[self.currentIndex]timelineOption.data[s...

2018-03-08 17:50:38 4247

原创 npm语法基础

npm：node.js package manager(Node.js 的包管理工具)使用npm命令安装模块npm install

2018-03-08 17:47:13 411

原创 instanceof运算符基本用法

html lang="en">head> meta charset="UTF-8"> title>instanceof运算符基本用法title>head>body>body>html>script> /** * @author： Kai(http://blog.youkuaiyun.com/qq_39793127) * @email：lkhls@qq.

2018-01-10 11:39:57 311

原创 instanceof用法与typeof用法实例

html lang="en">head> meta charset="UTF-8"> title>实例title>head>body>body>html>script> /** * @author： Kai(http://blog.youkuaiyun.com/qq_39793127) * @email：lkhls@qq.com * @des

2018-01-10 11:08:02 400

原创扩展原型对象

添加绑定函数html lang="en">head> meta charset="UTF-8"> title>扩展原型对象title>head>body>body>html>script> function Animal(name,color,Do) { this.name = name; this.color = col

2018-01-09 17:42:27 269

原创 Javascript继承（一）

html lang="en">head> meta charset="UTF-8"> title>类式继承title>head>body>body>html>script> // 类式继承的方式，用call和apply的方式将this指针传给父函数 function Super(){ //不能起super,

2018-01-09 14:20:43 188

转载 HTML页面加载和解析流程

HTML页面加载和解析流程：用户输入网址（假设是个html页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回html文件。浏览器开始载入html代码，发现标签内有一个标签引用外部CSS文件。浏览器又发出CSS文件的请求，服务器返回这个CSS文件。浏览器继续载入html中部分的代码，并且CSS文件已经拿到手了，可以开始渲染页面了。浏览器在代码中发现一个标签引用了一张图片，

2017-12-26 11:53:15 7633

转载 setcookie

setcookie() 函数向客户端发送一个 HTTP cookie。 cookie 是由服务器发送到浏览器的变量。cookie 通常是服务器嵌入到用户计算机中的小文本文件。每当计算机通过浏览器请求一个页面，就会发送这个 cookie。 .cookie 的名称指定为相同名称的变量。例如，如果被发送的 cookie 名为 “name”，会自动创建名为 $user 的变量，包含 cookie 的

2017-12-26 10:29:25 523

转载浏览器渲染

转：一、简单介绍一下什么是浏览器内核。浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“解释引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如HTML、JavaScript）并渲染（显示）网页。所以，通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也

2017-12-22 17:38:22 409

转载弹性布局

flex弹性布局学习总结 - Claiyre - 博客园 flex弹性布局学习总结本文首次发布在我的个人博客：Claiyre的个人博客 https://claiyre.github.io/博客园地址：http://www.cnblogs.co

2017-12-15 19:00:14 526

原创 html5+css+jquery完成时间显示

HTML5代码<div id="time"> <span id="hour"></span> <span id="data"></span></div>CSS代码#time{ float: right; width: auto; padding:0 50px; border-left: 2px solid rgba

2017-12-15 10:48:10 2318

原创 css设置宽高百分比及div盒子高度百分比减像素的方法

HTML代码：<body><div id="nav"> <div id="logo_wrap"> <div id="logo_img"></div> <div id="logo_text">hello,world</div> </div></div><div id="mainbody"></div></body>CSS代码：*{ mar

2017-12-14 11:01:44 6162

原创 javascript获取li列表中有active标签的序列号

javascript获取li列表中有active标签的序列号 Author:[前进的大牛]代码块代码块语法遵循标准markdown代码，例如：**需要引入jquery文件**------------HTML代码:<ul> <li>1</li> <li c

2017-12-06 18:10:19 12125

原创 indexOf函数解读

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>indexOf</title></head><body></body></html><script> /** * indexOf函数查取值在数组中所在的位置 * @memberOf module:zr

2017-11-28 17:47:45 1786

bootstarp2017后台管理页最新资源合集

bootstarp2017后台管理页最新资源合集，内容大小压缩后有70+M，总有你想要的

2017-12-14

精通CSS：高级Web标准解决方案（第2版）中文扫描版

精通CSS：高级Web标准解决方案》一书将最有用的CSS技术汇总在一起，还总结了CSS设计中的最佳实践，讨论了解决各种实际问题的技术，填补了一直以来CSS图书的空白。正因如此，英文版出版后，一时洛阳纸贵，多次重印，并迅速登上Amazon图书排行榜前列，最高时甚至与《哈利·波特》并驾齐驱，创造了计算机图书的销售奇迹。

2017-09-22

Web性能权威指南.pdf

《Web性能权威指南》是谷歌公司高性能团队核心成员的权威之作，堪称实战经验与规范解读完美结合的产物。《Web性能权威指南》目标是涵盖Web开发者技术体系中应该掌握的所有网络及性能优化知识。全书以性能优化为主线，从TCP、UDP和TLS协议讲起，解释了如何针对这几种协议和基础设施来优化应用。然后深入探讨了无线和移动网络的工作机制。最后，揭示了HTTP协议的底层细节，同时详细介绍了HTTP 2.0、 XHR、SSE、WebSocket、WebRTC和DataChannel等现代浏览器新增的具有革命性的新能力。《Web性能权威指南》适合所有Web应用及站点开发人员阅读，包括但不限于前端、后端、运维、大数据分析、UI/UX、存储、视频、实时消息，以及性能工程师

2017-09-22

空空如也

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

TA关注的人

bootstarp2017后台管理页最新资源合集

精通CSS：高级Web标准解决方案（第2版）中文扫描版

Web性能权威指南.pdf

JavaScript语言精髓与编程实践

JavaScript权威指南(第6版)(中文版)

JavaScript+DOM编程艺术

HTTP权威指南

Head First HTML与CSS、XHTML（中文版）

空空如也