- 博客(62)
- 收藏
- 关注
原创 vue-反向代理配置
vue-反向代理配置通过axios请求接口mounted() { axios.get("https://m.maoyan.com/ajax/movieOnInfoList?token=").then(res => { console.log(res.data); })},出现跨域如果你的前端应用和后端 API 服务器没有运行在同一个主机上,你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过 vue.config.js 中的 devServer.pr
2020-07-27 16:02:02
889
1
原创 处理数据
js处理数据<script> var infoJson = { "姓名": "name", "性别": "sex", "年龄": "age" }; var info = { "name": "张三", "age": "18" }; var handleJson = {}; for (var key1 in infoJson) { han...
2019-08-07 09:46:50
144
原创 js中对一个对象数组按照对象某个属性进行排序
javascript中对一个对象数组按照对象某个属性进行排序我们现在有一组“学生”对象,包含“名字,年龄,分数”等属性,现在要求一个算法,把这些对象放在一个数组里,可以实现按照年龄或者分数对这些对象进行排序。var sdts = [ {name:"小明",age:12,score:100}, {name:"小红",age:13,score:80}, {name:"小花"...
2019-07-23 11:10:22
5770
1
原创 jQuery学习笔记(4)
1.$.each( )函数使用$.each( )函数可以完成指定数组或对象的遍历,语法格式如下:$.each(obj,fn(index,value))其中参数obj,表示要遍历的数组或对象,fn为每个遍历元素执行的回调函数,该函数包含2个参数,index表示数组的下标或对象的属性,value表示数组的元素或对象的属性值。实现代码&lt;style type="text/css"&gt...
2019-07-19 11:16:03
98
原创 js导出PDF
js实现导出PDF<button onclick="aaa()">导出PDF</button><div class="right-aside"> <table border="" cellspacing="" cellpadding="" id="ta"> <h3>111</h3> ...
2019-07-19 11:13:44
525
原创 Vue入门(13)webpack下
1.解析es6下载npm i babel-core babel-loader babel-preset-env babel plugin-transform-runtime -S配置//处理es6,7,8{ test: /\.js$/, loader : 'babel-loader', exclude:/node_modules/,//排除掉node_m...
2019-05-07 17:17:49
109
原创 break和continue语句
break和continue语句break和continue语句用于在循环中精确的控制代码的执行。 其中break语句会立即退出循环,强制继续执行循环后面的语句。而continue语句虽然也是立即退出循环,但退出循环后会从循环的顶部继续执行。请看下面例子:var num = 0;for (var i=1; i < 10; i++) { if (i % 5 == 0) {...
2019-04-17 14:06:14
129
原创 移动端1px边框变粗
解决办法:伪类 + transform 实现原理是把原先元素的 border 去掉,然后利用 :before 或者 :after 重做 border ,并 transform 的 scale 缩小一半,原先的元素相对定位,新做的 border 绝对定位。单条border样式设置:.scale-1px{ position: relative; border:none;}.scale...
2019-04-08 10:20:09
480
原创 ios(safar/微信)返回不执行js
问题:苹果手机返回上一页不执行js需要做的事:1.添加头部信息:设置不缓存<meta HTTP-EQUIV="pragma" CONTENT="no-cache"> <meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <meta HTTP-EQUIV="exp...
2019-04-08 10:11:44
830
原创 用户用苹果设备的QQ里打开链接时候提示用微信打开(只限制QQ里,如果是QQ浏览器则可以正常打开)
// 判断浏览器内核、手机系统等,使用 browser.version.iosvar browser = { version: function () { var u = navigator.userAgent; var ua = navigator.userAgent.toLocaleLowerCase(); var app = navi...
2019-04-03 10:02:53
1716
原创 js实现只能在微信里打开链接
function is_weixin(){ var ua = navigator.userAgent.toLowerCase(); //判断浏览器的类型 if(ua.match(/MicroMessenger/i)=="micromessenger") { return true; } else { return false; }}...
2019-03-29 23:09:27
2002
原创 Vue入门(12)webpack上
1.安装npm i webpack@3.12.0 -D2.编译打包生成build.js看下目录结构首先新建一个main.js.main.js是整个程序的入口文件。main.js中import Vue from &amp;quot;./vue.js&amp;quot;import App from './App.js'import { num1, num2, add} from &amp;quot;./App&amp;q
2019-03-08 15:28:21
277
1
原创 Vue入门(11)axios请求拦截器实现数据加载出来之前loading效果
axios请求拦截器实现数据加载出来之前loading效果实现思路:用CSS3写出一个loading动画,默认隐藏。在请求拦截器里让动画显示出来,再在响应拦截器里隐藏动画。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name=&
2019-02-27 16:23:37
5635
原创 Vue入门(10)axios
1.安装npm install axios2.使用执行 GET 请求// 为给定 ID 的 user 创建请求axios.get('/user?ID=12345') .then(function (response) { console.log(response); }) .catch(function (error) { console.log(erro...
2019-02-27 15:04:42
179
原创 Vue入门(9)路由2
demo路由权限控制需求:有首页和博客两个按钮,点击首页可以查看首页内容,点击博客的时候需要判断登录状态。如果未登录的话则需要跳转到登录页面。&lt;div id="app"&gt; &lt;router-link to="/home"&gt;首页&lt;/router-link&gt; &lt;route
2019-02-27 11:55:57
157
原创 Vue入门(8)路由
1.原生js模拟路由实现原理&amp;amp;amp;lt;a href=&amp;amp;quot;#/login&amp;amp;quot;&amp;amp;amp;gt;登录&amp;amp;amp;lt;/a&amp;amp;amp;gt;&amp;amp;amp;lt;a href=&amp;amp;quot;#/register&amp;amp;qu
2019-02-26 15:35:22
211
原创 Vue入门(7)ref和$nextTick()
1.利用ref获取dom对象1.给标签绑定ref="xxx"属性,可以用this.$refs.xxx获取到原生dom对象2.如果给组件绑定ref="xxx"属性,this.$refs.xxx获取到的是当前的组件对象3.ref属性值不能重名,否则后面会覆盖前面的<div id="app"></div> <script> var App = { ..
2019-02-26 13:16:46
851
原创 Vue入门(6)生命周期
<div id="app"> <App></App></div><script> Vue.component("Tset",{ data(){ return { msg : "hello"
2019-02-25 17:32:05
172
原创 Vue入门(5)侦听及计算属性
1.侦听器Vue 通过 watch 选项提供了一个更通用的方法,来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时,这个方式是最有用的。watch监听的是单个属性基本数据类型:简单监听<div id="app"> <input type="text" v-model="msg" /> <h2>{{msg}}</h2&a
2019-02-25 15:08:48
154
原创 Vue入门(4)过滤器
1.过滤器的作用过滤器的作用:实现数据的筛选、过滤、格式化。2.过滤器的使用语法: <any>{{表达式 | 过滤器}}</any>举个例子: <h1>{{price | myCurrency}}</h1>3.过滤器的高级用法在使用过滤器的时候,还可以指定参数,来告诉过滤器按照参数进行数据的过滤。①如何给过滤器传参?<...
2019-02-25 13:41:00
124
原创 Vue入门(3)插槽
1.插槽插槽,内置组件slot,作为承载分发内容的出口先看一下下面的代码:声明一个child-component组件,如果现在我想在<child-component></child-component>内放置一些内容,结果会是怎样?<div id="app"> <child-component></child-compone...
2019-02-25 11:44:37
309
原创 Vue入门(2)组件
组件组件是可复用的 Vue 实例,且带有一个名字。 组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生HTML元素的形式,以is特性扩展。1.局部组件的创建&lt;div id="app"&gt; &lt;Child&gt;&lt;/Child&
2019-02-25 10:10:18
221
原创 继承
1.原型链继承Person.prototype.age = 18;function Person(){}function Student(){ }var p = new Person();Student.prototype = p;var s = new Student();console.log(s.age);//182.call apply继承functi...
2019-02-19 16:55:03
91
原创 原型
1.定义原型是 function 对象的一个属性,它定义了构造函数制造出的对象的公共祖先。通过该构造函数产生的对象,可以继承该原型的属性和方法。原型也是对象。Person.prototype = { //原型(描述一种继承关系),出生时就被定义好了 age : 18, sex : "nan"}function Person(name) { this.name...
2019-02-15 16:30:42
127
原创 将文本复制到剪贴板
clipboard.js将文本复制到剪贴板应该不难。它不需要数十个步骤来配置或加载数百KB。但最重要的是,它不应该依赖于Flash或任何膨胀的框架。这就是clipboard.js存在的原因。安装npm install clipboard --save如果您不进行包管理,只需直接引入即可。点击此处下载clipboard.js<script src="js/clipboar...
2019-01-27 21:41:52
947
原创 react入门笔记4
1.用官方提供的脚手架工具构建一个react项目npm install -g create-react-app 全局下安装脚手架工具create-react-app my-demo 创建项目 my-demo是项目名字cd my-demo 进入项目npm start 运行,启动项目2.项目目录简介package.json文件里是一些项目的介绍src目录里放的是我们写的项目的所有...
2019-01-22 15:51:24
149
原创 react入门笔记3
1. 设置样式使用普通的 style 样式&lt;h1 style={ {color: 'red', fontWeight: 200} }&gt;&lt;/h1&gt;启用 css-modules修改 webpack.config.js这个配置文件,为 css-loader 添加参数:{ test: /\.css$/, use: ['style-loader', 'css-...
2019-01-18 17:22:41
224
原创 react入门笔记2
1. 在项目中使用 react运行 cnpm i react react-dom -S 安装包react: 专门用于创建组件和虚拟DOM的,同时组件的生命周期都在这个包中react-dom: 专门进行DOM操作的,最主要的应用场景,就是ReactDOM.render()在index.html页面中,创建容器:&lt;!-- 容器,将来,使用 React 创建的虚拟DOM元素,...
2019-01-16 13:45:10
175
原创 Go语言入门8-方法method
通过显示说明receiver来实现与某个类型的组合,receiver是方法的强制性的第一个参数从某种意义上来说,方法是函数的语法糖,因为receiver其实就是方法所接收的第1个参数(Method Value vs. Method Expression)type A struct { Name string}func main() { a := A{} a.Print()...
2019-01-09 11:29:10
1408
原创 Go语言入门7-结构struct
Go 中的struct与C中的struct非常相似,并且Go没有class使用 type &amp;lt; Name &amp;gt; struct{ } 定义结构,名称遵循可见性规则type person struct { Name string Age int}func main() { //可以使用字面值对结构进行初始化 a := person{ Name: &quot;yang&quot;, ...
2019-01-08 11:35:15
164
原创 Go语言入门6-函数function
函数functionGo 函数 不支持 嵌套、重载和默认参数,但支持以下特性:无需声明原型、不定长度变参(…)、多返回值、命名返回值参数匿名函数、闭包不定长度变参func main() { A(1, 2, 3, 4, 5)}func A(a ...int) { fmt.Println(a) //[1 2 3 4 5]}闭包func main() { f := ...
2019-01-06 23:42:23
199
原创 Go语言入门5-map映射
类似其它语言中的哈希表或者字典,以key-value形式存储数据Key必须是支持==或!=比较运算的类型,不可以是函数、map或sliceMap查找比线性搜索快很多,但比使用索引访问数据的类型慢100倍Map使用make()创建,支持 := 这种简写方式func main() { m := make(map[int]string) //int是健的类型 string是值的类型 m[...
2019-01-06 16:28:59
131
原创 Go语言入门4-切片slice
切片slice其本身并不是数组,它指向底层的数组作为变长数组的替代方案,可以关联底层数组的局部或全部为引用类型可以直接创建或从底层数组获取生成func main() { // var s1 []int // fmt.Println(s1) [] a := [10]int{1, 2, 3, 4, 5, 6, 7, 8, 9} fmt.Println(a) //[1 2 3 4...
2019-01-04 16:51:18
249
原创 go语言基础 数学包math
介绍几个math包下常用的方法func main() { /* math包: */ i := -100 fmt.Println(math.Abs(float64(i))) //绝对值 fmt.Println(math.Ceil(5.0)) //向上取整 fmt.Println(math.Floor(5.8)) //向下取整 ...
2019-01-03 17:21:44
1411
原创 Go语言入门3-数组
数组Array定义数组的格式:var < arrName > [n] < type >,n>=0数组长度也是类型的一部分,因此具有不同长度的数组为不同类型func main() { var a [2]int fmt.Println(a) //[0 0] b := [2]int{1,2} fmt.Println(b) //[1 2] ...
2019-01-03 17:09:24
150
原创 Go语言入门2-流程控制语句
1.递增递减语句在Go当中,++ 与 – 是作为语句而并不是作为表达式func main() { a := 1 //a++不能放在=号右面 a++ //不可以写成++a var p *int = &amp;amp;amp;a fmt.Println(*p) //2}2.判断语句if条件表达式没有括号支持一个初始化表达式(可以是并行方式)左大括号必须和条件语句或else在同一行支持...
2019-01-03 14:37:16
331
原创 Go语言入门1-基础知识
1.常用命令go get 获取远程包go run 直接运行程序go build 测试编译,检查是否有编译错误go fmt 格式化源码(部分IDE在保存时自动调用)go install 编译包文件并编译整个程序go test 运行测试文件go doc 查看文档2.第一个go程序package mainimport ( &amp;amp;quot;fmt&amp;amp;quot;)func main() {...
2019-01-03 11:17:32
205
原创 闭包
1. 概念当内部函数被保存到外部时,将会生成闭包。闭包会导致原有作用域链不释放,造成内存泄漏function a(){ function b(){ var bbb = 234; console.log(aaa);//123 } var aaa = 123; return b;}var glob = 100;var de...
2018-12-27 17:06:05
135
原创 作用域 [[scope]]
每个javascript函数都是一个对象,对象中有些属性我们可以访问,比如name属性,但有些不可以,这些属性仅供javascript引擎存取,[[scope]]就是其中一个,指的就是我们所说的作用域,其中存储了执行期上下文的集合。这个集合呈链式链接,我们把这种链式链接叫做作用域链查找变量:从作用域链的顶端依次向下查找function a(){ function b(){ var b...
2018-12-26 15:44:18
1326
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人