- 博客(22)
- 收藏
- 关注
RSS订阅原创 前端（移动端嵌入webview）性能优化
前端（移动端嵌入webview）性能优化项目背景多图活动页，使用Vue-cli 脚手架搭箭项目最开始，打开页面很慢（js，css等一系列资源全在服务器上）第一步最有效，先尝试gzipgzip 是什么gzip使用Lempel-Ziv编码（LZ77）减小命名文件的大小。只要有可能，每个文件都会以扩展名为“.gz’，同时保持相同的所有权模式，访问和修改时间。（默认扩展名为“ž’（用于MSDOS，OS / 2 FAT和Atari。）如果未指定文件，或者文件名是–，标准输入被压缩为标准输出。 gzip只
2021-01-15 21:03:39
360
原创 css @import踩坑
css @import踩坑事情起因<style lang="less" scoped>@import "aa";</style>在a文件引入后，本以为是可以局部引用，不会污染全局变量但在写b文件，没有引用该less文件时，却有一些奇怪的样式当时查看chrome浏览器的控制台后，发现重名类名，被给予了a中的样式，开始怀疑是否是**@import**会使其全局引入@import并不是直接将目标文件的代码引入到使用的文件中来，而是发起了一个新的请求，获得相应资源，这
2020-11-26 22:03:32
562
原创 【生活日常分享】入职中型互联网公司一周
入职中型互联网公司一周自我介绍前端，应届生，有数月的另外一家小型初创企业的实习经验，但是因为需要涉及到webgl和three.js的开发所以选择跳槽这一周的经历入职第一天公司环境什么（相比上家公司而言）的感觉是很棒的，同事们都蛮好相处的。会给你各种手册（真实！）阅读，比如公司的现有的一些项目，公司的规章制度等等。第一天，任务没有太繁重，因为入职是在周五，周五和周六主要是参加各种会议，了解同事们正在做什么，以便后续跟上他们的进度接下来的几天开始跟进项目，其实开发对于前端来说
2020-10-13 23:55:12
479
2
原创 [Node03]nodejs中的管道流的使用
管道流前置知识fs文件系统管道流是什么如上面的图片所示，我们把文件比作装水的桶，而水就是文件里的内容，我们用一根管子(pipe)连接两个桶使得水从一个桶流入另一个桶，这样就慢慢的实现了大文件的复制过程。管道流的实现const fs = require("fs");//引入fs文件读取模块const readStream = fs.createReadStream("../笔记/async 异步操作.md");//创建一个可读的文件流const writeStream = fs.create
2020-09-14 22:31:10
310
原创 [Node02]Node使用的commonjs对比es6和amd
node用的啥commonJS引用模块const xx = require('xx')module.exports = xx对比es6和AMDes6使用的amdES6export{xx}import xx from 'xx'AMDmodule.exports = { xx}require({xx},callback)
2020-09-14 21:58:43
143
原创 [Node01]Node是个啥
Nodenode是什么是一个js的运行环境，基于chromeV8引擎事件驱动，非I/O阻塞不是一门语言如何理解 非I/O阻塞可以想象成一边听歌，一边做饭。I/O阻塞可以理解为，先做饭，然后再听歌。非I/O阻塞能极大的节约时间...
2020-09-14 21:56:57
122
原创 vue项目打包后页面空白的问题及解决（cli2，cli3）
vue项目打包后页面空白的问题分析原因是资源加载出现问题 js路径为 /js/xxx解决vuecli3在根目录下创建 vue.config.js文件并在文件里加入以下三个属性module.exports = { assetsDir: "static", parallel: false, publicPath: "./"};vuecli2找到config/index.js文件将assetPublicPath的属性改为**’./’**build:{ assetPubli
2020-09-07 10:49:51
330
原创 VUE全局路由守卫
VUE全局路由守卫重点！！！大项目都会采用，因为需要验证用户是否登录等问题是什么在使用vue-router时会进行router跳转，跳转时，我们能对路由进行暂时拦截，进行一系列条件判断（比如用户登录情况，是不是vip用户等），在根据判断进行导航怎么用beforeEach在**@/router/index**下进行配置const router = new VueRouter({ ... })router.beforeEach((to, from, next) => {// ...
2020-09-06 21:36:47
238
原创 VUE 动态路由配置，以及vuerouter生命周期函数失效的问题
VUE 动态路由配置，以及vuerouter生命周期函数失效的问题如何配置动态路由在router/index下配置{ path:'/user:id',//使用:就可以将id变为动态绑定 name:'user'}遇到的问题组件会复用，生命周期函数不会被重新执行解决方法监听路由变化watchwatch:{ $route:(to,from)=>{ console.log(to.$route.params.id)//路由导航时传递的id }}beforeRo
2020-09-04 23:07:05
786
原创 V-for绑定img属性图片不显示
V-for绑定img属性图片不显示图片不显示 修改前<template> <div class="operateBarItem"> <img class="operateBarItemImg" :src="item.imgurl" alt="" /> {{ item.operateName2 }} </div></template><script>export de
2020-09-02 14:44:24
319
原创 VUE使用MOCK模拟数据，本地测试vue中的Axios请求
使用MOCK模拟数据vue.config.js//vue.config.js/* * @Author: Dayi * @Date: 2020-09-01 23:27:43 * @LastEditors: Dayi * @LastEditTime: 2020-09-01 23:30:45 * @Description: Mock模拟数据 */module.exports = { devServer: { before(app, server) { app.get("/api/c
2020-09-01 23:41:11
358
原创 VUE 组件间的通信
VUE 组件间的通信父传子使用父组件用在使用子组件时绑定值进行传递，子组件用props接收//父组件<template> <div> <child :childData = 'msg'/> </div></template><script>export default { components: { child }, data() { return {ms
2020-08-29 22:24:32
163
原创 Proxy是什么，如何用
Proxy是什么ES6新增的一个代理，可以获取传入的目标，经过处理函数处理后返回 let obj = { name: '大亦', age: 21 }; let newObj = new Proxy(obj, { get(target, property) { if (property in target) { return target[property]; } else { throw new Reference
2020-08-29 12:09:03
713
原创 uni-app 小程序上下滑动问题的解决
uni-app 小程序上下滑动问题的解决swiper套用swiper-item，可以进行横向滑动切换tab，但是每一个swiper-item里无法上下滑动问题分析<原版结构图片>数据没有获取到，页面只得到了当前页的数据检查发现，所有数据均已获取swiper高度没有固定(继承父元素)可能没有高度固定，高度应该绑定当前屏幕高度<template> <swiper class="swiper-box" :cur
2020-08-27 17:53:12
3537
原创 uniapp vfor点击第二个之后的按钮undefined的问题
uniapp vfor点击第二个之后的按钮undefined的问题uni-app坑真多，能避免使用，一定避免使用参考文章【uniapp踩坑记】v-for循环复杂数据结构时，发现点击第二个之后@click事件都会报错项目提要我现在做的项目，需要多页面传参，套用多层vfor循环的复杂页面结构，而且，是向后端请求数据保存在自己的data里，再进行遍历，采用排除法解决思路 检查后端是否将数据传回，接口和params是否正确 ...
2020-08-27 17:50:41
629
原创 uniapp（小程序）和webview之间的传参
uniapp（小程序）和webview之间的传参uniapp和webview间主要是靠url//uniapp中的页面<template> <web-view :src="url"> </web-view></template><script>export default { data() { return { url:"https://www.baidu.com?part_id=1&ty
2020-08-27 17:48:59
2547
原创 axios请求中$router失效(undefined)的问题
axios请求中$router失效(undefined)的问题先上代码methods: { logOut() { this.$axios.post("/logout").then(function (response) { console.log(response); if (response.data.code == 200) { success("注销成功"); this.$router.push({ pat
2020-08-27 17:09:00
1045
原创 微信小程序实现下拉刷新
微信官方提供了下拉刷新的apiapi加入以下两行，页面就支持下拉刷新"enablePullDownRefresh": true ,"backgroundTextStyle": "dark"示例在pages.json中配置需要下拉刷新的页面 "pages": [ { "path": "pages/index/index", "style": { "navigationBarTitleText": "111", "navigati
2020-08-24 11:55:38
1001
原创 关于函数、预编译、作用域、闭包那些事
函数函数argumentsfunction abc(a,b){ console.log(arguments[0])}abc(1,2)//打印1为什么要用函数 高内聚 低耦合return在函数中既是返回值也可以终止函数预编译1.imply global暗示全局变量：即任何变量，如果未经声明就赋值，此变量就位全局对象所有eg： a = 123;eg: var a = b =123;如果在全局的情况下var a 则a属于全局变量window的属性2.一切声明的全局变量，全是window
2020-07-24 09:41:06
172
原创 filter/map/reduce 使用方法及小综合运用
filter/map/reduce 都是高阶函数（参数也是一个函数）filternums = [1,2,3,88,22,343434,234];//1.需求：小于100的数字let newnums = nums.filter(function(n){ return n<100 });原理解释：传入n为22，22<100,返回值为tru...
2020-04-18 15:46:29
178
原创 vue语法 v-bind 和v-for联合使用，对比jquery
需求 有一个数组，使用v-for遍历出来后，点击其中一个使他具有一个属性（颜色变红）使用vue<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini...
2020-04-16 15:44:52
870
原创 javascript - 构造函数学习笔记
构造函数不可以通过构造函数来访问实例成员不能通过对象来访问静态成员构造函数问题浪费内存的问题每一个对象都创造了一个不同的函数解决方法把固定函数放入prototype属性里Star.prototype.sing = function(){ console.log('我会唱歌');}原型的作用所有对象共享方法对象身上系统自己添加一个__proto__指向我们的构造...
2020-03-24 15:02:25
129
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人