- 博客(22)
- 收藏
- 关注
原创 v-cloak使用及{{}}刷新,网速慢闪现问题
1、{{}}表达式 刷新 闪现出现源码以及 网络慢出现源码解决方法2、{{}}、v-text、v-html区别
2022-12-07 11:23:10
89
1
原创 笔记-前端进阶02
前端开发开发工具nodejsVSCodeHBuilderXgit微信开发者工具snipaste截图工具向日葵录屏取色FSCaptureoss阿里云文件服务360压缩postmen谷歌浏览器火狐浏览器JSON在线解析工具: http://json.zhaojun.im/js文档: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript书栈网:https://www.bookstack.cn/题库:https://l
2022-04-16 18:33:51
688
原创 微信小程序传参取值
微信小程序传参取值1、微信小程序页面传值 1) 拼接跳转路径后面 2) 对象传递,可以使用JSON.stringify(obj)先转化成字符串传递 3) 页面间通讯EventChannel 4) 全局变量 5) 使用缓存2、微信小程序页面接收值 1) onLoad()页面周期函数接收 2) 获取当前页面信息getCurrentPages()...
2021-06-08 17:44:37
190
原创 js比较两个数组,取出不同的值
js比较两个数组,取出不同的值 let result = res.result let shopArr = [] this.total1 = res.total result.forEach((item, index) =>{ item.flag = true var isExist = false; arr.forEach(li=>{ if(item.id === li.id){
2020-08-09 10:41:48
1417
原创 微信小程序动态改变数组或对象中的某个属性值
动态改变数组或对象中的属性值wxml<view wx:for="{{list}}" wx:key="{{item.id}}"> <view bindtap='select' data-id="{{item.id}}" class="view1 {{item.selected?'active': ''}}">{{item.name}}</view></view>jsdata:{ list:[{id: 1, name:'小明', sele
2020-07-28 12:49:59
2306
1
原创 微信小程序wxss动态变量的写法
wxss支持变量wxml<view class="bar-left" style='--width--:{{widthview}}%;'> <image class="bar-icon" src="https://yokea-new.oss-cn-beijing.aliyuncs.com/xcx/newImages/flashsale/qicon.png"></image></view>wxss.bar-left{ /* widt
2020-07-26 10:13:26
3571
原创 笔记-前端基础01
前端开发一、html、html51. src与href区别src是source的缩写,表示对资源的引用,它指向的内容会嵌入到当前标签所在的位置。由于src的内容是页面必不可少的一部分,因此浏览器在解析src时会停下来对后续文档的处理,直到src的内容加载完毕。常用在script、img、iframe标签中<img src="img/girl.jpg"><frame src="top.html"><iframe src="top.html"><scr
2020-06-08 21:27:24
1147
原创 移动端适配屏幕-rem
rem移动端适配屏幕rem(font size of the root element)是指相对于根元素()的字体大小的单位。简单的说它就是一个相对单位。em(font size of the element)是指相对于自身的字体大小的单位。它们之间其实很相似,只不过一个计算的规则是依赖根元素一个是依赖父元素计算。适配屏幕方法:css方式使用媒体查询方式,由于现在手机屏幕多种多样,代码量多,并且也不能左到很好的匹配js方式使用flexible.js插件的方式viewpor
2020-06-08 15:25:36
173
原创 网站页面自适应的实现方式
网站页面自适应布局自适应不同屏幕方式简易场景页面居中,元素宽度使用百分比匹配复杂场景1.可以编写几套css代码,再利用媒体查询技术,在不同屏幕下显示加载不同代码,代码工作量大,但比较好维护2.响应式布局1)栅格布局 ( 媒体查询 + 百分比 )2)flex布局一、媒体查询媒体查询原理:通过匹配不同屏幕设备的特征,让不同特征下的CSS代码生效。常用匹配特征 media featureswidth/height: 浏览器宽高max-width: 表示小于最大宽度时生效
2020-06-02 21:47:01
2028
原创 微信小程序自定义 button样式
微信小程序自定义 button样式wxml <view class="fixedBottom"> <button class="btn" style="width:100%; height: 100%;"formType="submit">保存</button> </view>wxss.fixedBottom{ position: fixed; bottom: 20rpx; left: 0rpx; width
2020-05-30 22:20:37
1077
1
原创 微信小程序 接入腾讯地图
微信小程序 接入腾讯地图两种接法一、调用微信内置的腾讯地图,获取第三方软件点击选择按钮获取第三方软件这个相对简单,用的也比较多,配合以下两个API使用使用之前你需要在app.js中配置权限信息"permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } },在使用地图的页面使用 chooseMap(){ var that = this let loca
2020-05-29 18:02:41
1788
原创 Windows10取消系统自动更新
取消系统自动更新摘要一般电脑系统出问题很多都是开启自动更新导致的异常,比如:网络连接不上、声卡异常、远程桌面连接不上等方法:右击开始菜单 点击运行 或者 win+r 输入services.msc找到Windows Update 双击选择禁用,点击确认...
2020-05-24 11:53:11
109
原创 微信小程序全局状态管理库(wxMiniStore)
一个基于原生小程序的mini全局状态管理库,跨页面/组件渲染。全局状态state支持所有Page和Component,状态完全同步,并提供api,自动diff状态并更新。周期监听pageLisener能监听所有页面的onLoad,onShow等周期事件。全局事件methods,全局可用的方法。适合原生小程序,可以随时引入,不影响原有的业务,拓展性强。#基本使用1.npm引入npm initnpm install wxministore -S注意:npm导入包需在微信
2020-05-18 00:12:58
2404
原创 js 三种缓存 Cookie、localStorage、sessionStorage简单使用
#js中 Cookie、localStorage、sessionStorageCookie 存放数据大小 4K左右 浏览器缓存 设置过期时间或手动清除localStorage存放数据大小 5MB左右 浏览器缓存 手动才会清除 localStorage.setItem("key", "value"); 缓存值 localStorage.getItem("key"); ...
2020-04-23 16:45:05
295
原创 Vue中computed和watch的使用总结
#Vue中computed和watch的使用总结computed计算属性 有缓存作用,简化tempalte里面{{}}的计算, 只要没有变化就不会再次执行, 大多数情况下更适用 <div> message: "{{ reversedMessage }}"</div> data() { message: 'Hello' }, co...
2020-04-23 16:02:57
395
原创 js常用的循环遍历方法总结(简单易用)
# js常用的循环遍历方法总结for 通用 let arr = ['小吕', '小郭'] let length = arr.length // 优化效果,数组多就比较明显 for (let i = 0; i < length ; i++) { console.log(arr[i]) //小吕 小郭 }forEachle...
2020-04-22 17:22:37
331
原创 vue中过滤器、管道符的简单使用
过滤器使用html页面 <div> {{name | FName}} </div>data数据data { return { name: '10' }}过滤器使用 filters: { FName: function (value) { var name = ''; switch (val...
2020-04-21 11:29:15
2040
原创 简单nginx服务器代理(简单高效)
#简单nginx服务器代理前言:最近在公司做项目,windows服务器,前端这块用的是nginx做代理,分享一些简单nginx配置和过程中遇到的一些小坑及处理方法nginx基本流程(windows服务器)1)连接远程服务器桌面2)在远程桌面安装nginx3)打开nigix里面的基本配置文件nginx/conf/nginx.conf正常的基本配置(一个项目)需要修改的地方ser...
2020-04-21 10:33:47
338
原创 git基本的使用及冲突解决(项目管理工具)
#git基本使用git init 初始化git add . 添加全部修改过的文件git commit -m '备注' 添加备注信息git remote add origin url 关联远程仓库git push -u origin master 推送到远程仓库git remote -v 查询远程的版本路径git remote rm origin 清除远程仓库关联地址注释:url ...
2020-04-20 16:46:46
268
原创 Nodejs安装及环境配置踩的坑
**Nodejs安装及环境配置踩的坑**一、安装环境Windows、Nodejs二、安装步骤一直点next 到最后 Finish安装完成出现一下文件3.运行命令行符cmdnode -vnpm -v能看到版本号说明安装成功三、配置NodeJS和NPM说明:并不是说NodeJS和NPM安装好了以后就能直接使用了,这也是新手经常犯的一个错误之一。因为默认情况下NPM安装的...
2020-04-19 23:29:34
1381
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人