- 博客(27)
- 收藏
- 关注
RSS订阅原创 vue内置组件的使用
内置组件的使用componentkeep-aliveslot利用组件内容进行通讯（父->子）作用域插槽（子- >父）transition 和 transition-group过渡动画属性触发动画场景CSS过渡JavaScript过渡引用vue官网中内置组件，点我去官网componentProps：is - string | ComponentDefinition | ComponentConstructorinline-template - boolean用法：渲染一个“元组件”为
2020-08-31 20:49:07
764
原创 vue组件中style的属性scoped
style中的scoped的作用不加scoped的效果如下：加scoped的效果如下：原理：根据属性选择器来确定唯一性。作用：如果在style中添加scoped ，那么style的样式只能在当前组件内起作用，实现组件的私有化，不对全局造成样式污染，表示当前style属性只属于当前模块。由此可知，添加scoped属性的组件，为了达到不污染全局，做了如下处理：给HTML的DOM节点加一个不重复属性data-v-xxxx 标志唯一性；在添加scoped属性的组件的每个样式选择器后添加一个等同与
2020-08-28 17:03:43
1279
原创 vue中使用验证码和问题处理
vue中使用验证码vue中使用验证码1、思路分析2、npm安装必要的包3、express开启服务器和封装必要的请求函数4、前端准备工作5、遇到问题5、问题处理vue中使用验证码1、思路分析后端分析：nodejs的第三方express 开启服务器数据接口 —— 包括登录接口、图形验证接口图形验证码的处理封装前后端跨域处理（这里处理的是vue和静态资源服务器端口不同导致验证码跨域问题）前端分析：vue框架 登录视图页面axios 发送请求（这里是封装了axios） 获取数据2、np
2020-08-28 14:02:24
2527
原创 vue-router的使用
Vue-Router文章目录Vue-Router安装和引入使用Vue Router步骤参数配置显示路由内容``导航声明式导航编程式导航路由传参params传参query传参导航守卫（路由钩子函数）全局守卫路由独享的守卫组件内的守卫补充关于`this.$ router`和 `this.$ route`的区别Vue-Router允许我们通过不同的 URL 访问不同的内容。可以实现多视图的单页Web应用（SPA —— Single Page Application）安装和引入script标签引入
2020-08-26 19:33:41
1007
原创 谈谈前端性能优化
前端性能优化一、资源合并和压缩：1、合并：减少http请求数量2、压缩：减少请求资源的大小HTML压缩css压缩js的压缩和混乱文件合并开启gzip1、html压缩：就是压缩这些在文本中有意义，但是在HTML中不显示的字符，包括空格，制表符，换行符等，还有一些其他意义的字符，如HTML注释也可被压缩。如何进行html压缩？（1）使用在线网站进行压缩（不过很少使用）（2...
2020-08-23 23:09:22
566
1
原创 vue组件化开发
vue组件化1、组件化使用<div id="app"> <!-- 使用组件 --> <mycpn></mycpn> <mycpn></mycpn></div><script src="../vue.js"></script><script> // 1、...
2020-08-23 23:00:56
132
原创 vue组件通讯
vue组件通讯1、子组件到父组件传值（传递参数）2、父组件到子组件传值（传递参数）父子通讯说明示例1、子组件到父组件传值（传递参数） <!-- 组件模板 todoList --> <template id="todoList"> <div class="todolist"> <todo-form @add="addItem"></todo-form> <todo-content :datalist
2020-08-23 23:00:34
72
原创 vue过滤器
过滤器的使用过滤器全局过滤器私有过滤器过滤器概念：vuejs允许你自定义过滤器，可被当作一些常见的文本格式化。过滤器可以用在两个地方：mustache插值 和 v-bind 表达式。过滤器应该是添加在javascript表达式的尾部，由"管道符"指示;全局过滤器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" co
2020-08-23 23:00:13
118
原创 nodejs之实现HTML5中WebSocket
HTML5之WebSocketWebSocket知识点WebSocket知识点websocket特点：长连接服务端与客户端都可以主动发起请求不受同源策略限制多人聊天室服务端依赖 ws模块步骤启动一个socket服务器客户端html5新特性WebSocketsocket心跳包不断给服务器发送心跳包(每间隔一段时间给服务器发送一条简单的数据)由客户端发起心跳包由服务器发起心跳包推荐博客：websocket详解教程.
2020-08-16 10:16:14
480
原创 jQuery实现todolist
jQuery实现todolistjQuery实现todolistjshtmlcss效果图jQuery实现todolist1、本地存储localStorage2、jQuery实现交互js$(function () { // alert(11); // 1. 按下回车 把完整数据 存储到本地存储里面 // 存储的数据格式 var todolist = [{title: "xxx", done: false}] load(); $("#title").on("keydown", f
2020-08-16 09:54:04
1296
原创 vue组件化开发之划分组件
组件化之后台管理系统（仅仅为了划分组件用，功能暂未实现）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>组件开发</title> <link rel="styleshe
2020-08-14 17:10:46
302
原创 Vue响应式数据原理
Vue自定义指令vue基础使用架构模式MVCMVPMVVM响应式数据的原理存储器属性响应式属性的原理vue自定义指令**Vue 前端工程师必须技能之一 **vue基础使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2020-08-14 16:54:18
639
原创 js加密解密
js加密解密js加密解密base64单向加密对称加密非对称加密补充 nodejsjs加密解密base641、对字节数组转换成字符串的一种编码方式2、为密码学的基石3、原理：它是用64个可打印字符表示二进制所有数据方法。由于2的6次方等于64，所以可以用每6个位元为一个单元，对应某个可打印字符。我们知道三个字节有24个位元，就可以刚好对应于4个Base64单元，即3个字节需要用4个Base64的可打印字符来表示。在Base64中的可打印字符包括字母A-Z、a-z、数字0-9 ，这样共有62个字符
2020-08-09 16:14:47
465
原创 nodejs操作数据库代码
nodejs操作数据库服务器serverserver.jsroutes文件index.jsgoods.jsuse.jsreg.jslogin.jsutils文件mongo.jsmysql.jstools.jspublic文件login.htmlreg.htmlassets文件packagepackage.jsonconfig.json文件目录以代码说明操作过程；服务器serverserver.jsconst express = require('express')const { PORT}
2020-08-09 12:26:36
1401
5
原创 nodejs操作数据库知识点
nodejs数据库操作数据库操作MySQLmySQL的安装配置在Nodejs中使用mySQLMongoDB下载与安装配置数据库（V3.6如果不是请忽略这部分配置）命令行操作连接数据库常用命令（命令行）数据库操作(Database)集合操作(Collection)文档操作(Document)查询条件筛选NodeJS中使用mongodb安装mongodb模块数据库操作集合操作文档操作MongoDB的导入导出MongoDB备份与恢复数据库操作MySQLmySQL的安装配置请自行查找相关资料在Node
2020-08-09 12:26:15
1263
原创 nodejs之爬虫
nodejs之爬虫爬虫stream数据流下面用到第三方 request 和 cheerio模块爬虫使用场景：目标服务器无接口，采用SSR方式渲染的网站分析html结构，找出需要爬取的区域特点使用特定工具request 用于获取目标html结构cheerio 用户过滤和获取数据（一个类似与jquery的工具，可以使用jq选择器）把得到的数据写入数据库下载图片到本地stream数据流fs.readFile() 写入文件fs.createReadStream() 读取
2020-08-09 12:09:25
278
原创 细说javascript的垃圾收集
javascript的垃圾收集JavaScript 具有自动垃圾收集机制1、标记清除2、引用计数性能问题管理内存总结以下内容引用javascript高级程序设计第三版 中第4章变量，作用域和内存问题JavaScript 具有自动垃圾收集机制 JavaScript 具有自动垃圾收集机制，也就是说，执行环境会负责管理代码执行过程中使用的内存。 而在 C 和 C++之类的语言中，开发人员的一项基本任务就是手工跟踪内存的使用情况，这是造成许多问 题的一个根源。在编写 JavaScrip
2020-08-08 17:42:36
124
原创 nodejs之Express三方模块
nodejs的Express常用第三方的模块Express安装使用Express中间件(middleware)使用中间件内置中间件：自定义中间件常用第三方中间件定义路由GETPOST跨域支持代理服务器常用第三方的模块ExpressExpress 是一个第三方模块，对原生模块封装了一套更灵活、更简洁的应用框架，其在 Node.js 环境的地位和作用好比 jQuery 在前端的地位和作用。使用 Express 可以快速地搭建一个完整功能的网站安装 npm install express使
2020-08-06 22:52:39
1017
原创 NodeJS原理
NodeJSNodeJShttp服务器模块化规范模块分类原理导出模块引入模块: require()常用第三方的模块request模块cheerio模块WebSocket协议HTTP/HTTPS 协议TCP 协议WebSocket 协议使用Socket服务端客户端常用第三方模块工具NodeJShttp服务器静态资源服务器使用模块httpfsurlpath了解文件mime类型 const http = require('http'); const fs = req
2020-08-04 20:29:46
505
原创 nodejs静态资源服务器
静态资源服务器/** * 静态资源服务器 * * 图片 * * html * * css * * js * * ...文件 * 其他语言 * PHP（后端语言） + Apache（服务器） * Java + Tomcat * .net + IIS * ...* 在Nodejs中实现静态资源服务器 * 所需模块 * http * fs * url * path* 一次htt
2020-08-04 13:14:21
472
原创 jQuery的each和原生的forEach
1、jQuery 的 each 和 原生的 JavaScript 方法 forEachjQuery 的 each 和 原生的 JavaScript 方法 forEachEcmaScript 5 提供的不兼容 IE 8jQuery 的 each 由 jQuery 这个第三方库提供jQuery 2 以下的版本是兼容 IE 8 的它的 each 方法主要用来遍历 jQuery 实例对象（伪数组）同时它也可以作为低版本浏览器中 forEach 替代品jQuery 的实例对象不能使用 fo
2020-08-03 22:36:37
355
原创 基于jQuery的封装函数
封装tab栏切换功能 // 第一种封装： // btns 点击某个选项 // cons 对应的显示内容 // active 点击后的样式 function table(btns, cons, active) { $(btns).click(function () { $(this).addClass(active).siblings().removeClass(active); $(cons).eq($(this).inde
2020-08-03 22:34:46
1760
原创 基于jQuery的前后端交互的购物车
购物车基于前后端交互的购物车phphtml和csscar.js问题截图如下基于前后端交互的购物车 分析表的设计： * 用户信息表 userinf * 商品信息表 goodslist * 订单表 ordergoods * 总价表 存总数量和总价：存储打钩准备购买但是没有结算的数据 存到本地 接口分析： * 注册页： * 验证用户名是否存在 select
2020-08-03 22:29:46
818
原创 本地存储
记住用户名<input type="text" id="username"> <input type="checkbox" name="" id="remember">记住用户名 <script> /* 需求分析： 1、把数据存到本地 用到本地存储 2、关闭页面，也可以显示用户民，这里用到localstorage 3、打开页面，先判断是否有这个用户名，如果有 就在表单里面显示用户名，并且勾选复选
2020-08-03 22:27:21
145
原创 那些js的封装函数
封装函数仅因为项目中要用到求两个数中最小值的函数求两个数中最大值的函数求任意多数最大值求任意多数最小值求任意两个数之间的随机数函数封装一个生成随机RGB颜色的函数封装一个生成随机十六进制颜色的函数封装一个事件格式化的函数 2020-6-19 12:00:00 星期五求两个时间的时间差url参数的转换封装（字符串转为对象）url参数的转换 （对象转为字符串）封装一个函数 来获取非行内样式监听事件的兼容封装运动函数封装弹窗页面居中显示序列化 GET / POST请求的 URLajax发送http请求函数封装aj
2020-08-02 22:57:30
604
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人