- 博客(48)
- 收藏
- 关注
RSS订阅转载 实现一行文字两端对齐
需求中有时会遇到字数不同却需要两端对齐，如下图结构：在字中间加空格并不能完全对齐。css中有属性text-align: justify，在文字内容超过一行时可实现对齐。如图所示，文字只有一行，实现对齐时需借助行内空标签实现。<span class="name">用户名：<i></i></span>.name {...
2019-09-27 19:54:00
384
转载 监听页面滚动
监听页面滚动事件window.onscrollwindow.addEventListener('scroll', function () { //函数体})获取页面滚动高度document.documentElement.scrollTop在桌面端可用，在移动端值一直为0document.body.scrollTop在移动端可用，在桌面端...
2019-09-19 19:35:00
183
转载 export default和export的使用方法
Node中向外暴露成员，使用module.exports和exportsmodule.exports = {}Node中导入模块var 名称 = require('模块标识符')在ES6中规定了如何导入和导出模块导入：import 模块名称 from '模块标识符'import '标识路径'导出，使用export...
2019-03-25 23:51:00
610
转载 webpack安装jQuery报错
使用webpack搭建项目，并使用了node下载了jQuery使用，使用命令行完成构建时发现报错了，ERROR in ./node_modules/jquery/lib/node-jquery.jsModule not found: Error: Can't resolve 'jsdom'...ERROR in ./node_modules/jquery/lib/no...
2019-03-11 23:02:00
294
转载 vue路由vue-router
什么是路由后端路由对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上的资源前端路由对于单页面应用程序来说，主要通过URL中的hash(#)来实现不同页面的切换，hash有一个特点，HTTP请求中不会包含hash相关的内容。所以单页面程序中的页面跳转主要用hash实现。这种通过hash改变来切换页面的方式叫做前端路由。路由的基本使用...
2019-01-16 19:49:00
82
转载 vue组件之间传值
父组件向子组件传值父组件可以在引用子组件时，通过属性绑定（v-bind:）的形式，把数据传递给子组件。在子组件的props中定义后即可使用数据<div id="app"> <!-- 如果父组件传递的是静态的值，可以不用加:进行绑定 --> <!-- props命名驼峰式。在html中以短横线分隔命名 --> &...
2019-01-16 16:05:00
67
转载 创建数组新方法
今天遇到一个需求，想创建一个长度为81的数组，数组的每个值都等于它的索引值。于是我用下面方法做var arr = new Array(81)var arr2 = arr.map((item, index) => { return index})console.log(arr2)打印结果如下可以看出arr2仍然是一个长度为81的没有值...
2019-01-14 20:16:00
108
转载 VUE动画Javascript钩子不生效问题记录
举例小球动画如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2019-01-12 23:08:00
206
转载 vue-resource
除了vue-resource外，也可使用axios的第三方包实现数据请求发送get/post/jsonp请求示例代码： 1 <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> 2 <script src="https://cd...
2019-01-06 18:31:00
59
转载 PS学习笔记
常用颜色模式：RGB与CMYKRGB色彩模式是通过红（R）绿（G）蓝（B）三种颜色不同比例的叠加形成各种颜色，是在显示器上显示的有亮度的显示模式。CMYK是印刷专用颜色，是通过青（C）洋红（M）黄（Y）黑（K）四种颜色不同比例的混合叠加形成不同颜色，是不带显示器亮光颜色的。转载于:https://www.cnblogs.com/lianglanlan/p/9975967.ht...
2018-11-17 22:23:00
57
转载 MVC与MVVM
MVC是后端的分层开发概念MVVM是前端视图层概念。MVVM把前端的视图层分为Model，View，ViewModel（VM）。其中VM是mvvm思想的核心，因为Vm是M和V之间的调度者。转载于:https://www.cnblogs.com/lianglanlan/p/9971554.html...
2018-11-16 20:55:00
65
转载 快捷键总结
有关浏览器Ctrl + L ：清空控制台有关VS CodeCtrl + `：调起命令台转载于:https://www.cnblogs.com/lianglanlan/p/9871356.html
2018-10-29 16:27:00
87
转载 ES6--generator生成器函数
转载于:https://www.cnblogs.com/lianglanlan/p/9852001.html
2018-10-27 19:12:00
88
转载 ES6--Promise
Promise的引出封装node方法，传入文件路径，可以读取文件并将内容返回 1 const fs = require('fs') 2 const path = require('path') 3 4 //封装函数 5 function getFileByPath(fpath) { 6 fs.readFile(fpath, 'utf-8', (e...
2018-10-26 16:44:00
65
转载 JSON对象
正确书写格式1、只能用双引号2、所有属性与属性值必须用双引号包裹var json = '{"a": 123, "b": 456}'简写属性简写ES6允许，在属性名为变量名时，直接写变量。举例：let a = 1;let b = 2;let obj = {a, b}//等同于 let obj = {a: a, b: b}方法...
2018-10-25 16:46:00
70
转载 ES6--面向对象
类ES5通过构造函数生成实例对象function User(name, pass) { this.name = name this.pass = pass}User.prototype.log = function () { console.log('name = ' + this.name + ', pass = ' + this....
2018-10-24 17:37:00
66
转载 两个节点之间的关系以及如何在节点之间任意移动
两个节点间的关系包含与被包含关系 父级属性：parentNode, parentElement. 子级属性：childNodes, children, childElementCount, firstChild, lastChild, firstElementChild, lastElementChild同辈 兄弟节点：nextSibling, previous...
2018-10-23 12:45:00
1090
转载 字符串方法整理
substring提取字符串中介于两个指定下标之间的字符语法：str.substring(indexStart[,indexEnd])参数：indexStart：要提取的第一个字符在字符串的位置。必需 indexEnd：比要提取的子串的最后一个字符在字符串中的位置多 1。（1）如果indexStart等于indexEnd，返回一个空字符串（2）省略indexE...
2018-10-22 21:01:00
123
转载 ES6--解构赋值
举例：想达到下面代码的赋值效果let arr = [1, 2, 3]let a = arr[0]let b = arr[1]let c = arr[2]可以直接用一句结构赋值let [a,b,c] =[1, 2, 3]console.log(a, b, c)注意点：1、等号左右两边结构必须一样let [a,b] = {a: 1,...
2018-10-19 20:15:00
92
转载 ES6--函数的参数
参数展开（扩展）1、收集剩余的参数1 function show(a, b, ...args) {2 console.log(a);3 console.log(b);4 console.log(args);5 }6 7 show(1, 2, 3, 4, 5)打印结果如图。args为数组。位置必需在参数的最后一个...
2018-06-11 16:01:00
77
转载 ES6--箭头函数
1、如果只有一个参数，()可以省2、如果只有一个return，{}和return可以省1 let show = function (a) {2 return a * 23 }变形为箭头函数let show = a => a * 2转载于:https://www.cnblogs.com/lianglanlan/p/981311...
2018-06-10 20:57:00
56
转载 ES6--let和const
var 声明的缺点1、可以重复声明2、无法限制修改3、没有块级作用域let与const声明都不能重复声明1 let a = 12 let a = 23 //报错 Identifier 'a' has already been declared。const同修改let 声明的是变量，可以修改。const声明的是常量，不能修改不能给...
2018-06-09 20:20:00
54
转载 canvas学习笔记
什么是Canvascanvas是HTML5提供放入一个用于展示绘图效果的标签。基本用法基本语法：<canvas></canvas>1、使用Canvas标签，即可在页面中开辟一格区域，可以设置其width和height设置该区域的尺寸。2、默认宽高为300和1503、如果浏览器不支持canvas标签，那么会将其解释为div标签。...
2018-06-08 10:30:00
69
转载 微信小程序组件笔记
表单组件button转载于:https://www.cnblogs.com/lianglanlan/p/8944379.html
2018-04-25 14:12:00
82
转载 微信小程序入门
不需要下载安装即可使用，并不是不需要下载，只是因为它的体积非常小，所以下载过程用户体会不到。rpx单位以ip6的物理像素750x1334视觉稿进行设计。1px=1rpx=0.5pt。使用rpx，小程序会自动在不同的分辨率下进行转换，使用px不会。转载于:https://www.cnblogs.com/lianglanlan/p/8806398.html...
2018-04-12 11:14:00
52
转载 react入门
github地址：https://github.com/facebook/react官网：https://reactjs.org/中文网：https://doc.react-china.org/相关项目：https://github.com/enaqx/awesome-react转载于:https://www.cnblogs.com/lianglanlan/p/8796...
2018-04-11 16:00:00
46
转载 有用的网站
1、自动生成所需大小占位图的网站：https://placeholder.com/ 举例来说，直接在http://placehold.it/网址后面添加想要的图片尺寸，如350x150，则http://placehold.it/350×150就是你想要的图片的网址。如果只添加一个数字，就会产生一个正方形图片。 预设的图片格式为gif，如果想使用.jpeg / .jpg...
2018-04-10 17:35:00
89
转载 阻止a链接跳转的点击事件
<a href="http://www.baidu.com" id="btn">按钮</a><script> document.getElementById('btn').onclick = function () { console.log('执行要发生的事件逻辑'); }</script...
2018-04-09 19:24:00
323
转载 DOM概述
JavaScript的三个组成部分：核心（ECMAScript欧洲计算机制造商协会，描述了JS的语法和基本对象），文档对象模型（DOM，把整个HTML当成一个对象，处理网页内容的方法和接口），浏览器对象模型（BOM，把浏览器当成一个对象，与浏览器交互的方法和接口）什么是DOM和节点DOM（文档对象模型）DOM为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。其实就是...
2018-04-08 14:13:00
52
转载 nodejs events
EventEmitter类events模块提供一个对象：events.EventEmitter，核心是事件触发和事件监听的封装。大多数时候不会直接使用EventEmitter，而是在对象中继承它（new一个出来）。方法：on：为指定事件注册一个监听器，接收一个字符串event和一个回调函数。emit：触发事件。返回值为布尔值。once：为指定事件注册一...
2018-04-04 11:44:00
70
转载 事件
概述JS是以事件驱动为核心的一门语言。事件三要素事件源（引发后续事件的标签）、事件（执行的事情）、事件处理程序（DOM操作）。事件类型事件名称说明onclick鼠标单击ondbclick鼠标双击onkeyup按下并释放键盘上的一个键时触发onchange文本内容或下拉菜单中的选项发生改变...
2018-04-03 15:08:00
85
转载 属性绑定注意点
用[]进行绑定的时候要注意：var str = 'aaa';var obj = {};obj.str = 'bbb'; //这里将str作为属性名来看obj[str] = 'ccc'; //这里将str作为变量看待console.log(obj); //{str: "bbb", aaa: "ccc"}转载于:https://www.cn...
2018-04-02 14:07:00
55
转载 HTTP笔记
概念什么是http？http就是一种协议。客户端与服务器之间要遵守这个协议才能进行彼此之间的通信。http协议的使用流程如下：1、由http客户端发起请求，创建端口2、http服务器在端口监听客户端请求，一旦收到请求，就会向客户端返回状态（比如状态码200）和内容（比如json数据等）HTTP协议的主要组成部分：HTTP可以被粗暴地拆分成请求和相应，无论请求和相应...
2018-03-30 15:49:00
44
转载 exports 和 module.exports 的区别
require用来加载代码，exports和module.exports用来导出代码。系统自动给node.js文件添加两个变量：exports和module。module有一个属性exports，这个属性指向一个空对象。同时exports变量也指向这个空对象。所以这两个exports没有直接关系，唯一的关系就是它们的初始都指向同一个空对象。如果其中一个不指向折行空对象了...
2018-03-29 14:57:00
57
转载 Node.js入门
概念Node.js虽然带一个js后缀，但它实际是采用谷歌chrome浏览器V8引擎，由C++语言编写的一个js运行环境。node.js可以解析JS代码（没有浏览器安全级的限制），并且提供系统级别的API，比如文件的读写、进程的管理、网络通信等等。版本常识偶数位为稳定版本 -0.6.x -8.x.x奇数位为非稳定版本 -0.7.x -9.x.x建...
2018-03-28 19:23:00
46
转载 常用ES6语法总结
参考链接：http://es6.ruanyifeng.com/const声明一个只读的常量。改变常量的值会报错。只声明不赋值也会报错。只在声明所在的块级作用域内有效。声明的常量不会提升，只能在声明的位置后面使用，否则会报错。重复声明会报错。let声明变量。用法类似于var，但所声明的变量只在let命令所在的代码块里有效。var a = [];for (va...
2018-03-27 15:28:00
72
转载 babel配置文件.babelrc
Babel是一个广泛应用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。意味着可以使用ES6编写程序，而不用担心现有环境是否支持。Babel的配置文件是.babelrc，存放在项目的根目录下。使用Babel的第一步，就是配置这个文件。该文件用来设置转码规则和插件，基本格式如下：{ "presets": [], "plugins": []}...
2018-03-26 13:54:00
267
转载 不借助第三个变量交换两个数值类型变量的值
原文地址：http://blog.csdn.net/web_hwg/article/details/75045689方法一最简单的方法是用一个临时变量var a = 10, b = 20;var temp = a;a = b;b = temp;方法二让其中一个变量变成一个与a和b都有关系的值a = a + b;b = a - b;a...
2017-12-20 22:59:00
38
转载 html渲染过程
概念DOM：Document Object Model ，浏览器将HTML解析成树形的数据结构，简称DOMCSSOM: CSS Object Model，浏览器将css代码解析成树形的数据结构DOM和CSSOM都是以Bytes → characters→ nodes→ object model 这样的方式生成最终的数据（如下图）。并且DOM树的构建过程是一个深度遍历过...
2017-12-19 15:59:00
81
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人