花江夏树-优快云博客

原创 python基础知识

IDE选择： pycharm变量python中变量的不需要定义也能直接赋值变量类型包括数字类型Number, 字符串类型 String ，列表List, 元祖 Tuple, 字典 Dictionary数字类型import cmath # 包含复数运算的模块import mathprint('%d' % 1.5e+2) # 科学计数法 150print(1.5e-2) #...

2019-08-13 19:30:23 239

原创面向对象程序设计

面向对象面向对象的语言有一个标志，它们都有类的概念，通过类可以创建任意多的具有相同属性和方法的对象。什么是对象呢？ECMA-262定义对象为：无序属性的集合，其属性值可以包括基本值、对象或者函数...

2019-07-20 22:32:03 175

原创 VSCode 教程

之前一直使用的webstorm，一直被人安利vscode。下载与安装下载地址 https://code.visualstudio.com/汉化打开安装好的vscode 左侧最后一栏扩展搜索chinese 找到汉化安装~ 需要重启最下方提供了错误与警告信息以及当前光标所在的行列空格4代表当前缩进方式点击可以修改为tab缩进utf-8 编码规则项目的新建以及引入...

2019-07-13 17:45:09 2263

首先说一下vue的响应式，数据模型仅仅是普通的js对象，当你修改它们的时候，视图就会更新。当把一个普通js对象传给Vue实例的data，Vue将遍历对象所有的属性，使用Object.defineProperty将这些属性转为getter/setter，在内部让Vue追踪依赖，在属性被访问或者修改的时候通知变化，每个组件实例都有watcher实例。它在组件渲染的途中把属性记为依赖，之后当依赖项的...

2019-04-28 23:06:04 4075

原创 jquery的几种绑定事件的方法

bind只能对已经存在的元素绑定live把事件委托给根节点 documentdelegate性能优于live 可以指定代理的节点one元素绑定的事件只触发一次on推荐使用！解决了上述绑定混乱的问题...

2019-04-22 23:57:15 627

原创搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop

clientHeight：包括padding但不包括border、水平滚动条、margin的元素的高度。对于inline的元素这个属性一直是0，单位px，只读元素。offsetHeight：包括padding、border、水平滚动条，但不包括margin的元素的高度。对于inline的元素这个属性一直是0，单位px，只读元素。出现滚动条的情况，子元素高度/宽度大于父元素的时候会出现，然后...

2019-04-22 10:00:33 332

原创 first-child和first-of-type的区别

直接上代码// html<div class="type"> <p>1</p> <h1>2</h1> <span>s1</span> <span>s2</span></div>//js // first-child conso...

2019-04-21 21:16:43 361

原创 node.js入门

node.js是什么 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 Node.js 的包管理器 npm，是全球最大的开源库生态系统。 I/O 阻塞：I/O时进程休眠等到I/O完成后进行下一步非阻塞：I/O时函数立即返回，进程不等待I/O完成事件驱动 I...

2019-04-08 18:02:14 238

原创性能优化

图片优化PNG8、24、32的区别PNG8 支持2^8色 + 支持透明（8比特表示一种颜色颜色变化不大的情况可以使用PNG8PNG24 2^24 + 不支持透明PNG32 2 ^ 24 色 + 透明JGP压缩率高，图片有损耗，不支持透明PNG支持透明，浏览器兼容好webP压缩程度好，但在ios支持不好svg 代码内嵌，相对较小，适合图片简单的场景图片优化雪碧...

2019-03-31 23:33:17 130

原创基础的表单

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin:0;

2019-03-14 09:58:04 155

原创 sass、less、stylus的区别

基本的写法区别less：标准的css语法，有花括号和冒号h1 { color: #0982C1;}sass：当然也可以写成上面那样同时也可以不写花括号h1 color: #0982c1stylus：花括号和冒号都可以不写比较自由h1 color #0982C1变量上的差异Less 变量都是用@开头的@maincolor : #092873;@s...

2019-01-12 23:27:39 1154

原创 less基本用法

webstorm配置less文件的方法参考http://blog.youkuaiyun.com/a562550212/article/details/51777725http://www.cnblogs.com/caiyuan9426/p/4663199.htmlkoala下载地址http://koala-app.com/index-zh.html变量less的变量用@开头@nice-blue:...

2019-01-12 23:08:27 287

原创 stylus常用的功能

选择器传统css写法body { color: #fff;}stylus写法body color white当然也可以写成 color: white父级引用字符&指向父选择器。下面这个例子，我们两个选择器textarea和input在:hover伪类选择器上都改变了color值textarea，input color #A7A7A7 &:ho...

2019-01-12 22:41:36 515

原创 ps

新建设置ctrl+n存储预设移动工具设置截取图层上方自动选择不要勾上选择图层然后按下ctrl加鼠标左键点击图层就可以选中啦视图设置视图那里勾上显示-智能参考线和标尺在窗口中调试右边面板如下再打开信息面板再点击上方编辑-首选项-单位与标尺把标尺和文字都改为像素最后点击窗口-工作区-新建将设置的面板单独保存为切图防止复位后...

2019-01-08 23:32:56 458

原创 jquery的DOM操作

创建HTMLDOM对象和jquery对象的区别DOM对象是浏览器渲染出来的元素 jquery对象是对0、1个或者多个DOM对象的包装例如最后一个返回jquery版本号创建HTML <!DOCTYPE html><html lang="en"><head> <meta c...

2019-01-08 23:32:20 3996

原创整理

1.前端安全问题有哪些，如何防范主要有XSS攻击和CSRF攻击xss：跨站脚本攻击，在网页里植入一段恶意代码，在该网站的作用域下执行了这段代码防范：1.在服务端设置对cookie的保护，也就是设置httponly，防止用户通过document.cookie来读取cookie2.对用户的输入进行编码和解码，以及转义和过滤用户的输入内容，过滤掉用户输入的dom属性以及style iframe...

2019-01-08 23:21:44 2190

原创 vue相关

1.vue的MVVMMVVM 全称 model view view-model，是一种设计思想。model层代表数据模型，可以在model层中定义数据修改和操作的业务逻辑。view代表ui组件，负责将数据模型转化为ui展现出来。view-model是一个同步view和model的对象在这种架构下，view和model之间没有直接的联系，而是通过viewmodel来进行交互，这种交互是双...

2019-01-06 23:46:28 308

原创 websocket

由于 http 存在一个明显的弊端（消息只能有客户端推送到服务器端，而服务器端不能主动推送到客户端），导致如果服务器如果有连续的变化，这时只能使用轮询，而轮询效率过低，并不适合。于是 WebSocket 被发明出来。websocket的特点（与http的对比）本质还是tcp连接1.支持双向通信，实时性更强最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息2.可...

2019-01-03 20:14:24 124

原创自己配置webpack4.x vue开发/生产环境

先上配置文件吧~package.json{ "name": "vuewebpack", "version": "1.0.0", "description": "", "main": "index.js&

2018-12-31 23:09:47 773

原创 restful API

什么是restful api?是rest风格api设计规范，用于web数据接口设计什么场景使用呢？如今前端展示媒介有手机电脑平板等等那么这些媒介统一接收用户请求由一个后台处理并把处理结果返回给不同的前端是最有效率的RESTful API就是一套协议来规范多种形式的前端和同一个后台的交互方式。那么RESTful api有哪些设计原则和规范呢？资源：例如图片。文本、音频JSON...

2018-12-28 15:22:02 180

原创遇到的一些小问题

1.页面最上层的右边导航用float：right 其中的li float：left 就可以并排例如登录 | 注册的|可以直接用 | 设置padding：0 10px 就可以达到效果2.vue中的slot组件就是外部调用时标签中的内容如果没有内容就使用自己的默认内容3.vue-axios 功能特性 1、在浏览器中发送 XMLHttpRequests 请求 2、在 ...

2018-11-14 23:31:25 4247

原创 js面试笔记

引用类型：对象数组函数typeof只能区分值类型的详细类型例如前四个针对引用类型就不能区分只能区分函数变量类型 ——强制转换问题1：typeof能得到的类型undefined string number Boolean object function 面试的时候可以补充引用对...

2018-11-14 23:30:52 210

原创面试题整理

1.谈谈对前端安全的理解，有什么，怎么防范安全问题主要有xss 、CSRF攻击 xss：跨站脚本攻击攻击者将恶意代码植入到提供给其他用户使用的页面中，可以理解为一种javascript代码注入防范措施：1.过滤用户的输入输出2.使用cookie 的httpOnly属性加上这个属性的cookie js无法进行读写在浏览器中的document对象中，就储存了...

2018-11-14 23:27:32 284

原创 php入门

PHP入门echo是php的输出语句类似于console可以做计算&lt;?php echo 1 + 2;?&gt; 输出3做字符串拼接&lt;?php echo "hello"."friends" ?&gt;变量&lt;?php // 定义变量echo $var = 'hello google' ?&am

2018-11-13 20:09:38 657

原创跨域

1.js中使用jsonp 原理：客户端通过script标签的src属性向服务端发送请求，服务端返回一个js形式的数据内容，客户端通过执行函数接收数据内容。缺点：①只能发送GET请求，复杂的请求内容无法提交。 ②必须保证服务端返回的数据内容能被js处理 var btn = document.getElementById('btn'), store = document....

2018-09-14 15:52:16 151

转载 jquery插件

我想要得到的javascript 插件应该会有以下几个特征代码相对独立链式操作插件可配置有可操作的方法，插件的生命周期可控制配置可被缓存可扩展无冲突处理事件代理，动态初始化以下的代码均假设存在 jQuery插件的第一形态面对这种情况，通常我们会通过定义function的方式来实现。复制代码代码如下:function pluginName(s...

2018-08-30 17:01:40 147

原创 AJAX 和 JSON

XMLHttpRequest对象 if (xhr.readyState === 4 && xhr.status == 200) {//前一个检测请求是否完成后一个确保请求成功了因为请求失败也是4 所以要结合状态码来看在本地安装服务器的几个方式 html lang="en">head> meta charset="utf-8"> title>表单提交ti

2018-07-04 17:16:07 2755 1

原创 jquery事件

添加事件 html>html lang="en">head> meta charset="UTF-8"> title>demotitle>head>body> h2>titleh2> div class="item"> p>Lorem ipsum dolor sit amet.p> div

2018-07-03 20:55:54 213

原创 bootstrap3 笔记

使用 1.一定要加 <!DOCTYPE html> 2.导入js 导入css <script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script><link href="http://how2j.cn/study/css/bootstrap/3.3.6/bo...

2018-04-21 18:12:22 367

原创 zepto

zepto元素和dom元素的互相转换 // zepto对象转成DOM对象 // $('#one')[0].className = 'two'; // $('#one').get(0).className = 'thr'; //DOM对象转成zepto对象 $(one).addC...

2018-04-17 22:15:52 1063

原创 vue入门

vue功能数据渲染/数据同步组件化/模块化其他：路由，ajax，数据流js、css、html在同一个文件里还可以在组件里例如 <style lang=less>的方式用less来编译样式vue实例对象el决定了把这个对象挂载到哪里例如 el: 'body 放在body下template 模板data数据components 可以把其他组件引用到根组件里 new Vue（{co...

2018-03-13 16:26:35 865

原创 jquery常用工具函数

$.support可以判断浏览器是否支持某些特性（不常用）有个专门检测的库 Modernizrhttps://modernizr.com/处理js对象和集合移除字符串两边的空白字符 $.trim() //Trim // var str = ' hello world '; // // console.log(

2018-01-24 16:47:57 338

原创 jquery动画

隐藏和显示show（）、hide（） setTimeout(function () { $('#box1').hide()； setTimeout(function () { $('#box1').show() }, 2000) }, 2000)以前的版本有bu

2018-01-24 14:39:39 241

转载 Array.prototype.slice.call()方法详解

先给个例子，这是jqFloat插件里的代码：if (element.data('jDefined')) { if (options && typeof options === 'object') { methods.update.apply(this, Array.prototype.slice.call(arguments, 1)); }} else {

2018-01-08 16:04:59 174

原创 jquery插件

寻找插件 1.jquery 官网plugin 2.npm 上搜索相应的功能加上jquery关键字3.github上搜 star超过1000的4.谷歌百度*读源码是提高水平的捷径slick插件http://kenwheeler.github.io/slick/html>head>

2017-12-29 21:14:26 401

原创 jQuery的选择器

$(）.ready 和 window.onload 有的页面，实际上dom结构已经加载完毕了，但是它还在等待加载一些内容，比如图片、iframe框架页面等等，而onload事件，必须等待这些内容都加载完毕之后，才能触发；ready方法只会判断dom元素是否加载完毕，而不会等待图片、框架等内容的加载，这样响应就会快很多；ready方法和onload不要一起使用，要不可能会发生

2017-12-20 21:50:56 194

原创正则表达式

找出字符串中符合规则的字符由普通字符（26个英文字母和数字等）和特殊字符 . / 等组成创建正则表达式的正确方法？ 1.new RegExp('lg exp ');2./正则表达式/html>html lang="zh-CN">head>meta charset="UTF-8" />title>创建正则表达式的两种方式title>head>

2017-12-05 18:01:54 330

原创 js 事件

常见事件类型：用户点击事件鼠标经过特定事件用户按下键盘事件用户滚动窗口或改变窗口大小页面元素加载完或加载失败定义事件例子三种绑定事件的方法优缺点直接在html中绑定的方式不要用！！！勘误

2017-12-03 17:22:51 210

原创 js DOM属性

div url="http://www.baidu.com" xxx="aaa" Yyy="bbb" xxx="ccc">div>固有属性propertyhtml>html> head> meta charset="utf-8"> meta name="viewport" content="width=device-width, initial

2017-12-02 16:26:43 749

原创 js DOM操作

DOM节点操作：增删改查问：document.write()创建节点的不足页面加载完成之后，使用document.write()这种方式会将页面重写，所以会覆盖掉页面中原有的元素。creat创建节点

2017-12-02 11:28:18 527

空空如也

空空如也