- 博客(53)
- 收藏
- 关注
RSS订阅原创 前端开发技术难点汇总（六）
swiper 频繁切换页面 轮播失效或者滑动异常解决mySwiper.destroy(false); 离开页面注销swiperh5点击背景ios会闪一下CSS -webkit-tap-highlight-color: transparent;正则判断空格，多次换行 文本框是不是为空replace(/\s+|[\r\n]/g, “”);h5 input 调起相机和相机 操作完拿不到图片调用前将input value值清空，否则@change有时接受不到值无障碍识别将img,div等内容识别.
2020-09-18 11:12:18
1544
原创 Node（二） save和create的区别
save 1. save()方法的调用必须先实例化对象，所以是非静态(static)方法； 2. save()方法的功能是插入或更新（create or update），这个很重要，每一次调用方法都会查找当前的数据是否包含主键和数据表里是否包含当前主键，如果数据中没主键则获得一个自增的主键给当前对象，如果数据表中以存在该主键则更新该条数据 3. 返回值为 @return integer|false 整型或falsecreate 1. create()方法为静态方法；通过通过类直接调用； 2.
2020-05-13 14:51:16
620
原创 Node （一） 增删改查
查router.post('/user/search', (req, res, next) => { User.find().then(() => { responseData.list = userInfo; responseData.code = "200" res.json(responseData); })});增let User = require('../models/User');let user = ne
2020-05-13 10:15:55
304
原创 字符串 获取字符重复的次数
let a ="sfksjfsfelkdglsfwkewsdfmvsmmsmssjwfjs"; let b = a.split(""); // 转字符数组 let c = [... new Set(a)]; // 得到去除的数组，获取不重复的字符串个数 let d = c; let e = d.map(item=>{ // 归零，计算每个字符串出现的次...
2020-04-21 09:43:37
567
原创 IOS和安卓的兼容性 （二）
1.iOS手机将数字自动识别为电话，变成蓝色，有下划线 <meta name="format-detection" content="telephone=no"> 安卓识别邮箱，禁止跳转 <meta name="format-detection" content="email=no" />2.iOS延迟聚焦setimeout失效 暂时未有好的解决方法3....
2020-04-15 17:07:45
165
原创 前端开发技术难点汇总（五）
1.汉字排序 arr.sort(function compareFunction(a,b) { return a.localeCompare(b,'zh') }) // 多个汉字排序不太准2. iOS 部分机型 边框显示不全， 异常：父容器宽度÷2的值为偶数或偶数.5的时候会出现该bug 解决：将宽度设为奇数或奇数.53. 三角形 border-right: ...
2020-02-14 17:11:16
1049
原创 前端开发技术难点汇总（四）
1.禁止物理返回键history.pushState(null,null,document.URL);window.addEventListener('popstate',mo,{passiive:false}) // mo 执行的操作window.removeEventListener('popstate',mo,{passiive:false})2.watch和computedw...
2020-01-21 15:30:51
478
原创 前端开发技术难点汇总（三）
1.每隔数位添加字符// 每隔三位数加 ',' FormatNum(str) { var num = "" + str var newNum = "" var count = 0 if (num.indexOf(".") == -1) { for (var i = num.length - 1; i >=...
2020-01-21 15:08:18
548
原创 Flask 关于w3c教程的补充
最近学习flask，w3c教程真是无语，复制代码运行都会报错，网上也没有纠错，个人总结了一些错误1.flask 引用的html文件中注释 使用{# ...#} html本身的注释//等不识别3.{% for key,value in result.items() %} iteritems不识别，更正items4.form 中提交最好使用<button type="submit"...
2020-01-12 18:52:00
256
原创 键盘，页面滑动
弹起键盘，页面不滑动var mo = function(e){ e.preventDefault();} var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = ...
2020-01-05 20:31:09
288
原创 前端开发技术难点汇总（二）
1.采用rem单位画圆，圆会变形为方形，解决：1.采用px单位，2.transform:scale()2.input光标的高度无文字时随input的高度，有文字时随文字的大小
2019-12-15 19:28:27
1354
原创 CSS 高级动画
3d正方体和波纹效果<div class='bowen-box'> <div class="water-wrapper"> <div class='water1'></div> <div class='water2'></div> <div class='water3'></div&g...
2019-12-08 18:46:15
328
原创 前端开发技术难点汇总（一）
1.vue组件在main.js中引用组件不起效果时，可直接在页面引用 import引用2.在vue中使用scroller组件，上拉加载时内容虽然会会弹，但底部会留有一段空白未完全会弹，在源文件中修改，vue-scroller/src/module/render.js文件修改translate3d，将top的数值减少一些3.iOS手机将数字自动识别为电话，变成蓝色，有下划线，在head中添加...
2019-12-01 21:18:10
3722
原创 前端开发的问题 （一）
1.input type=“number”删除小数点后的数字，光标会跑到小数点的前面解决：应用type=“tel”2.文本域textarea高度的自适应解决：获取dom节点，应用方法，scrollHeight 默认值15autoTextAreaHeight(o) { //o.style.height = o.scrollTop + o.scrollHeight + "px"...
2019-05-14 17:38:23
269
原创 由于json对象属性有数字命名格式 导致调用报错
json属性的命名格式有数字，导致不能直接使用对象"."属性的方式crediteaseReportData.queryLoan.result.overdue.90overdueTimes //报错解决：crediteaseReportData.queryLoan.result.overdue['90overdueTimes'] //类数组模式...
2019-05-08 17:33:18
1224
原创 Number、parseInt、parseFloat
Number 效果与隐式转换效果类似，能够转换整数'80',也能转换浮点数'80.9',以及空字符串''; 但是 如果字符串如果不符合数字规则，那么返回NaN;parseInt一个一个字符识别，直到有一个字符不是数字结束;其中（.）也不识别，即ParseInt只识别整数parseFloat一个一个字符识别...
2019-04-25 09:54:34
82
原创 前端 正则限制input输入
小数点后两位 e.target.value = (e.target.value.match(/^\d*(\.?\d{0,2})/g)[0]) || null输入数字 不可小数e.target.value=e.target.value.replace(/[^\d]/g,'');
2019-04-24 17:11:36
558
原创 iOS和Android的兼容 （一）
input1.光标 Android可以自适应，iOS的光标高度等于输入框的高度width:400/75rem;height:40/75rem;line-height: 40/75rem;margin: 30px 0; //marginfont-size:25/75rem;2.user-select iOS会导致光标消失，无法输入user-selec...
2019-04-24 17:08:56
420
原创 微信小程序笔记 （三）
margin-top无效<view class="v1"> <view class="v2"> <view class="v2"> <view class="v2"> <view class="v2"> </view></view>v2设置margin-top无效....
2019-04-10 14:25:29
185
原创 Typescript （四）进阶
字符串字面量类型type EventNames = 'click' | 'scroll' | 'mousemove';function handleEvent(ele: Element, event: EventNames) { // do something}handleEvent(document.getElementById('hello'), 'scroll'); // ...
2019-04-04 14:20:59
182
原创 前端 鼠标位置的获取
pageX，pageY，screenX，screenY，clientX，和clientY返回一个数，其指示物理“CSS像素”的数量的点是从参考点。事件点是用户单击的位置，参考点是左上角的一个点。这些属性返回该参考点的水平和垂直距离。1、pageX和pageY：相对于浏览器中完全呈现内容区域的左上角。此参考点位于左上角的URL栏和后退按钮下方。这一点可以在浏览器窗口中的任何位置，并且如果在页面中...
2019-04-04 10:45:30
1708
原创 TypeScript （三） 基础
数组的类型最简单的方法是使用「类型 + 方括号」来表示数组let fibonacci: number[] = [1, 1, 2, 3, 5];接口也可以用来描述数组interface NumberArray { [index: number]: number;}let fibonacci: NumberArray = [1, 1, 2, 3, 5];一个比较常见的做法是，...
2019-04-04 09:33:30
384
原创 TypeScript （二）基础
原始数据类型let isDone: boolean = false; //布尔值let decLiteral: number = 6; // 数值let myName: string = 'Tom'; //字符串let unusable: void = undefined; //void 类型的变量只能将它赋值为 undefined 和 nul...
2019-04-04 08:47:17
224
原创 TypeScript（一）安装
安装TypeScript 的命令行工具安装方法如下：npm install -g typescript以上命令会在全局环境下安装 tsc 命令，安装完成之后，我们就可以在任何地方执行 tsc 命令了。编译一个 TypeScript 文件很简单：tsc hello.ts我们约定使用 TypeScript 编写的文件以 .ts 为后缀，用 TypeScript 编写 React 时，以...
2019-04-03 17:01:56
220
转载 CSS3 calc（）的简单应用
<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style>#div1 { position: absolute; left: 50px; width: calc...
2019-04-03 16:34:03
79
原创 微信小程序 在新页面中全屏预览图片
wxml<view class='imgList'> <view class='imgList-li' wx:for='{{imgArr}}'> <image class='img' src='{{item}}' data-index='{{index}}' bindtap='previewImg'></image> &...
2019-04-03 15:55:07
3329
原创 ES7和ES8新特性
Array.prototype.includes()两个参数：要搜索的值和搜索的开始索引['a', 'b', 'c', 'd'].includes('b', 1) // true ['a', 'b', 'c', 'd'].includes('b', 2) // false求幂运算符（**）let a = 3a **= 2// 9asyncasync fun...
2019-03-29 16:44:59
272
原创 ES6 Set和Map
Setconst set = new Set([1, 2, 3, 4, 4]); //去重[...set]// [1, 2, 3, 4]add(value)：添加某个值，返回 Set 结构本身。delete(value)：删除某个值，返回一个布尔值，表示删除是否成功。has(value)：返回一个布尔值，表示该值是否为Set的成员。clear()：清除所有成员，没有返回值...
2019-03-29 15:32:14
89
原创 ES6 对象新增的方法
Object.is()用来比较两个值是否严格相等，与严格比较运算符（===）的行为基本一致Object.is('foo', 'foo') // trueObject.is({}, {}) // falseObject.is(+0, -0) // falseObject.is(NaN, NaN) // trueObject.assign()Object.assign方法用于对...
2019-03-29 14:59:20
100
原创 ES6 数组的拓展
扩展运算符console.log(1, ...[2, 3, 4], 5) // 1,2,3,4,5Array.fromArray.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括 ES6 新增的数据结构 Set 和 Map）Array.of()Array.of方法用于将一组值，转换为数组Ar...
2019-03-29 14:31:20
323
原创 ES6 字符串的拓展
includes(), startsWith(), endsWith()includes()：返回布尔值，表示是否找到了参数字符串。startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。endsWith()：返回布尔值，表示参数字符串是否在原字符串的尾部。let s = 'Hello world!';s.startsWith('Hello') // trues.e...
2019-03-29 11:37:19
80
原创 微信小程序 data对象的属性赋值
data: { person: { //person为一个对象，age是它的属性 name: tom, age：20 } }var age= "person.age"; //先用一个变量，把person.age用字符串拼接起来 var that = this; that.setData({ [age]: 18 ...
2019-03-28 16:39:56
4354
原创 微信小程序 回到顶部
wxml<button class='goTop' hidden='{{!floorstatus}}' bindtap="goTop">回到顶部</button>wx:if 与 hidden 都可以控制微信小程序中元素的显示与否。wx:if 是遇 true 显示，hidden 是遇 false 显示。他们还有一层细微的区别：wx:if 在隐藏的时候不渲染，...
2019-03-27 17:32:45
285
原创 前端 rem
px2rem的原理也很简单，重点在于预处理以px为单位的css文件，处理后将所有的px变成rem单位。可以通过两种方式来实现：1） webpack loader的形式：npm install px2rem-loader在webpack的配置文件中：module.exports = { // ... module: { rules: [{ test: /\.cs...
2019-03-17 09:07:18
616
转载 前端 跨域
前言原文地址：前端跨域总结博主博客地址：Damonare的个人博客相信每一个前端er对于跨域这两个字都不会陌生，在实际项目中应用也是比较多的。但跨域方法的多种多样实在让人目不暇接。老规矩，碰到这种情况，就只能自己总结一篇博客，作为记录。正文1. 什么是跨域？跨域一词从字面意思看，就是跨域名嘛，但实际上跨域的范围绝对不止那么狭隘。具体概念如下：只要协议...
2019-03-14 19:35:18
132
转载 js 代码片段
目录Array 数组Array concatenation (数组拼接) Array difference (数组比较) Array includes (数组包含) Array intersection (数组交集) Array remove (移除数组中的元素) Array sample (数组取样随，机获取数组中的1个元素) Array uni...
2019-03-14 19:32:45
269
转载 前端优化
重复优化的思考这段时间对项目做了一次整体的优化，全站有了20%左右的提升（本来载入速度已经1.2S左右了，优化度很低），算一算已经做了四轮的全站性能优化了，回顾几次的优化手段，基本上几个字就能说清楚：传输层面：减少请求数，降低请求量执行层面：减少重绘&回流传输层面的从来都是优化的核心点，而这个层面的优化要对浏览器有一个基本的认识，比如：① 网页自...
2019-03-14 16:36:13
139
转载 JavaScript 深入系列
进度JavaScript深入系列 15 篇已完结。JavaScript专题系列 20 篇已完结。underscore 系列 8 篇已完结。ES6 系列正在发布中……专栏掘金主页 segmentfault主页 新开了 知乎专栏，欢迎关注深入系列目录JavaScirpt深入之从原型到原型链 JavaScript深入之词法作用域和动态作用...
2019-03-13 17:18:40
160
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人