python基础知识 IDE选择: pycharm变量python中变量的不需要定义也能直接赋值变量类型包括 数字类型Number, 字符串类型 String , 列表List, 元祖 Tuple, 字典 Dictionary数字类型import cmath # 包含复数运算的模块import mathprint('%d' % 1.5e+2) # 科学计数法 150print(1.5e-2) #...
面向对象程序设计 面向对象面向对象的语言有一个标志,它们都有类的概念,通过类可以创建任意多的具有相同属性和方法的对象。什么是对象呢?ECMA-262定义对象为: 无序属性的集合,其属性值可以包括基本值、对象或者函数...
VSCode 教程 之前一直使用的webstorm,一直被人安利vscode。下载与安装下载地址 https://code.visualstudio.com/汉化打开安装好的vscode 左侧最后一栏 扩展 搜索chinese 找到汉化 安装~ 需要重启最下方 提供了 错误与警告信息 以及当前光标所在的行列空格4代表当前缩进方式 点击可以 修改为tab缩进utf-8 编码规则项目的新建以及引入...
对 vue的computed的一些理解 首先说一下vue的响应式,数据模型仅仅是普通的js对象,当你修改它们的时候,视图就会更新。当把一个普通js对象传给Vue实例的data,Vue将遍历对象所有的属性,使用Object.defineProperty将这些属性转为getter/setter,在内部让Vue追踪依赖,在属性被访问或者修改的时候通知变化,每个组件实例都有watcher实例。它在组件渲染的途中把属性记为依赖,之后当依赖项的...
jquery的几种绑定事件的方法 bind只能对已经存在的元素绑定live把事件委托给根节点 documentdelegate性能 优于live 可以指定代理的节点one元素绑定的事件只触发一次on推荐使用!解决了上述绑定混乱的问题...
搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop clientHeight:包括padding但不包括border、水平滚动条、margin的元素的高度。对于inline的元素这个属性一直是0,单位px,只读元素。offsetHeight:包括padding、border、水平滚动条,但不包括margin的元素的高度。对于inline的元素这个属性一直是0,单位px,只读元素。出现滚动条的情况,子元素高度/宽度大于父元素的时候会出现,然后...
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...
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...
性能优化 图片优化PNG8、24、32的区别PNG8 支持2^8色 + 支持透明 (8比特表示一种颜色 颜色变化不大的情况可以使用PNG8PNG24 2^24 + 不支持透明PNG32 2 ^ 24 色 + 透明JGP压缩率高,图片有损耗,不支持透明PNG支持透明 ,浏览器兼容好webP压缩程度好,但在ios支持不好svg 代码内嵌,相对较小,适合图片简单的场景图片优化雪碧...
基础的表单 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin:0;
sass、less、stylus的区别 基本的写法区别less: 标准的css语法 ,有花括号和冒号h1 { color: #0982C1;}sass: 当然也可以写成上面那样 同时也可以不写花括号h1 color: #0982c1stylus: 花括号和冒号都可以不写 比较自由h1 color #0982C1变量上的差异Less 变量都是用@开头的@maincolor : #092873;@s...
less基本用法 webstorm配置less文件的方法参考http://blog.csdn.net/a562550212/article/details/51777725http://www.cnblogs.com/caiyuan9426/p/4663199.htmlkoala下载地址http://koala-app.com/index-zh.html变量less的 变量用@开头@nice-blue:...
stylus常用的功能 选择器传统css写法body { color: #fff;}stylus写法body color white当然也可以写成 color: white父级引用字符&指向父选择器。下面这个例子,我们两个选择器textarea和input在:hover伪类选择器上都改变了color值textarea,input color #A7A7A7 &:ho...
ps 新建设置ctrl+n存储预设 移动工具设置截取图层上方自动选择不要勾上 选择图层 然后按下ctrl加鼠标左键点击图层就可以选中啦视图设置视图那里勾上显示-智能参考线和标尺在窗口中调试右边面板如下再打开信息面板再点击上方 编辑-首选项-单位与标尺把标尺和文字都改为像素最后点击窗口-工作区-新建将设置的面板单独保存为切图 防止复位后...
jquery的DOM操作 创建HTMLDOM对象和jquery对象的区别DOM对象是浏览器渲染出来的元素 jquery对象是对0、1个或者多个DOM对象的包装 例如最后一个返回jquery版本号 创建HTML <!DOCTYPE html><html lang="en"><head> <meta c...
整理 1.前端安全问题有哪些,如何防范主要有XSS攻击和CSRF攻击xss:跨站脚本攻击,在网页里植入一段恶意代码,在该网站的作用域下执行了这段代码防范:1.在服务端设置对cookie的保护,也就是设置httponly,防止用户通过document.cookie来读取cookie2.对用户的输入进行编码和解码,以及转义和过滤用户的输入内容,过滤掉用户输入的dom属性以及style iframe...
vue相关 1.vue的MVVMMVVM 全称 model view view-model,是一种设计思想。model层代表数据模型,可以在model层中定义数据修改和操作的业务逻辑。view代表ui组件,负责将数据模型转化为ui展现出来。view-model是一个同步view和model的对象在这种架构下,view和model之间没有直接的联系,而是通过viewmodel来进行交互,这种交互是双...
websocket 由于 http 存在一个明显的弊端(消息只能有客户端推送到服务器端,而服务器端不能主动推送到客户端),导致如果服务器如果有连续的变化,这时只能使用轮询,而轮询效率过低,并不适合。于是 WebSocket 被发明出来。websocket的特点(与http的对比)本质还是tcp连接1.支持双向通信,实时性更强最大特点就是,服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息2.可...
自己配置webpack4.x vue开发/生产环境 先上配置文件吧~package.json{ "name": "vuewebpack", "version": "1.0.0", "description": "", "main": "index.js&
restful API 什么是restful api?是rest风格api设计规范,用于web数据接口设计什么场景使用呢?如今前端展示媒介有手机 电脑 平板等等那么这些媒介统一接收用户请求由一个后台处理并把处理结果返回给不同的前端是 最有效率的RESTful API就是一套协议来规范多种形式的前端和同一个后台的交互方式。那么RESTful api有哪些设计原则和规范呢?资源:例如图片。文本、音频JSON...