- 博客(99)
- 收藏
- 关注
RSS订阅原创 uniapp app-vue 和小程序的数据更新，分页面级和组件级
否则这个+1 会引发页面级所有数据的从 js 层向视图层的同步。对于复杂页面，更新某个区域的数据时，需要把这个区域做成组件，这样更新数据时就只更新这个组件，否则会整个页面的数据更新，造成点击延迟卡顿。app-nvue 和 h5 不存在此问题。造成差异的原因是小程序目前只提供了组件差量更新的机制，不能自动计算所有页面差量。
2024-04-16 17:08:36
415
原创 uniapp 逻辑层和视图层分离的利与弊
wxs 中可以监听手势，以 uni ui 的 swiperAction 组件为例，手指拖动，侧边的列表菜单项要跟手滑出，此时就需要使用 wxs 才能实现流畅效果。bindingx 作为一种表达式，它的功能不及 js 强大，但手势监听、动画还是可以实现的，比如 uni ui 的 swiperAction 组件在 app-nvue 下运行时会自动启用 bindingx，以实现流畅跟手。机制，可以在 js 里一次性传一个表达式给原生层，由原生层解析后根据指令操作原生的视图层，避免反复跨层通信。
2024-04-16 17:06:47
387
原创 uniapp web-view调整修改高度设置
web-view默认是占全屏，需求想要在头部添加一个返回导航。如此，便可以实现APP端web-view高度设置；
2023-10-09 11:33:43
5400
3
原创 null与undefined的区别？
null是js中的关键字，表示空值；null可以看作是object的一个特殊的值，如果object值为空，表示这个对象不是有效对象；undefined不是js中的关键字，是一个全局变量，是Global的一个属性；以下情况会返回undefined：变量已声明，但未赋值，就等于undefined； 函数调用时，没有提供实参，该参数等于undefined；function fun1( a ){ console.log( a )}fun1(); //undefined (形参只是
2022-01-06 18:30:29
745
原创 小程序weui的使用指南
最近在开发小程序，使用到weui，在此记录一下weui的使用流程。WEUI 是什么WeUI 是一套同微信原生视觉体验一致的基础样式库。由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。它最初是为了给在微信端页面提供一致的视觉体验而开发开源的一个样式库，后续随着小程序、企业微信等等的开放能力出现，WeUI也提供了小程序、企业微信等等的版本。我们将要介绍的，就是WeUI的小程序版本。预览weui的基础组件有很多，具体可以到 WEUI的官方，..
2021-04-22 14:17:08
1237
原创 Math.round()，Math.ceil()，Math.floor()的区别
1.Math.round()：根据“round”的字面意思“附近、周围”，可以理解该函数是求一个附近的整数，看下面几个例子就明白。小数点后第一位<5正数：Math.round(11.46)=11负数：Math.round(-11.46)=-11小数点后第一位>5正数：Math.round(11.68)=12负数：Math.round(-11.68)=-12小数点后第一位=5正数：Math.round(11.5)=12负数：Math.round(-1..
2021-04-09 16:22:24
331
原创 TypeScript 和 JavaScript 的区别？
语言层面：JavaScript和TypeScript都是ECMAScript（ECMA-262）的具体实现。 执行环境层面：浏览器引擎和Node.js都能够直接运行JavaScript，但无法直接运行TypeScript。 时序层面：TypeScript被真正执行前，会通过编译转换生成JavaScript，之后才能被解释执行。 厂商层面：JavaScript由Netscape率先推出，现在主要由各大浏览器厂商实现。 而TypeScript is a trademark of Microsoft Co
2021-03-25 18:16:42
2676
1
原创 vw\vh的介绍
vw\vh的介绍？1.什么事vw(Viewport Width)和vh（Viewport Height）？ 1.1 vw和vh是前端开发中的一个动态单位，是一个相对于网页视口的单位。 1.2 系统会将视口的宽度和高度分为100份，1vw占用视口宽度的百分之一，1vh占用视口高度的百分之一。 1.3 vw、vh和百分比不同的是，百分比永远都是以父元素为参考，而vw、vh是以视口作为参考。 结论：vw、vh是一个动态的单位，会随着视口的变化而变化（相对单位）。2.什么是v...
2021-03-06 15:59:44
4639
原创 PC端页面适配移动端
有时候会在移动端打开PC站的网页，往往页面要么显示会错乱，要么背景图片显示不全，为了可以在移动端也能打开PC站的页面，不说像移动端页面那样自适应，起码可以看起来页面是正常的且整齐有序。一般，我们在页面的head标签中会添加一些mate标签，比如PC站的一条：<metaname="applicable-device"content="pc"> 表示应用设备是PC再看移动端：<metaname="applicable-device"content="mob...
2021-02-26 17:46:33
2061
原创 vue的生命周期图解
vue的生命周期函数及过程的简述：vue的生命周期函数，其实就是vm的生命周期； 创建：beforeCreate、created 挂载：beforeMount、mounted 更新：beforeUpdate、updated[ˌʌpˈdeɪtɪd] 销毁：beforeDestroy、destroyedvue的生命周期就是vue实例从创建，挂载，更新，销毁的过程；beforeCreate创建前，初始化的vue实例只有默认的事件和生命周期；beforeCreate和created之间...
2021-02-25 18:18:20
1795
原创 js window.onresize的使用方法及案例：导航随浏览器宽度改变而控制显示导航个数及箭头按钮的显隐
onresize事件onresize 事件会在窗口或框架被调整大小时发生。最近遇到一个需求：PC站，头部导航，初始只有几条数据，但后来数据增加，分辨率低的小显示器显示不全；思考：解决这个问题，使用css overflow-x 处理的话，有滚动条，若隐藏滚动条，看不出是左右滑动的效果； 然后想到拖拽，但拖拽需要和进度条结合使用，相比之下，使用swiper并设置其左右箭头按钮，浏览器宽度变化时也控制导航的宽度变化，这样更加简单；1、下面是没有修改之前的样子：...
2020-12-02 16:28:48
3032
原创 js window.onresize的使用方法
onresize事件会在窗口或框架被调整大小时发生。语法In HTML:<elementonresize="SomeJavaScriptCode">JavaScript 中:window.onresize=function(){SomeJavaScriptCode};jQuery中:$(window).resize(function(){ //code});详情可查看：https://www.runoob.com/jsref/event-...
2020-12-02 16:25:00
6664
原创 vue.js 动态样式绑定的方法
Vue.js classclass 与 style 是 HTML 元素的属性，用于设置元素的样式，我们可以用 v-bind 来设置样式属性。Vue.js v-bind 在处理 class 和 style 时， 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数组。class 属性绑定1、绑定一个对象，动态的切换 class我们可以为 v-bind:class 设置一个对象，从而动态的切换 class:实例中将 isActive:true 显示了一个绿色的 div 块.
2020-11-24 17:11:00
5849
1
原创 ECharts雷达图一些配置的使用方法
一、ECharts雷达图详细配置说明：// 指定图表的配置项和数据var option = { backgroundColor: 'rgba(204,204,204,0.7 )', // 背景色，默认无背景 rgba(51,255,255,0.7) title: { text: '各教育阶段男女人数统计', link: 'https://www.xxx.com', target: 'blank', top.
2020-10-30 17:46:21
14340
原创 原生js-js类库-js框架-前端框架-区别
原生js-js类库-js框架-前端框架-区别1.原生js就是javascript ，也是网站前端核心内容，主要操作流程是，先获得DOM或切换DOM，然后修改DOM对象的属性或调用DOM对象的方法，存在的主要问题是低版本IE兼容性问题及复杂的DOM操作2.js类库--jquery zeptojsjs类库，解决了原生js中，获取DOM或更高DOM对象，操作DOM复杂的问题，把DOM操作变得简单，而且解决了浏览器的兼容性问题。但是本质上和原生js设计思想没有差别，还是获取...
2020-08-24 11:47:59
1964
原创 多格式、功能强大的移动端日期选择插件
手机扫描二维码查看：支持格式：(无限制)规则：年-YYYY 月-MM 日-DD 时-hh 分-mm 秒-ss 使用/、-、空格、:之一分隔，可以随意组合，不建议单个重复例：YYYY-MM、YYYY-MM-DD、YYYY-MM-DD hh:mm、YYYY-MM-DD hh:mm:ss、YYYY、MM、DD、hh:mm、hh:mm:ss、YYYY-MM-DD hh、hh、mm、ss、YYYY/DD...回调函数：使用的是rolldate.min.js以下展示代码：..
2020-08-13 11:54:57
965
原创 jQuery 判断元素是否存在的方法及jquery对象与dom对象之间互相转换
经常会遇到，判断元素是否存在，存在则继续操作，不存在则不做操作，诸如此类的逻辑问题。下面，看一下如何判断元素的有无：一种，用length属性来判断：if($("#wode").length>0){ //存在 console.log(0);}else{ //不存在 console.log(1);}二是：把jquery对象转换成js对象就可：if($("#wode")[0]){ // 存在 console.log(000)}else{
2020-08-11 17:20:24
336
原创 简述height:100%和height:auto的不同
height:auto（内容自动填充）是指根据块内内容自动调节高度。height:100%（随父级）是根据离它最近且有定义高度的父层的高度来定义高度。
2020-08-11 11:50:24
818
原创 搭建自适应网站（自适应网站设计）
“自适应网页设计”这个名词，指的是可以自动识别屏幕宽度，做出相应调整的网页设计。简单来讲，自适应网站就是能够适应不同分辨率屏幕的网站，一站通行，不需要再为每一个不同屏幕大小的设备重新制作一个网站版本。一、允许网页宽度自动调整首先，在网页代码的头部，加入一行viewport元标签。<meta name="viewport" content="width=device-width, initial-scale=1" />viewport是网页默认的宽度和高度，上面这行...
2020-07-17 15:32:59
3309
原创 码云：git clone 身份验证失败（Incorrect username or password (access token)）
之前使用Git代码管理库，由于工作需要，使用码云，但是clone项目的时候失败了；报错（帐号或者密码错误）：Incorrect username or password (access token)；这期间，我在gitee上修改了个人资料里的姓名一栏；在报错出来之后，验证时，因为已经出入过一遍帐号密码，是全局的，所以windows已经将帐号密码保存，在控制面板的凭据管理器---Windows凭据---普通凭据中可以看到；此时，尽管我再次输入正确的帐号及密码，也无济于事，仍然报错身份验证失败；
2020-07-02 17:58:27
2407
原创 querystring (查询字符串)
--- 点击跳转页面？？？？？//立即支付 $('#pay').click(function(){ var urlParams = new URLSearchParams(window.location.search); if(urlParams.has('id')){ window.location.href="pintua...
2020-05-14 16:45:01
2003
原创 Promise的使用方法
PS~：Promise是一个构造函数，自己身上有all、reject、resolve等几个方法，原型上有then、catch等几个方法。Promise 对象用于表示一个异步操作的最终状态（完成或失败），以及其返回的值。一、Promise有以下三种状态:pending: 初始状态，既不是成功，也不是失败状态 , ( 等待中 , 或者进行中 , 表示还没有得到结果 )fulfi...
2020-03-27 16:58:30
2899
原创 postman 安装及简单应用
无论使用什么前端框架开发，都要与接口打交道，下面对postman网页调式工具的客户端进行简单的介绍！一，简介1，postman是一款强大网页调试工具的客户端；2，postman为用户提供强大的 Web API & HTTP 请求调试功能；3，postman能够发送任何类型的HTTP 请求 (GET, HEAD, POST, PUT..)，附带任何数量的参数+ head...
2020-03-16 11:20:10
624
原创 jquery 实现简单拖拽
基本思路：1.首先需要鼠标按下拖动区域，也就是需要调用 mousedown 方法 2.鼠标移动，需要拖动的元素跟着鼠标移动，调用 mousemove 方法 3.鼠标弹起拖动消失，调用 mouseup 方法下面看一下代码：页面结构：样式：.drag { width: 200px; h...
2019-11-22 17:59:56
560
原创 sublime前端插件配置及详细操作
一直用的电脑坏了，所以换了一台，自己安装开发用到的软件，虽然开发中使用的VScode，但也习惯性的安装了sublime，为提高开发的效率，会配置一些插件。下面记录一下，有关sublime经常用到的插件及配置方法：一、sublime下载：--》点击官网下载二、安装插件新版的sublime已经默认安装了package control，我们可以通过package control 安...
2019-11-20 11:56:43
1012
原创 Html-浅谈如何正确给table加边框
一般来说，给表格加边框都会出现不同的问题，以下是给表格加边框后展现比较好的方式<style> table,table tr th, table tr td { border:1px solid #0094ff; } table { width: 200px; min-height: 25px; line-height: 25px; text-ali...
2019-11-05 17:53:45
1227
原创 外部按钮调用ECharts图表的保存为图片操作
最近使用ECharts库绘制图表，依据需求希望可以把图表设置的保存为图片操作可以在图表外部调用,主要是希望可以和项目之前的下载图片操作界面保持一致。然后上网找了一些方法，看了看也没遇到一个可以满意的。后来，突然想到了echart开放了源码，可以看看源码，找到下载的方法，然后调用不就可以了（可能是我技术忒次，看了看不只到如何直接调用方法，所以把源方法copy下来，改了改，只需要传递图表的容器id即可...
2019-11-01 14:58:27
2624
3
原创 echarts和highcharts比较
echarts 国产（百度）：highcharts 外产、分版本收费： canvas特点： ①依赖分辨率 ②不支持事件处理器 ③弱的文本渲染能力 ④能够以.jpg、.png格式保存结果图像 ⑤最适合图像密集型的游戏，其中的许多对象会被频繁重绘 svg特点： ①不依赖分辨率 ②支持事件处理器...
2019-11-01 13:55:58
7462
原创 小程序报错：Component "pages/..." does not have a method "formSubmit" to handle even "submit"
在页面使用了 from+button 实现一个拖拽按钮，，控制台报错，如下：按照警示的大概意思，在这个页面不能使用formSubmit方法操作submit，那我去掉bindsubmit事件试试。嗯，去掉之后发现没有该报错了。页面wxml代码：<view class="feed" bindtouchmove="touchMoveChange" bindtouche...
2019-09-23 10:23:04
21622
2
原创 web网站在Safari浏览器打开，图片变小
web网站开发时，用的Chrome 浏览器进行调式，一切展示均正常，但在苹果手机浏览器中打开，图片变小了很多。有人说，可以通过给img添加一个父级div，给父级div设置图片要展示的宽高，然后给img设置width为100%，高度auto。html及css如下： <div class="img-container"> <img src="xxx.pn...
2019-09-12 16:33:32
860
转载 HTML`CSS_网站页面不同浏览器兼容性问题解决
目前，最为流行的浏览器共有五个：分别是ie,Edge浏览器（属于微软），火狐，谷歌（chrome）Safari和Opera五大浏览器。Trident内核：IE ，360，，猎豹，百度；Gecko内核：火狐----------->这个浏览器内核是开源的浏览器内核，插件非常多，-------------->缺点：打开速度慢（加载flash插件）<-----额外介绍-----&...
2019-09-09 11:18:36
863
原创 git上传文件时报错及解决方案
使用git的过程中，难免会遇到一些报错，以下总结一些我遇到的坑，以便自己再次遇到时可快速解决，希望对大家也有帮助：--- 关于git提示 "warning: LF will be replaced by CRLF"的警告：格式化与多余的空白字符，特别是在跨平台情况下，有时候是一个令人发指的问题。由于编辑器的不同或者文件行尾的换行符在 Windows 下被替换了，一些细微的空格变化会...
2019-09-05 23:01:03
2017
原创 小程序报错 - setdata改变数据集时提示 For developer:Do not set same key “[object Object]“ in wx:key.
搭建微信静态页面时，自己写的假数据，用wx:for=""循环渲染的，结果。。。嗯。被绊住了。--- 起初是这样写的：<block wx:for="{{phoneOptions}}" wx:key="*this" wx:for-index='index' > <view class="phoneOpt {{optIndex == index?'acti...
2019-08-27 17:56:11
6144
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人