- 博客(60)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 javascript--call()--apply()
call(this,parame1,parame2,...,parameN)，这里的parames只能是一个，且必须与被继承对象的形式一样，分开写，如有N个参数，写N个参数。它适用1-2个参数情况。apply(this,[parame1,parame2,...parameN])，后面的参数是数组的形式，只是把和被继承对象的参数集合到数组里面，如有N个参数，就放在数组里面。它适用参数多的情况。Prev.call(Next, name)解释： Prev对象叫Next对象帮它执行一下它的代码，参数也可传进去。
2023-05-26 09:47:18
115
原创 vuex---useStore()返回undefined
看看main.js中import store from './store/index.js'app.use(store)
2022-05-10 15:27:13
680
原创 小程序开发回调函数调用全局变量
回调函数（f2）调用全局变量（a）时，指针（this）需在调用函数（f1）里面以参数形式传给回调函数（f2），此时方可调用全局变量（a）data:{ a:''},onLoad(){ this.f1(this.f2)}methods:{ f1(callBack)=>{ if(callBack) callBack(this) } f2(that)=>{ //调用全局变量 console.log(th.
2021-12-28 11:12:31
880
原创 微信小程序页面倒计时
秒杀列表页有n条商品参加倒计时，那么此时vue中写的倒计时可以直接用到小程序中吗，答案是ofcourse，当然能~下面是处理数据列表里面的倒计时 queryEventList() { let _this = this let args = { shopId: $.data.shop.shopId }; app.service( $.SvName.EVENT_QUERY, .
2021-11-19 10:27:06
913
原创 Es6：变量的解构赋值-遍历Map结构
所有部署Iterator接口的对象，都可以用for...of循环遍历。Map结构原生支持Iterator接口，那么配合变量的解构赋值获取键值键名就更加方便。let map = new Map()map.set('first', 'hello')map.set('second', 'world')for (let [key, value] of map) { console.log(key + ' is ' + value)}// first is hello// second i
2021-04-09 10:51:55
329
原创 编辑页的下拉框
问题：编辑页自己模拟写的下拉框，接口数据有被选中的情况下，点击下拉框无法打开下拉。如下：对象中的属性已经被渲染到div里面，当点击下拉框时，不展示下拉框，在代码里面点击看控制下拉框的状态值是有变化的，但是页面已经被渲染了，而且是有接口请求延时，js无法控制它，这时就需要使用this.$set(对象名，key，value)，要是数组对象的话，可如下操作：letchange = arr[idx]change.key =changeValthis.$set(arr, idx, c..
2020-06-18 11:56:17
152
原创 video标签在安卓浏览器使用问题
<video width="100%" controls > <source src="http://www.jzongguan.com/imglib/jzg-show.MP4" type="video/mp4"> 您的浏览器不支持 HTML5 video 标签。 </video>不常用这个标签，很多控制属性没有添加，在pc端常规开发中展示没有问题，但是到移动端测试，就出现以..
2020-06-11 13:58:00
2423
原创 ES6--Const 命令
数学应用题中，用方程式解决问题，在方程时，会设未知数，常数。Js中我们常用let或者var声明变量，ES 6中有const用来声明常量。本节重点学习 const命令基本用法1、const 声明一个只读的常量，一旦声明，常量不可改变。且声明时必须赋值，立即初始化const PI = 3.1415 PI = 3 //执行后报错 类型错误：常数变量赋值con...
2020-03-03 11:47:06
225
原创 css3 实现瀑布流
如何实现以上效果css3 完全搞定：一、<style>.func-list-detail ul { width:1100px; margin:0 auto; column-count:4; column-gap: 50px;}.func-list-detail li { break-inside: avoid;}</style>...
2020-02-14 15:28:59
818
原创 vue 倒计时
需求背景：商品促销、拼团、秒杀等运用活动都会涉及到在规定的时间内结束，以便刺激消费。那么就需要我们前端做好倒计时功能。问题点：一个商品倒计时相对简单实现，但要是多个商品搞活动，那么时间可能就不同，那就要每个商品都要设定的专属倒计时记录时间。往往后台会给前端返回商品数据列表，截止日期都在里面，那么就要前端自行设计倒计时功能，以确保活动时间准确无误。技术难点：vue框架多条数据怎么设定定时器？...
2020-01-09 11:31:39
607
原创 jq放大镜效果demo
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="http://www.vedeng.com/js/jquery-1.11.3.min.js"></script> <script src="demo.js"...
2019-12-25 14:09:21
276
原创 vue 针对动态添加的属性，不支持响应式修改，解决办法
场景描述：很多时候前端从后台接口获取的数据列表的数据，满足不了列表渲染后，前端所有的数据控制。举例说明：列表中需要有可点击本条数据实现隐藏/展示的功能。后台数据中是没有控制本条数据的对象。比如有10条数据，每条数据被点击的时候，当前数据可实现隐藏和显示（show），那么就要在数据初始化时，动态的给每一个对象添加新属性show：false。因为这是动态添加的，问题根源来了，vue针对动态...
2019-12-13 16:05:52
1240
原创 axios简介
axios是基于promise用于浏览器与node.js的http服务端的一种js。相当于连接桥，此桥是人工智能的，可以自定义浏览器与服务端请求与响应的方式。1支持浏览器与node.js，2支持promise，3能够拦截请求和响应，4能转换请求与响应数据，5能取消请求，6自动转换Json格式，7浏览器端支持CSRF(跨域请求)（https://www.cnblogs.com/zhy-1992/...
2019-08-16 11:02:09
3496
1
原创 正式使用rem
需求：移动端推广页面，需要嵌入到微信公众号现况：之前全部都用绝对单位，没有认真使用过相对单位rem,看了一些购物网站都在用rem,于是这次完全使用了rem写页面目的：实际检测rem布局效果。安卓和ios分辨率不一样，导致字体大小也不一样测试一：字体大小 改成 px；图片的大小设计图是按照宽为750px，所有到前端都需要除二。问题二：安卓系统背景色默认为灰色，ios默认为白色。p...
2019-08-13 15:05:32
217
原创 当前页面的路径删除参数并替换
// let url = window.location.href// history.replaceState('myorder','',this.removeURLParameter(url,'state')) removeURLParameter(url, parameter) { var urlparts = url.split('?'); if(urlp...
2019-04-03 13:12:45
615
原创 input触屏端样式兼容问题
1、border-radius: 0;//ios会有圆角2、-webkit-appearance:none;//ios/safari中有内阴影要去掉3、移动端输入方法是：英文单词全拼输入法情况下，输入法会自动添加一个空格，以示一个单词。str.replace(/\s+/g,'')，用这个正则删除空格...
2019-04-02 21:21:17
142
原创 js-删除当前页面url后面的参数并返回
removeURLParameter(url, parameter) {var urlparts = url.split('?');if(urlparts.length >= 2) {//参数名前缀var prefix = encodeURIComponent(parameter) + '=';var pars = urlparts[1].split(/[&;]...
2019-03-29 16:58:52
2390
原创 cookies //小饼干怎么吃 什么馅儿的小饼干，我想应该是粉色的甜甜圈 //
cookie 是一些数据，保存在电脑中的文本文件中，主要解决的问题：1、记录访问网站的用户信息，2、下一次访问该页面时，可以在cookie中读取用户访问记录形式：名=值浏览器请求web页面时，属于该页面的cookie会被添加到请求中，服务器端通过这种方式获取用户信息。js创建cookiedocument.cookie="name=Moon";添加过期时间以（UT...
2019-03-18 20:18:31
857
原创 vue-$router中的query与parames
A: that.$router.push({ path:'/forgetpasswordmodifypassword', query:{ mobileToken:res.data.data.mobileToken, ...
2019-03-11 19:58:38
904
原创 vue-$nextTick及安装jq
一个页面中页面元素有图片、文字、外部文件链接，这些加载时候都会占据时间，js在做操作时，需要等所有元素都加载完进行操作，这个问题做项目时没有考虑到，导致在做dom操作时，获取页面高度，查找了很长时间的问题才解决。这里使用了jq 操作dom 楼层滚动定位，添加一点安装步骤1、npm install jquery --save-dev2、build.js 中 webpack.base....
2019-03-08 10:49:21
244
原创 index.vue 传参使用新变量的变化再重置data变量
<div class="picyanzhengma passwords"> <div class="flex-row"> <span class="tit">登录密码</span>
2019-03-07 17:28:49
372
原创 有趣的CSS实现“勾号”
1、矩形模拟 // scss语法.select-all{ cursor: pointer; overflow: hidden; span{ float: left; &:first-child{ display: inline-block; margin: 22px 10px 0 20px; width...
2018-12-06 09:58:06
1179
1
转载 Vue 实时监听窗口变化 windowresize
方法一：First-step : 定义变量data(){ return{ formLabelWidth : '123px' }},Second-step: 根据生命周期 在mounted 中绑定 窗口变化 mounted(){ const that = this window.on...
2018-11-06 16:19:09
4277
原创 vue.js – event对象兼容性问题
应用场景：头部【搜索功能】点击全局页面任意位置搜索框下的下拉框隐藏，此时点击搜索框输入信息时需要阻止冒泡，event.stopPropagation()；此时没有注意这点event，在浏览器中会有问题。追根溯源 ：event对象 Event对象代表事件的状态，比如事件在其中发生的元素，键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用，函数不会再事件发生前执行。wi...
2018-11-05 08:57:47
2078
转载 Vue.js源码构建--初步认识
script -- config.jsnode中有针对vue写了方法Path.resolve()映射到真实目录下的文件。 主要是为了配置路径处理，能让在vue跑起来的时候，有路可走，文件链接。经过一系列处理，返回到build下面。通篇获取pages.经过过滤留下我们想要的pages,再用build编译，对code进行修改 ...
2018-11-03 10:12:54
90
原创 Vue.js源码目录设计
vue工程强大：了解目录的好处：下载源：https://github.com/vuejs/vue作者将功能模块拆分的非常清楚，相关的数据逻辑放在一个独立的目录下维护，并且把复用的代码也抽成一个独立目录。这样可以提高代码的阅读性和可维护性都变强，我是觉得值得学习与挖掘的。 ...
2018-11-03 09:47:47
205
原创 周二工作安排
一、二期--地址管理；新内容二、小程序样式Bug ；（系统兼容性问题） 微信小程序中，position:fixed不能和wx.createAnimation一起用，如果放在一起使用的话，position:fixed会不起作用三、pc端个别bug；四、wiki一安装npm五、wiki一安装Vue-cli...
2018-10-30 09:43:17
136
原创 vue 中 点击页面任意位置控制页面内某元素
测试一： mounted (){ document.addEventListener('click',function(event){console.log(this.hasSearchHistory)}) }测试二：测试结果： 测试三：全局绑定事件与input focus 事件 中阻止冒泡失效...
2018-10-29 15:51:14
4534
原创 vue-cli 引入 jquery
美了美了，醉了醉了。刚使用Vue要实现，轮播的功能。目前问题，思想知识局限，导致不会用Vue实现轮播+响应式的设计。项目紧急，我只能想到用jq来实现动态效果,数据逻辑还是用VUE实现。于是我就开始按照这个思路写东西，首先引入Jq就出现一个问题：npm 报错，网上查了一下是因为对windows系统操作权限原因。于是按照猿猿们的方法，第一步删掉已有的node_module 文件夹，...
2018-10-23 19:25:34
228
原创 vue基础知识回顾
Vue主旨：操作数据，不操作DOM；组件<==>实例1、两种安装方式： a，script引入； b，使用v-cli脚手架搭建模块化项目；2、挂载点、模板与实例；3、vue实例中的数据data(){}，事件@事件（click..）、方法(methods:{ 方法一f1(){操作数据逻辑},...})；4、vue中的属性绑定（:属性名）和双向数据绑定 （...
2018-10-22 11:15:04
93
原创 vue 实现删除功能
删除子组件，要把在父级中渲染他的数据删除掉。知识点一：Vue里面的组件==实例，实例==组件，证明：每个组件里面都可以设置data,props,methods，components...知识点二：实现父子通信首先实现父子通信 （发布订阅模式 ） $emit()例一：子级传递信息给父级第一步：子级组件中添加 props：['父级属性名'，‘下标值’];第二步：在父组件绑定...
2018-10-21 15:24:09
12268
1
原创 webpack 用于生产
进一步配置，支持更多常用功能；安装 url-loader 和file-loader 来支持图片、字体等文件。先分析打包后的产物有哪些：现在在做的都是（spa）技术，这就说明最终只是一个html文件,其余都是静态资源、实际部署到生产环境上，一般会将html挂在后端程序下，由后端路由渲染这个压面，将所有的静态资源（css,js,image,iconfont等）单独部署到cdn,当然也可...
2018-10-02 14:56:21
104
空空如也
前端scroll自动生成的滚动条能否控制它的位置
2017-08-18
TA创建的收藏夹 TA关注的收藏夹
TA关注的人