- 博客(30)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 vue-router H5模式和Hash模式
在创建路由器实例时，history 配置允许我们在不同的历史模式中进行选择。它在内部传递的实际 URL 之前使用了一个哈希字符（#）。由于这部分 URL 从未被发送到服务器，所以它不需要在服务器层面上进行任何特殊处理。不过，它在 SEO 中确实有不好的影响。如果你担心这个问题，可以使用 HTML5 模式。
2022-08-24 15:23:01
499
1
转载 认识双向绑定在框架中的作用
Vue 是数据双向绑定的框架，而整个框架的由三个部分组成： - 数据层（Model）：应用的数据及业务逻辑，为开发者编写的业务代码； - 视图层（View）：应用的展示效果，各类UI组件，由template 和 css 组成的代码； - 业务逻辑层（ViewModel）：框架封装的核心，它负责将数据与视图关联起来；......
2022-08-13 10:19:56
218
转载 前端安全跨站脚本攻击
- 攻击者将恶意代码提交到目标网站的数据库中。 - 用户打开目标网站时，网站服务端将恶意代码从数据库取出，拼接在 HTML 中返回给浏览器。 - 用户浏览器接收到响应后解析执行，混在其中的恶意代码也被执行。 - 恶意代码窃取用户数据并发送到攻击者的网站，或者冒充用户的行为，调用目标网站接口执行攻击者指定的操作。...
2022-08-11 12:29:46
778
原创 JS面向对象的几种设计模式
无论什么时候，只要创建了一个新函数，就会根据一组特定的规则为该函数创建一个 prototype属性，这个属性指向函数的原型对象。在这个例子中，实例属性都是在构造函数中定义的，而由所有实例共享的属性 constructor 和方法 sayName()则是在原型中定义的。不过，要明确的真正重要的一点就是，这个连接存在于实例与构造函数的原型对象之间，而不是存在于实例与构造函数之间。我们创建的每个函数都有一个 prototype（原型）属性，这个属性是一个指针，指向一个对象，使用原型对象的好处是可以。...
2022-08-11 10:23:15
223
原创 The Pursuit of Happyness
Firstly i want to take a brief introduction of this movie which is one of my faviorate movie . It’s a truely story but it seems like a old-fasion story that talks about a man how to break the worst s...
2019-05-30 14:14:20
1016
原创 原生JS给DOM元素增加修改和删除class
之前一直使用jq，处理页面结构变化都很方便，不过在某些不实用jq的项目里，还是必须得知道如何使用原生JS去处理页面中简单的一些样式变化。这里介绍js针对css方面的一些基本操作。<html lang="en" dir="ltr"> <head> <style media="screen"> .temp{ font-siz..
2019-03-11 11:34:58
21708
1
原创 vue+jQuery
这段时间不是小程序就是vue后台，基本都没有用到jq,不过jq这么强大，感觉能在vue项目中使用也是很好的。首先 npm install jquery --save-dev 下载jq的包，下载好之后还需要改一下项目中的配置文件，找到build文件夹下面的webpack.base.conf.js文件，加入下图红色框出的代码：然后回到main.js中引入jQuery：import $ fro...
2019-03-08 16:35:54
3148
原创 关于Vuex-------state,mapstate
之前一直不理解vuex那些事儿，虽然会用，但总是一知半解 ， 前两天看了vuex官网上的官方视频讲解（可惜是英文的，不过所幸还能接受）。如果英语还可以的小伙伴建议去看一下。vuex就像是一个统一的状态或是数据管理仓库，虽然在vue里面，父子组件之间可以相互传递数据，当时对于平级的兄弟组件是不行的，so , 你get到这个用处了吗？首先先说明三个用于展示功能的文件app.vue，main.js...
2019-02-27 15:33:01
245
原创 关于如何用手机测试本地项目
当你想在手机上测试自己的页面效果，或是公司其他同事想看你本地的项目效果时，可是使用快捷方便的http-server来实现。我比较喜欢使用git环境（如果没有，使用管理员身份Window+r 然后cmd也可以），首先呢，你得先安装node和npm，然后呢，进入主要步骤：//第一步全局安装http-server环境npm install http-server -g //在你想要浏览的目录下执...
2019-02-27 14:39:07
1114
2
原创 小程序知识点分享（三）
一、 swiper组件修改样式固定指示条宽度，根据轮播图片数量均分 swiper的class=“swiper-box”.swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal { top: 186rpx; display: flex; width: 220rpx;}.swiper-box .wx-swiper-dot { f...
2018-11-19 12:05:18
243
原创 js判断手机上是否安装某APP
前两天，产品给我又给我提了一个需求，就是给我看了一下人家的功能，说我们也想要这个功能，于是，我就开始实现这个功能了。。。。。 js判断手机上是否安装某APP，如果有的话直接打开App，否则打开App Store或是应用宝下载该App,代码如下：var userAgent = navigator.userAgent ;var url="",downUrl="";if(userAgent...
2018-08-31 15:01:03
8848
8
原创 window跨域与Ajax请求跨域
首先了解一些什么是跨域，什么情况下会产生跨域： 当主域名、子域名、端口号、以及协议任意一个不同时，就会产生跨域，当然，如果Ajax请求时，请求方式不是XHR的话，浏览器是不会限制这种跨域的，在Ajax请求跨域时再详细介绍。 域名： 主域名不同 http://www.baidu.com/index.html –>http://www.sina.com/test.js...
2018-08-24 11:25:44
247
原创 js深度拷贝（克隆）与浅度拷贝（克隆）原理及应用
如果你想真正自己理解和运用深度克隆的话，首先必须要了解的就是js中的原始值和应用值，以及它们的储存位置及方式。这里简单的说一下，原始值呢是存储在栈里的，而且存储的是变量的实际值。引用值存储在堆里，且存储的是一个指针，该指针指向内存中的某个位置，该位置存储变量的实际值。浅度拷贝var a = 2 ;var a_copy = a ;a_copy = 3;console.log(a);...
2018-08-22 19:00:26
11438
2
转载 TCP的三次握手与四次挥手（详解+动图）
背景描述 通过上一篇中网络模型中的IP层的介绍，我们知道网络层，可以实现两个主机之间的通信。但是这并不具体，因为，真正进行通信的实体是在主机中的进程，是一个主机中的一个进程与另外一个主机中的一个进程在交换数据。IP协议虽然能把数据报文送到目的主机，但是并没有交付给主机的具体应用进程。而端到端...
2018-08-20 16:17:28
169
转载 在浏览器中输入网址回车到页面显示发生的那些事儿
总的思路：在浏览器地址栏键入URL，按下回车之后发生的几个事件：&amp;nbsp; &amp;nbsp; 1）浏览器向DNS服务器请求解析该URL中的域名所对应的IP地址；&amp;nbsp; &amp;nbsp; 2）解析出IP地址后，根据该IP地址和默认端口80，和服务器建立TCP连接；...
2018-08-20 10:28:25
602
原创 Js三大特性--封装、继承以及多态
要分享Js一些基础理论知识，但是在项目中却十分实用。回想之前一次令人心碎的面试，等了将近50分钟，可是面试却不到10分钟，我的心里受到成吨的打击与伤害，以前一直不注重扎实基础，当面试官坐下的那一刻我就感到气氛不对，首先介绍自己软件工程毕业…….然后面试官说介绍一下软件的几大特性……..我…..我说不出话，然后跳过，让我介绍一下闭包、原型、js三大特性，以及在项目中的运用……我的天……当时脑海里浮现......
2018-08-17 16:29:32
19935
3
原创 css水平垂直居中的几种方式
html代码如下：//html&lt;div class="parent"&gt; &lt;div class="child"&gt;&lt;/div&gt;&lt;/div&gt;一 、脱离文档流的居中1、margin: auto居中.parent{ width
2018-08-17 11:35:17
187
转载 软件的六大特性
功能性一组功能及其指定的性质有关的一组属性。适合性、准确性、互用性/互操作性、依从性、安全性。可靠性在规定的一段时间和条件下，软件维持其性能水平有关的一组软件属性。成熟性、容错性、易恢复性。可用性与使用的难易程度及规定或隐含用户对使用方式所做的评价有关的软件属性。易理解性、易学性、易操作性。效率在规定条件下，软件的性能水平和所有资源之间的关系有关的一组软件属性。时间特性...
2018-08-17 10:33:15
31391
原创 递归之斐波那契数列
感觉递归主要就是两步，首先找规律，最后找出口。 这里以斐波拉契数列为例，通过递归的方法求斐波那契数列。//数列规则为0，1，2，3，5，8，13，21、、、、//可以分析数列看出 fb(n) = fb(n-1) + fb(n-2) 的规律//然后我们找出口 当n=1时 返回0 当n=2时 返回1 OK enough！fb(n){ if(n==1){ return...
2018-08-16 16:28:19
295
转载 vue父子组件传参
父组件向子组件传值步骤：在这里先定义一下，相对本案例来说：App.vue是父组件，Second-module.vue是子组件。 一、首先，值肯定是定义在父组件中的，供所有子组件共享。所以要在父组件的data中定义值：...
2018-08-16 14:43:59
1123
原创 还算好看的css+js无限循环轮播图
话不多说，直接上代码吧！！！<template> <div class="banner"> <ul class="banner-ul"> <li :class="item" @click='changeImg(item)' v-for='(item,idx) in pArr'> <
2018-08-16 14:22:14
1494
转载 vue axios全攻略
不再继续维护vue-resource，并推荐大家使用 axios 开始，axios 被越来越多的人所了解。本来想在网上找找详细攻略，突然发现，axios 的官方文档本身就非常详细！！有这个还要什么自行车！！所以推荐大家学习这种库，最好详细阅读其官方文档。大概翻译了一下 axios 的官方文档，相信大家只要吃透本文再加以实践...
2018-08-16 12:02:21
231
原创 js签名加密方法--sha1和md5
在前端向后端进行接口数据请求时，考虑到数据安全问题，我们会有自己的一套签名方式，我是在做vue项目使用到了这两种，这里向大家介绍以下两种：sha1function encodeUTF8(s) { var i, r = [], c, x; for (i = 0; i &lt; s.length; i++) if ((c = s.charCodeAt(i)) &lt; 0x80...
2018-08-16 11:16:37
10930
2
原创 JS闭包
JS闭包首先，我们先解释一下什么是闭包，闭包就是可以访问其他函数内部变量的函数（其实我的理解是这个其他函数指的是这个函数的父级函数）。 然后什么情况下才会形成闭包呢？当函数内部嵌套函数，并且当内部的函数保存到外部时，便会形成闭包。谈闭包，就不得不先了解作用域链以及函数变量提升和执行期上下文那些事儿，如果不了解的话，可以去看看我这篇博客点我。 现在，我们还是举个简单的闭包的小栗子吧...
2018-07-13 15:53:03
207
原创 浅谈Js作用域以及执行期上下文
作为一个爱美丽也爱学习的程序媛，现在和大家聊一聊js作用域以及执行期上下文那些事儿、、、作用域这个有点不知道怎么说，感觉这个名词已经够直白了，作用域顾名思义就是其作用范围，如下代码所示：var a = 'hello' ;function demo1 (){var b = 0;}console.log(a); //helloconsole.log(b); //报错 Unc...
2018-07-11 19:21:38
1733
3
原创 浏览器与内核那些事儿
这篇博客主要是为了让自己对当今主流浏览器及其内核加深印象。1、IE浏览器内核：Trident内核，也是俗称的IE内核；2、Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核；3、Firefox浏览器内核：Gecko内核，俗称Firefox内核；4、Safari浏览器内核：Webkit内核；5、Opera浏览器内核：最初是自己的Pres...
2018-07-11 15:17:45
318
原创 Js 中的原始值和引用值
最近开始注重自己的基础知识，以前总是觉得自己什么都要会一点，不精也没关系，现在想想，感觉这种想法是错误的。一些最基本的基础底层知识还是要很扎实的。Js原始值 原始值即一些代表原始数据类型的值，也叫基本数据类型，首先说一下js中有哪些原始值，Number，String，Boolean，Null，Undefined这些基本数据类型都是原始值。原始值存储在栈中。意思就是说，...
2018-07-11 14:39:19
4379
3
原创 小程序知识点分享（二）
小程序之canvas 最近使用了到小程序中canvas组件，简直是步步为坑...... 首先，canvas组件在drawImage线上的图片时，首先要把图片下载到本地，用wx.getImageInfo即可，在success中执行后面的操作。 其次，小程序中canvas的层级总是最高的，就算你设置z-index为-1也时没用的，这时候如果你想让canvas隐藏的话，可以使其绝对定...
2018-07-11 14:33:59
246
原创 小程序知识点分享（一）
小程序的申请注册就不说了，相信官方文档大家都能看明白，而且可以让人避免出错,但是必须要提的是注册者必须清楚你的小程序属于哪个范畴，以及注册时对自己小程序的介绍不要写偏了，否则很有可能会注册失败，而且注册成功后开发者以及在小程序未发布前的体验者都需要早小程序平台设置相关权限，献上官方地址[小程序申请帐号]...
2018-07-11 14:25:23
1585
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人