- 博客(54)
- 收藏
- 关注
原创 JS 使用正则匹配字符串中所有大括号包含的数据,转换成数组形式
JS 使用正则匹配字符串中所有大括号包含的数据,转换成数组形式.match(/{[^}{]*?}/g)
2020-05-07 10:19:12
3264
原创 应用场景 vue嵌套一个iframe,如果vue要监听iframe数值的变化,对其进行实时处理
应用场景 vue嵌套一个iframe,如果vue要监听iframe某一数值的变化,从而进行相应处理(应用原理是 iframe使用postMessage 解决跨域问题的相似原理)vue注册全局监听在iframe中 加载完成后 点击事件子页面调用...
2019-12-06 10:52:11
3197
原创 vue使用的小槽点汇总
1、在使用事件拼接在页面上的HTML便签 想要调用vue method里的方法 却无法调用 (解决办法之一是把你要使用的方法 在mounted时放到全局window上 这样就可以调用了 但是感觉不是最优的解决方案 后续补充~~)...
2019-11-19 10:28:51
256
转载 XSS攻击
什么是XSS攻击?XSS简单点来说,就是攻击者想尽一切办法将可以执行的代码注入网页中。XSS可以分为很多种类型,但是总体上分为两类:持久型和非持久型.持久型也就是攻击的代码被服务端写进入数据库中个,这种攻击危害性很大,因为如果网站访问量很大的话,就会导致大量正常访问页面的用户都受到攻击。如:对于评论功能来说,就得防范持久型XSS攻击,因为我们可以在评论中输入<script>al...
2019-04-02 16:30:51
590
转载 Vuex
核心概念:1. State(掌握)State是唯一的数据源单一状态树const Counter ={ template:`<div>{{count}}</div>`, computed:{ count(){ return this.$store.state.count } }}2. Getters通过Getters可以派生出一些新的状...
2019-03-28 15:29:13
186
转载 ES6货币格式化
const digitsRE = /(\d{3})(?=\d)/gexport function currency (value, currency, decimals) { value = parseFloat(value) if (!isFinite(value) || (!value && value !== 0)) return '' currency = ...
2019-03-27 19:32:05
1010
转载 js日期格式化
Date.prototype.Format = function (fmt) { var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "m+": this.getMinutes(), //分 "s+": this.g...
2019-03-27 19:29:55
411
原创 MongoDB基本语法
数据库对比SQL术语/概念MongoDB术语/概念解释/说明databasedatabase数据库tablecollection数据表/集合rowdocument数据记录行/文档columnfield数据字段/域indexindex索引table joins表连接,MongoDB不支持primary keypri...
2019-03-26 15:42:39
119
转载 AMD、CMD、CommonJs和ES6的对比
什么是AMD、CMD、CommonJs?(ES5 的)AMD是RequireJS在推广过程中对模块定义的规范化产出(全称 异步模块定义 requireJs)define(['package/lib'],funciton(lib){ function foo(){ lib.log('hello world') } return { foo:foo };});//引用使用requ...
2019-03-25 12:12:32
381
转载 Vue路由基础介绍(常用)
什么是前端路由?路由是根据不同url地址展示不同的内容或页面前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做,之前是通过服务端根据url的不同返回不同的页面实现的什么时候使用前端路由?在单页面应用,大部分页面结构不变,只改变部分内容时使用前端路由有什么优点和缺点?优点:用户体验好,不需要每次都从服务器全部获取,快速展现给用户缺点:1,不利于seo;2,,使用浏览器的前进、...
2019-03-24 19:27:39
119
转载 Vue的基础语法(常用)
模板语法:Mustache语法{{msg}}Html赋值 v-html="‘’绑定属性:v-bind:id=""使用表达式:{{ok? ‘YES’:‘NO’}}文本赋值:v-text=""指令:v-if=""过滤器:{{message|capitalize}} 和v-bind:id=“rawId|formatId”Class和Style绑定:对象语法:v-bind:clas...
2019-03-24 12:10:28
175
原创 vue面试题
vuex如何解决数据时效性问题vue.set 是给对象 扩展属性用的vue-router2.0 组件之间传参及获取动态参数的方法1.标签2.在组件中,需要传动态参数时3.query中的参数id就是要传的参数,在组件中获取的方法为:created: function() {var id = this.KaTeX parse error: Expected 'EOF', got '}...
2019-03-22 10:59:30
980
原创 js面试题
js数组合并的方法:1.concat 2.循环遍历 3.applyjs合并对象的方法:1.$.extend 2.遍历赋值 3.object.assign(target,…sources)3.去除数组内重复的元素
2019-03-22 10:54:55
145
原创 css面试题
实现左右等宽,中间自适应的响应式布局CSS 实现三栏响应式(左右固宽,中间自适应):1.float 布局实现(左右两栏 分别左右浮动 中间栏使用margin/padding 撑开左右两栏的所占的位置) 2、定位布局+margin(左右两栏分别使用absolute定位,同float一样,左边的定位left:0,右边的定位right:0 ,中间还是用margin或padding撑开左右栏需...
2019-03-22 10:43:32
110
原创 纯js 通过原型链的方式 获取当前时间 的昨天 和上一个月的时间
//时间格式化转换Date.prototype.Format = function (fmt) {var o = {“M+”: this.getMonth() + 1, //月份“d+”: this.getDate(), //日“H+”: this.getHours(), //小时“m+”: this.getMinutes(), //分“s+”: this.getSeconds(),...
2019-02-19 10:46:54
256
转载 微信公众号和小程序的主要区别
微信公众号和小程序的主要区别1、定位不同(公众号服务于营销与信息传递,小程序面向产品与服务)2、实现技术区别 (公众号基于H5(html5 vue angualr react ionic),小程序必须用小程序的语法开发)3、用户体验 (小程序的用户体验要比 html5好一些,更接近原生app)4、调用原生的能力 (微信公众号可以借助jssdk调用手机的摄像头拍照 ...
2019-02-15 10:21:12
3241
转载 Vue,关于解决不同组件间的传值和数据持久化的方法之一插件Vuex使用
Vuex 是一个专为 Vue.js 设计的状态管理模式(Localstrage 和Sessionstrage 也可以实现Vue能实现的东西 能不要Vuex尽量不用Vuex Vuex大多数是用在大项目当中的 )vuex解决了组件之间同一状态的共享问题。当我们的应用遇到多个组件共享状态时,会需要:多个组件依赖于同一状态。传参的方法对于多层嵌套的组件将会非常繁琐,并且对于兄弟组件间的状态传递无能...
2019-02-14 16:37:36
392
转载 Vue框架PC端之element UI框架的入门使用
element UI的使用:1.找官网 http://element.eleme.io/#/zh-CN/component/quickstart2.安装 cnpm i element-ui -S -S表示 --save3.引入element UI的css 和 插件 import ElementUI from 'element-ui'; import 'elem...
2019-02-14 14:13:29
971
转载 vue框架 手机端web mint-ui 的入门使用
mintUI的使用:1.找官网2.安装 npm install mint-ui -S -S表示 --save3.引入mint Ui的css 和 插件 import Mint from 'mint-ui'; Vue.use(Mint); import 'mint-ui/lib/style.css' 4.看文档直接使用。在mintUi组件上面执行...
2019-02-14 11:58:32
1190
转载 Vue-router 传值
1、 动态路由传值<router-link to='/xxx/数据值'></router-link> 动态绑定值时<router-link :to="'/xxx/'+变量"></router-link>1.配置动态路由routes[//动态路劲参数 以冒号开头{path:’/user/:id’,component:User}]2...
2019-02-13 12:22:41
330
转载 vue路由配置(vue-router)
vue路由配置:1.安装 npm install vue-router --save / cnpm install vue-router --save2、引入并 Vue.use(VueRouter) (main.js) import VueRouter from 'vue-router' Vue.use(VueRouter)3、配置路由 1、创建组件...
2019-02-13 11:02:26
244
原创 vue 父组件和子组件间传值的方法
1.通过属性传值 定义:xxx 然后在子组件中使用props:[“xxx”]2.传递方法 (可通过在子组件中反馈参数 实现 子组件向父组件返值处理)3.传递一整实例 :xxx=“this” 子组件中 获取 时用 this.xxx.想要获取的属性和数值或者方法...
2019-02-12 18:14:56
273
转载 npm -i 与npm install -s与-d的区别
npm -i 与npm install -s与-d的区别npm i module_name -S = > npm install module_name --save 写入到 dependencies 对象npm i module_name -D => npm install module_name --save-dev 写入到 devDependencies ...
2019-02-12 16:50:06
3927
1
原创 vue使用webpack打包生产时出现的错误和解决方法
1.Failed to load resource: net::ERR_FILE_NOT_FOUND或者vue dist文件下的index.html没显示(解决 :考虑路径问题,在配置webpack ,output属性时设置所有路径添加./(publicPath:’./’)使得项目能进入到其所在的相对路径上 ./表示当前路劲下 从而通过这种形式修改添加publicPath解决vue项目生成文件时...
2019-01-31 14:51:28
1675
原创 实现 网页自动检测当前所处的设备是电脑还是手机从而实现对应PC端和手机端的不同效果
function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var fla
2019-01-29 09:18:43
1434
原创 解决浏览器兼容 和差异对效果实现造成的问题
1.解决js脚本在不同浏览器的实现存在差异方法一:Polyfill.js(Polyfill是一个js库,主要抚平不同浏览器之间对js实现的差异。比如,html5的storage(session,local), 不同浏览器,不同版本,有些支持,有些不支持。)方法二:...
2019-01-23 10:25:44
451
1
原创 label for标签的作用
for 属性规定 label 与哪个表单元素绑定。作用是 在点击label 时 会自动将焦点移动到绑定的 元素上比如xy特别是使用 checkbox 时 如果没有绑定 的话 需要鼠标点中小方框 才可以选中 或不选, 绑定以后 点击 label 就可以改变checkbox 的值了...
2019-01-15 14:36:52
7756
4
原创 bootstrap table——bug getselection
bootstrap table——bug getselection在使用KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲bootstrap-table…(’#bootstrap-table’).bootstrapTable(‘getSelections’)获取其视图上替代了他的那条数据 会返回个空数组出来...
2019-01-04 17:30:43
645
转载 jQuery设置请求头
$.ajax({ type: type, timeout: 10000, // 超时时间 10 秒 headers: { 'Access-Token':$.cookie('access_token') }, url: url, data: data,...
2018-12-29 14:54:05
5215
原创 layUI 父页面获取子页面的变量(数据)
layer.open({ title: '选择商品', type: 2, area:['70%','600px'] ,content: ''+prefix +'/addGoods?supplier='+suppliers+'&depot='+stock+'...
2018-12-27 11:49:00
5824
原创 Bootstrap table 新增/删除空白行的方法
function addRow(index) { $('#bootstrap-table').bootstrapTable('insertRow', { index: index, row: { proName: '' , proNo: '' , ...
2018-12-23 11:33:38
6922
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人