- 博客(30)
- 收藏
- 关注
RSS订阅原创 vue2 自定义webpack plugin 添加版本文件到public目录下/vue-config全局环境变量
【代码】vue2 自定义webpack plugin 添加版本文件到public目录下/vue-config全局环境变量。
2024-01-31 20:13:13
436
原创 谷歌浏览器跨域配置--wev开发调试
在谷歌浏览器app上右键选择属性，在目标后面添加 --args --disable-web-security --user-data-dir=D:\temp注意–args前面是有空格的然后点击确定配置成功
2020-07-14 17:31:16
261
原创 typescript中的接口，文章四
// 接口的作用，在面向对象编程中，接口是一个规范的定义，它定义了行为和动作的标准。 对json的约束// 简单的规定函数接口传入的参数只有name，并且是string类型function fn(obj:{name: string}): void { console.log(obj)}fn(~~123~~ ) // 错误的写法fn({name: 'jack', ~~age: 2...
2020-04-11 17:43:42
174
原创 es6 class类 typescript中的类，文章三
定义一个类class Person { name: string; // 属性 前面省略了public关键字，默认是public constructor(name: string) { // 构造函数，实例化触发的方法 this.name = name } run(): void { console.log(this.name + '在运动') }...
2020-04-11 17:04:14
272
原创 js es5 类 原型链和继承
构造函数实例属性和方法// 构造函数function Person() { // 实例属性和方法，需实例才能调用 this.name = '李狗蛋' this.run = function () { console.log(this.name) }}// 原型链上添加属性和方法// 原型链的属性和方法会被多个实例共享，构造函数不会Person.prototype.age ...
2020-04-09 18:15:02
153
原创 typescript中的函数，文章二
定义函数方法返回数据类型// boolean string number unll undefined any// void 表示没有返回值 function fn():string { // 定义返回string类型数据 return 'str'}// 匿名函数var fn = function ():number { return 123}定义函数方法传参funct...
2020-04-08 18:10:01
106
原创 typescript中的数据类型，文章一
1.全局安装typescriptnpm install -g typescript2.当前文件目录运行ts文件，编译成js文件tsc hello.ts3.typescript 开发工具vscode，监听ts，保存代码自动编译成js文件1.在当前文件目录输入tsc --init命令，生成配置文件tsc --init2.修改配置文件3.运行任务，选择监听tsconfig.j...
2020-04-08 16:16:44
158
原创 XSS攻击常识与防御XSS攻击
XSS什么是XSS攻击？如何防范XSS攻击? 什么是CSP？跨站脚本攻击 XSS 是最常见、危害最大的网页安全漏洞。跨站脚本攻击(Cross Site Scripting)，为了不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆，故将跨站脚本攻击缩写为XSS。恶意攻击者往Web页面里插入恶意的Script代码，当用户浏览该页之时，嵌入其中Web里面的Scrip...
2019-09-24 15:19:54
920
转载 vue-axios封装请求
// request.jsimport axios from 'axios'import router from '../router'import store from '../store'import { Toast } from 'vant'// 允许携带cookieaxios.defaults.withCredentials = truevar _fn// 域名le...
2019-07-22 10:10:07
117
转载 js 特殊符号正则转换和解析
// HTML 支持的数学符号function strNumDiscode(str){ str = str.replace(/∀/g, '∀'); str = str.replace(/∂/g, '∂'); str = str.replace(/&exists;/g, '∃'); str = str.replace(...
2019-07-18 11:31:03
724
转载 vue--$attrs，$listeners 两兄弟
文章来源:转载之GitChat在2.4版本中，有关attrs和attrs和attrs和listeners这两个实例属性用法还是比模糊，深层次挖掘将会非常有用，因为在项目中深层次组件交互的话可能就需要 Vuex 助力了，但是如果只是一个简单的深层次数据传递，或者进行某种交互时需要向上通知顶层或父层组件数据改变时，杀鸡用牛 VUX 可能未免有点多余！什么情况才会显得多余，如果我们纯通过 props...
2019-06-03 16:51:30
573
原创 vuex
文件目录结构store ├── index.js # 我们组装模块并导出 store 的地方 └── modules ├── abc.js #我们要写的vuex模块// index.jsimport Vue from 'vue'import Vuex from 'vuex'import createPersistedState from 'vue...
2019-05-28 17:00:04
128
转载 h5调用手机摄像头
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-04-14 21:32:37
3289
转载 img标签src引用网络图片，响应403的解决方法
在html页面加入<meta name="referrer" content="no-referrer">标签，就可以解决页面加载网络图片的问题，原因大概是网络安全的问题，别人的页面做了安全防护的问题。在html的head标签中加上：<meta name="referrer" content="no-referrer" />可以让img标签预加载网络图片-...
2019-04-08 22:50:42
570
原创 h5下拉刷新
var pageY = null, endY = null; dropDownLoad() $(window).scroll(function () { if (!document.documentElement.scrollTop) { dropDownLoad() } }) functio...
2019-03-25 14:45:36
1636
原创 图片跨域配合html2canvas生成截图，并且解决安卓上图片模糊的问题。
<div class="codeView"> <!-- 要生成截图的div --> <div class="codeBox" id="codeBox"> <div class="code_usser"> <div class="code_photo_Box"> ...
2019-03-25 09:57:32
720
原创 搭建vue
搭建项目前需要做的准备在做 Vue.js 开发时，大家需要了解并安装以下开发工具。1.Node.jsNode.js是一个基于Chrome JavaScript运行时建立的平台，用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动，非阻塞 I/O 模型而得以轻量和高效，非常适合在分布式设备上运行数据密集型的实时应用。它是前端框架，后台语言。对于Node，大家不用深入研究...
2019-02-27 11:29:33
191
转载 vue 父组件向子组件传值，灵活的 data，死板的 props
事件驱动在前端来说数据驱动式框架，必然离不开事件驱动，事件驱动一定程度上弥补了数据驱动的不足，在dom操作的时代通常都是这样操作：通过特定的选择器查找到需要操作的节点 -> 给节点添加相应的事件监听响应用户操作，效果是这样：用户执行某事件（点击，输入，后退等等） -> 调用 JavaScript 来修改节点这种模式对业务来说是没有什么问题，但是从开发成本和效率来说会比较力不从...
2019-02-27 10:02:33
3766
转载 js,JQ 图片转换base64 base64转换为file对象,blob对象
//将图片转换为Base64function getImgToBase64(url,callback){ var canvas = document.createElement('canvas'), ctx = canvas.getContext('2d'), img = new Image; img.crossOrigin = 'Anonymous'; img.on...
2019-02-15 14:53:15
2576
原创 vue调试工具vconsole
下载安装包npm install vconsole或者其它<script src="path/to/vconsole.min.js"></script><script> // init vConsole var vConsole = new VConsole(); console.log('Hello world');</scrip...
2018-12-15 18:24:40
496
原创 git常用命令
从当前分支衍生创建一个分支&lt;div&gt;git从已有分支拉新分支开发开发过程中经常用到从master分支copy一个开发分支,下面我们就用命令行完成这个操作：1. 切换到被copy的分支(master),并且从远端拉取最新版本$git checkout master$git pull2. 从当前分支拉copy开发分支$git checkout -b devSw...
2018-12-12 09:55:42
123
原创 通过label点击触发隐藏input:file上传文件或者图片
&lt;label class="img1"&gt; &lt;div id="fileList1" class="fileLists"&gt; &lt;img src="/template/mobile/new2/static/images/aodi/idA.png&q
2018-12-01 12:57:33
2658
原创 vue中v-html渲染的后台返回代码添加样式
vue中v-html渲染的标签不能直接写css样式，因为v-html 的内容设置带作用域的 CSS，所以不能直接写&lt;style lang="scss" scoped&gt; //如果把scoped去掉，直接写样式是可以，但这样会很危险，也不提议可以在生命周期钩子函数里面写updated () { $('.detBox img').css({ 'width': '...
2018-11-27 21:34:14
5150
1
转载 .sync 王者回归，v-model 使命将至
果只是简单用来数据传递改变的话.sync和v-model再适合不过了。如果用过1.0的 Vue 的开发者，我相信 .sync 会让你用起来非常便捷，通过双向绑定很简单就能实双，父子组件的双向绑定，2.0为了保持单向数据流的良好性，去除了 .sync 的功能。官方解释：1.0 Props 现在只能单向传递。为了对父组件产生反向影响，子组件需要显式地传递一个事件而不是依赖于隐式地双向绑定。推荐使...
2018-11-26 10:49:16
262
原创 JQ选择器与关系
* $("*") 所有元素#id $("#lastname") id="lastname" 的元素.class $(".intro") 所有 class="intro" 的元素element $("p") 所有 &
2018-11-26 10:36:31
341
转载 vue中的$on，$emit，v-on 三者关系
on，on，on，emit，v-on 三者关系每个 Vue 实例都实现了事件接口：使用 $on(eventName) 监听事件使用 emit(eventName)触发事件如果把Vue看成一个家庭（相当于一个单独的components)，女主人一直在家里指派(emit(eventName) 触发事件如果把Vue看成一个家庭（相当于一个单独的components)，女主人一直在家里指派(emi...
2018-11-26 09:54:21
20336
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人