- 博客(28)
- 收藏
- 关注
RSS订阅原创 JS中 原生事件的绑定
要想让js对用户操作做出响应，首先要对dom元素绑定事件处理函数在js中有三种事件绑定方法：1、在dom 元素中直接绑定（注册行内事件）onclick = ’ ’ 或 onmouseover = ’ ’2、在js代码中绑定document.getelementByID (" id ").onclick = function test () { }3、绑定事件监听函数对象.addevenrListener (事件名称如 click ，当事件触发后的处理的函数名 ， bool 默认false 代
2021-07-06 15:02:38
409
原创 vue中自定义指令是如何实现的
除了默认设置的核心指令（v-for、v-if 等），vue也允许注册自定义指令。下面我们注册一个局部指令 v-nav-current，功能是 tab默认选中第一个，切换 tab 设置颜色和字体大小 。实例：HTML：首先 项目中创建一个 directive 文件夹，包含 navCurrent.js 文件在 vue页面引入 .js 文件：css：...
2021-07-06 14:52:22
480
原创 原型、原型链
对应名称prototype：原型__proto__：原型链（也可被叫做原型的连接点，后续会有讲）从属关系prototype → 函数的一个属性：是一个普通对象__proto__ → 对象Object的一个属性：是一个普通对象对象的__proto__ 保存着此对象的构造函数的prototype证实从属关系和原型链的基本认知声明一个函数Test，function Test (){}console.log(Test.prototype)//打印可以看到 Test函数 是有pro
2021-07-02 17:10:40
581
1
原创 说一下 vue 双向绑定（响应式数据）的原理
原理vue 双向数据绑定是通过 数据劫持 结合 发布订阅模式的方式来实现的，也就是说数据和视图同步，数据发生变化，视图跟着变化，视图变化，数据也会随之发生变化核心：关于数据双向绑定 其核心是 object.defindProperty() 方法默认vue在初始化数据时，会给data中的属性使用 object.definedProperty() 重新定义所有属性，当页面重新取到属性时，会进行依赖收集（收集当前组件的watcher），如果属性发生变化会通知相关依赖进行更新操作...
2021-05-20 17:13:59
284
原创 对 MVVM 原理的理解
MVVM （Model - View - ViewModel）是 MVM 的进阶版传统的 MVM 指的是，用户操作会请求服务端路由，路由会调用对应的控制器来处理，控制器会获取数据，将结果返回给前端，页面重新渲染。MVVM：传统的前端会将数据手动渲染到页面上，MVVM 模式不需要用户收到操作dom元素，将数据绑定到viewModel层上，会自动将数据渲染到页面上，视图变化会通知viewModel层更新数据，viewModel 就是我们 MVVM 模式的桥梁。...
2021-05-20 15:57:50
340
翻译 vue中keep-alive的使用及详解
概念keep-alive是vue内置抽象组件，他自身不会渲染成一个DOM组件，也不会出现父组件链中。使用keep-alive包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。作用在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性。原理这里是引用...
2021-05-19 16:55:12
531
原创 Vue父子组件之间，兄弟组件之间的传值
1、父传子父组件代码：子组件1代码：------------------------子组件通过props接收父组件传过来的值：----------------------------------2、子传父子组件2代码：------------------子组件通过change方法触发$emit事件来连接子父之间的传值，声明transferUser作为事件名---------------------父组件代码：3、兄弟组件之间传值组件1 向组件2传递数据首先要实例一个vue
2021-05-17 17:07:00
68
原创 一个盒子垂直水平居中有哪些方法（面试题）
基础代码方法一：flex方法二：定位方法三：定位+transform方法四：定位+margin方法五：定位+计算子父容器宽高
2021-05-13 16:34:26
163
原创 bootstrap table 固定列后，checkbox 选择框失效
//复选框失效是因为开启了冻结列后，把冻结的那几列给复制出来成了一个独立的表格 //所以之前的事件已经没用，需要在重新绑定下 //只需要注意一下三点就可以解决固定列导致的选择框失效问题 //1、首先记得引入固定js主要文件 <script type="text/javascript" src="./static/bootstrap-table-fixed-columns.js"></script> //2、固定列 fixedColumns:true,.
2021-02-28 15:32:30
1240
1
原创 HTTP和HTTPS的区别
http和https的区别在三个方面一、传输信息安全性二、连接方式不同三、端口不同四、证书申请方式不同一、传输信息安全性1、http协议：是超文本传输协议，信息是明文传输。2、https协议：是具有安全性的ssl加密传输协议，为浏览器和服务器之间的通信加密，确保数据传输安全。二、连接方式不同1、http协议：http连接很简单，是无状态的。无状态是指协议对于事物处理没有记忆，服务器不知道客户端什么状态。2、https协议：是有SSL+http协议构建的可进行加密传输、身份认证的网络协议三、端口
2020-12-14 16:14:09
101
原创 TCP/IP三次握手、四次挥手的整个流程（面试题）
TCP/IP三次握手TCP，名为传输控制协议，是一种可靠的传输层协议，ip协议号为6。原则上任何数据传输都无法确保绝对可靠，三次握手只是确保可靠。举个例子为什么建立连接需要三次握手？首先需要明确的是，两次握手是最基本的。第一次握手，客户端发送一个连接请求消息到服务端，服务端接收到消息后知道自己和客户端是可以连接成功的，但此时客户端不知道服务端是否接收到自己的请求，所以服务端接收到消息后做出应答，客户端得到服务端反馈后，才确定是和服务端可以连接上，这是第二次握手。如果只需要两次握手，那么此时连
2020-12-14 15:28:29
97
原创 前端跨域解决方案
什么是跨域？跨域是浏览器为了安全而做出的限制策略 浏览器请求必须遵循同源策略：同域名、同端口、同协议怎么解决跨域？ CORS跨域 服务器设置，前端直接调用 说明：后台允许前端某个站点进行访问 Access-Control-Allow-Origin:http://localhost:8080 （指定地址访问，可以动态设置，也可以指定某个地址） Access-Control-Allow-Credentials:true（允许跨域时把前端cookie传过去）
2020-09-03 15:58:43
90
原创 Git安装和配置
Git安装和配置 window/mac/linux安装 推荐直接在官网下载安装包，傻瓜式安装，一键安装成功，会直接帮我们配置好环境变量 卸载/下载新版本git - 一键安装 下载好的gith会在开始-应用程序用看到，打开git com 在com中输入git，出现git的相关提示说明安装成功，如上图所示 查看git版本 下载资源/说明 https:/...
2020-08-24 16:33:31
440
原创 2020年常见HTML+CSS面试题
HTML1. html语义化的理解a.什么是语义化？语义化，顾名思义，就是html结构是用相对应的有一定语义的英文标识的，因为HTML本身就是标记语言。如何知道自己页面结构是否语义化，HTML结构去掉css样式表之后是否能够很好地呈现内容结构，代码结构，也就是去掉css文件，依然头部是头部，底部是底部。b.为什么要语义化？(1)、为了在没有css的情况下，页面也能呈现出很好的内容结构，代码结构(2)、让页面的内容结构化，便于对浏览器、搜索引擎解析(3)、有利于SEO：和搜索引擎建立良好沟通，
2020-08-20 10:49:45
398
原创 Vue 99%出现的面试题
Vue如何去除url 的 #vue-router 中默认使用的是hash 模式，所以在路由加载的时候，项目中url 会自带 #。如果不想使用 #，可以使用vue-router 的另一种模式 historynew Router({ mode: 'history', routes: [ ]})Vue生命周期的理解vue实例有一个完整的生命周期，生命周期也就是指一个实例从开始创建都销毁的这个过程beforeCreate() 在实例创建之前执行，数据未加载状态creacted() ..
2020-08-14 10:56:21
132
原创 纯Css完成 鼠标悬浮 灯光阴影 特效
纯Css完成 鼠标悬浮 灯光阴影 特效<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body{ display: flex; flex-direction:column; justify-content:
2020-06-12 09:41:51
510
原创 安装vue cli3.0及以上版本
1、关于旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli2、新版本下载可以用以下命令安装这个新的包：npm install -g @vue/cli你还可以用这个命令来检查其版本是否正确:vue --version3、创建项目运行以下命令来创建项目：vue create hello-world此时就是创建成功了项目的目录结构比前面版本少了很多...
2020-03-18 17:51:56
893
原创 安装vue-cli2.0 使用vue-cli2.0搭建项目
1、安装NodeJsNodeJs安装好之后会连带着安装一个npm，nodeJs的安装流程很简单，按着步骤一步一步下来即可。安装完成之后在控制台上输入npm -v 以及 node -v若成功则会输出对应版本，并且已经将npm和node部署到了全局的环境变量。2、安装vue-cli[1]、安装vue-cil，只需要第一次安装时执行 npm install -g vue-cli[2]、 ...
2020-03-17 14:26:59
256
原创 如何解决BootstrapTable中表头和内容不对齐问题
在BootstrapTable中 隐藏某列的时候会出现表头和内容列错乱，解决如下：在文件【bootstrap-table.js】中找到 this.resetHeader() 方法，将其中的this.resetHeader();这句代码注释调。...
2020-02-20 14:18:31
1286
1
原创 js实现登录验证码
js实现登录验证码<!Doctype html><head> <title>js验证码</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=de...
2020-01-07 11:40:07
1828
原创 vue 项目中 获取本周、本月、本机、本年的第一天
项目中有 时间控件默认设置 起始时间为 本月第一天、截止时间是 当前日期的后一天 的需求，所以记录了一下时间格式化： //日期格式化，返回值形式为yy-mm-dd timeFormat: function (date) { if (!date || typeof(date) === "string") { this.error("参数异...
2019-12-04 09:38:25
4516
原创 select 设置选中 以及 获取选中的value和text
根据 value 选中$("#village_id_build").find("option[value='999']").prop("selected", true);根据 text 选中$("#village_id_build option:contains(北京)").attr("selected", true);
2019-11-04 09:43:46
248
原创 隐藏 bootstrap table 列
第一种 （showColumn），但是在showColumns 中显示不出来，在onCheck 点击事件也获取不到值` $('#table').bootstrapTable('hideColumn', 'age');显示的话需要手动显示 ： $('#table').bootstrapTable('showColumn', 'name');2.第二种 隐（cellStyle），在sho...
2019-11-01 15:38:12
322
原创 js如何截取中文字符串
var str = <span style="color:yellow">离线</span> var arr = new Array(); var i = 0; while (i<str.length) { var s=""; while (str.charCodeAt(i) ...
2019-08-30 14:46:07
1523
原创 echarts图表依附于父容器自适应
var myChartxMain = echarts.init(document.getElementById('main'));注释：main 是显示echarts图表的div$('#mainDiv').resize(function(){ myChartxMain.resize();});注释：mainDiv是显示echarts图表的div的父容器...
2019-05-13 11:07:02
2297
原创 Vue双击事件
Vue双击事件 dblclick<div id="payState" @click="shishiClick"></div>应该是<div id="payState" @dblclick="shishiClick"></div>
2019-05-13 10:05:16
43123
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人