- 博客(32)
- 收藏
- 关注
原创 vue中如何引用全局的sass公共样式
vue中如何引用全局的sass公共样式Sass拥有比其他任何CSS扩展语言更多的功能和特性。一次又一次地,行业把Sass作为首选CSS扩展语言。在vue项目开发中你会发现,通过main.js 全局引入的.scss 在.vue文件中不能使用,那如何去解决这个问题呢?下面有两种解决方法,可根据需求自行调整~傻瓜式引用在每个用到全局变量的组件都引入该全局样式文件@import ‘path/fileName.scss’但是组件或者页面不在统一层目录下,引入的路径可能也会有差异,所以还是看看 sa
2020-12-05 21:17:25
1679
1
原创 从输入网址到页面展示的过程
1.用户输入url网址(URL)用户输入url(也就是我们说的网址,也是统一资源定义符,用于定义互联网资源)比如输入https://www.baidu.com其中https为协议baidu.com是域名www:World Wide Web”首字母的缩写形式。“WWW”在我国曾被译为“环球网”、“环球信息网”、“超媒体环球信息网”等,为什么要加,我猜是规范,有些网址不加www也能访问有时...
2020-04-16 19:40:04
314
原创 Buffer缓存区概述
Buffer在nodejs中被称为缓存区。因为JavaScript 语言自身只有字符串数据类型,没有二进制数据类型。但在处理像TCP流或文件流时,必须使用到二进制数据。因此在 Node.js中,定义了一个 Buffer 类,该类用来创建一个专门存放二进制数据的缓存区。在 Node.js 中,Buffer 类是随 Node 内核一起发布的核心库。Buffer 库为 Node.js 带来了一种存储原...
2019-05-07 12:07:47
271
原创 如何使用vue 中插件
-vue 中插件凡是 vue 中插件,都需要挂载到vue插件本身就是模块,可以为对象 可以为方法插件中会有很多的API 每个api会提供使用插件的方法。 学习思路:知道API 的作用是什么,如何使用插件: vue-router基本使用:1:引包 2:挂vue 3 实例化路由对象 4:用包,配置路由 :5 router-link router-view留坑 6 讲实...
2019-05-07 10:58:26
568
原创 vue中常用的v-指令演示
vue中常用的v-指令演示v-text:元素的InnerText属性,必须是双标签 跟{{ }}效果是一样的 使用较少v-html: 元素的innerHTMLv-if : 判断是否插入这个元素,相当于对元素的销毁和创建v-else-ifv-elsev-show 隐藏元素 如果确定要隐藏, 会给元素的style加上display:none。是基于css样式的切换v-for ...
2019-05-07 10:54:23
1810
原创 简析vue 组件的生命周期
vue 组件的生命周期vue实例化对象的创建 new Vue() vue 会调用 init 初始化函数 挂载DOM ——组件的创建 beforecreat created vue 做了:将DOM挂载到vue 实例化对象讲数据挂载dom上 beforemount mounted mounteed 之后;我们操作的都是i虚拟dom,不能通过原生JS 获取dom 可以通过 ...
2019-05-07 10:51:13
183
原创 简析MongoDB 的使用方法
MongoDB一个数据库对应多个集合一个集合对应多个文档对象在mongo中不论是db还是集合,你都无需去创建他直接就当他已经存在,直接Use来使用use db名称;接着会被切换到该db中db.要创建的集合名称.save({});这样集合就被创建了1:启动服务器mongod --dbpath "D:/mongodb/db" // 目录一定要存在自己创建随便名称...
2019-05-07 10:43:07
110
原创 requery.js 如何配置第三方库?
require.config({baseUrl: ‘./js’,paths: {// 第三方模块‘jquery’: ‘lib/jquery-3.3.1’,‘text’: “lib/text”,‘css’: ‘lib/css’,‘css’: ‘lib/css’,‘bootStrap’: ‘lib/bootstrap-3.3.7/bootstrap’,‘bootstrap_css’:...
2019-05-07 10:33:30
273
原创 JS数组去重的几种常见方法
JS数组去重的几种常见方法一、简单的去重方法// IE8以下不支持数组的indexOf方法function Repet(array){var temp = []; //一个新的临时数组for(var i = 0; i < array.length; i++){if(temp.indexOf(array[i]) == -1){temp.push(array[i]);}}re...
2019-05-07 10:24:26
324
原创 jQuery 中发送请求的方法总结
jq 中如何发送请求的 $("#box").click(function () {$.ajax({url: 'http://musicapi.leanapp.cn/artist/list',type: 'get',data: {'cat': 1001,'offset': page * 30},dataType: 'JSON',success: function (...
2019-05-07 10:00:38
4614
原创 JQuery 事件对象都有哪些常见属性?
$(function () { $(document).on("click", {"name":"jinlovo"},function (e) { console.log(e.data); //传递给事件处理程序的额外数据 Object{"name":"jinlovo"} console.l...
2019-05-07 09:51:59
665
原创 用jQuery 如何获取 input 输入框的值?
如何实时获取input输入框中的值?//持续输入数据时KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲ipt").on('input…(’#ipt’).val()’’)){// 当输入框内容不为空时,移除添加的hide 类$(".cancle").removeClass(‘hide’);}else{$(".ca...
2019-05-07 09:34:44
2155
原创 如何 使用express-session 检测验证用户登录状态?
const express = require('express');const app = express();const session = require('express-session');// 重写 url app.use(async (req, res, next) => { if (req.url === '/') { req.url = '/login'...
2019-05-05 20:24:45
1006
原创 模块化开发服务端如何配置连接MySQL数据库?
/**操作数据数据模块*/引入 MySQL 数据模块const mysql = require(‘mysql’);// 创建一个连接池cconst pool = mysql.createPool({connectionLimit: 10,host: ‘localhost’,user: ‘root’,password: ‘123456’,database: ‘mymusic...
2019-05-05 20:15:41
210
原创 webpack 模块化
umd(function(root,factory){ // 作用:webpack z支持 amd cmd umd if(typeof exports ==='Objedct'){ module.exports = factory() ;// common.js环境个下返回值 }else if(typeof define === 'function')...
2019-05-05 20:06:58
198
原创 如何封装 jsonp 完成 jsonp 跨域请求数据?
// 封装 jsonp 完成jsonp 跨域请求数据// jsonpfunction jsonp(url, data, option) {url += (url.indexOf(’?’) >= 0 ? ‘&’ : ‘?’) + param(data)return new Promise((resolve, reject) => {originJSONP(url, op...
2019-05-05 19:56:27
215
原创 js 如何封装ajax
// 参一:表示url 参二:请求参数;参三;相应的处理函数function ajax(url,obj,f){// 创建一个 XHr 对象;var xhr = new XMLHttpRequest()// 把? 拼接到;传进来;url 地址中url +="?";// 遍历对象中翻入的请求参数for(x in obj){// 把对象中K:Value ;拼接到url中;// 这里的+...
2019-05-05 19:52:13
193
原创 koa-socket ——核心思想 socket-io
### koa-socket#### 核心思想socket-io- 轮询ajax 缺点:不停询问服务器,浪费性能- 服务器不关闭连接,一次响应,一直保持连接 缺点:只有服务器向客户端不断输出- html5中出来了一个websocket 他是在原来http协议的基础上,去升级当前协议为websocket升级- 将原本 先有请求才有响应的机制,更改成了,服务端也可以主动发请求给客户...
2019-05-04 23:19:54
529
原创 Koa 使用小技巧
promisekoa代码编写上避免了多层的嵌套异步函数调用 async await来解决异步async await 需要依赖于promise更轻… 减少了内置的中间件 express.static处理静态资源的内置中间件 express.Router() 路由启动步骤引入Koa构造函数对象 const Koa = require('koa')创建服务器示例对象 co...
2019-05-04 23:10:16
216
原创 express+multer实现上传图片 及上传预览效果
html<form action="/upload" method="POST" enctype="multipart/form-data" id="upPic"> <input type="text" name="username" id="username" /> <input type="file" name="image" onchange=...
2019-05-04 22:52:59
1531
原创 jQuery 如何实现 模糊搜索
如何实现 模糊搜索 当我们浏览网页的时候,通常能看到搜索栏,这大大的提高了我们获取数据的目的性。那如何去实现一个简单的模糊搜索 框呢,以下案例获取能给你一点思路。以下案例,可以实现当按键按下时,自动检索匹配数据基本css 样式.row { height: 80px; */\* line-height: 80px; \*/* te...
2019-05-04 22:35:12
3275
6
原创 css如何实现进度条??
css 如何实现进度条在生活中,我们不经意间就会看到很多的 手机app上都会有带进度条,精简的软件会给我们视觉上的享受,那进度条是如何实现的呢?首先,创建一个大小自定义的div模块为外层,其下再创建布局两个div左右布局,在这两个div下分别存在子div,html样式: <div class="box"> <div class="circle lef...
2019-04-23 20:02:00
2014
原创 什么是 JSON?
什么是 JSON?JSON: JavaScript Object Notation(JavaScript 对象表达式)JSON 是存储和交换文本信息的语法。 类似 XML。JSON 比 XML 更小、更快,更易解析。JSON 是轻量级的文本数据交换格式JSON 独立于语言:JSON 使用 JavaScript 语法来描述数据对象,但是 JSON 仍然独立于语言和平台。 JSON...
2019-04-02 16:59:09
240
原创 什么是事件委托?
什么是事件委托:通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件原理: 利用冒泡的原理,把事件加到父级上,触发执行效果。 target 事件属性可返回事件的目标节点(触发 该事件的节点) // Firefox/Chrome/Opera/Safarisrc...
2019-03-28 00:53:22
14122
原创 Html5的Web Storage和Html4的cookie的区别
JavaScript CookieCookie 用于存储 web 页面的用户信息。什么是 Cookie?Cookie 是一些数据, 存储于你电脑上的文本文件中。当 web 服务器向浏览器发送 web 页面时,在连接关闭后,服务端不会记录用户的信息。Cookie 的作用就是用于解决 “如何记录客户端的用户信息”:当用户访问 web 页面时,他的名字可以记录在 cookie 中。在用户...
2019-03-27 22:39:40
162
原创 什么是原型对象?原型链?
对象对象基础对象的定义对象是一个包含相关数据和方法的集合(通常由一些变量和函数组成,我们称之为对象里面的属性和方法)。对象有时被称之为关联数组(associative array)了——对象做了字符串到值的映射,而数组做的是数字到值的映射。创建一个对象通常先定义初始化变量。var person = {};person // Object {}点表示法对象的名字表现为一个命名空...
2019-03-27 22:31:08
5299
原创 什么是闭包?
闭包闭包的概念闭包就是能够读取其他函数内部变量的函数;由于在JavaScript 语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单的理解成“定义在一个函数内部的函数”。在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。当内部函数被保存到外部时,将会生成闭包。闭包会导致原有作用域链不能释放,造成内存泄漏。闭包的作用实现共有变量eg:函数累加器var add...
2019-03-13 19:58:02
77
原创 jQuery实现简单的图片放大镜
jQuery实现简单的图片放大镜<script src="../jQuery/jquery.min.js"></script> </div><script> // 移入事件 $("#box").mouseover(fu...
2019-03-06 20:53:55
310
原创 setStyle 方法封装
setStyle 方法封装function setStyle(el, obj) { // 将样式放入到数组中。 var arr = [“height”, “width”, “top”, “left”, “marginLeft”, “fontSize”] // 遍历传入的对象的属性。我们传入的属性;可能有非string情...
2019-03-05 22:20:35
2986
原创 实现多层复杂的数据类型的深拷贝
如何实现多层复杂的数据类型的深拷贝 function deepCopy(data) { if (data.constructor.name === ‘Array’) { // 判断为数组类型 var arrCopy = [] for (var i = 0, len = data.leng...
2019-01-10 20:31:00
842
原创 visibility与display的区别:
visibility与display之设置元素显隐的区别在CSS里的visibility 属性,通常其值被设置成visible 或hidden。visibility:hidden 相当于display:none,能把元素隐藏起来,但是两者的区别在于:display:none 不显示对应的元素,在文档布局中不再分配空间(回流+重绘)visibility:hidden 隐藏对应元素,在...
2019-01-08 10:43:09
5872
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人