javascript
桃根仙
这个作者很懒,什么都没留下…
展开
-
科技感大屏边框框架 datav
主要用于构建大屏(全屏)数据展示页面即数据可视化原创 2023-03-06 00:23:48 · 459 阅读 · 0 评论 -
前端一次渲染 10 万条数据解决方案
前端一次渲染 10 万条数据解决方案原创 2023-01-27 14:17:03 · 377 阅读 · 0 评论 -
javascript 原生操作子 cookie 的工具类
javascript 原生操作子 cookie 的工具类原创 2022-06-23 00:19:15 · 202 阅读 · 0 评论 -
javascript 原生操作 cookie 工具类
javascript 原生操作 cookie 工具类原创 2022-06-22 23:34:27 · 298 阅读 · 0 评论 -
script 标签自带的属性
script 标签自带的属性原创 2022-06-09 10:35:17 · 213 阅读 · 0 评论 -
typescript 的泛型
指在定义函数、接口或类的时候,不预先指定具体的类型,而在使用的时候再指定具体类型的一种特性。下面创建一个函数, 实现功能: 根据指定的数量 count 和数据 value , 创建一个包含 count 个 value 的数组 不用泛型的话,这个函数可能是下面这样:function createArray(value: any, count: number): any[] { const arr: any[] = [] for (let index = 0; index < count原创 2022-03-07 22:38:08 · 630 阅读 · 0 评论 -
typescript 类的多态、继承
继承在 TypeScript 里,我们可以使用常用的面向对象模式。 基于类的程序设计中一种最基本的模式是允许使用继承来扩展现有的类。这个例子展示了最基本的继承:类从基类中继承了属性和方法。 这里,Dog 是一个 派生类,它派生自 Animal 基类,通过 extends 关键字。 派生类通常被称作子类,基类通常被称作超类。因为 Dog 继承了 Animal 的功能,因此我们可以创建一个 Dog 的实例,它能够 cry() 和 run()。下面我们来看个更加复杂的例子。这个例子展示了一原创 2022-03-07 22:33:21 · 418 阅读 · 0 评论 -
typescript 基本数据类型
布尔类型、数字类型、字符串类型、数组类型、undefined类型、null 类型、对象类型联合类型联合类型(Union Types)表示取值可以为多种类型中的一种 需求 1: 定义一个一个函数得到一个数字或字符串值的字符串形式值//布尔类型let abc:boolean=true;//字符串类型let def:string="hello world"//数字类型let a:number=10let b:number=0o10let c:number=0b1010let.原创 2022-03-07 21:30:12 · 529 阅读 · 0 评论 -
typescript 学习笔记系列--第一个ts代码
1.hello.tsfunction greeter(person) { return 'Hello, ' + person}let user = 'Yee'console.log(greeter(user))2.手动编译tsc ./hello.ts3.在html文件中引入编译后的 hello.js<!DOCTYPE html><html><body><script src="hello.js"></scrip原创 2022-03-07 20:25:12 · 505 阅读 · 0 评论 -
二维网格递归
二维网格递归原创 2021-12-18 10:27:12 · 166 阅读 · 0 评论 -
斐波那契数列递归算法的优化算法
斐波那契数列,递归原创 2021-12-18 00:17:32 · 101 阅读 · 0 评论 -
Object.defineProperty()
Object.defineProperty()方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。备注:应当直接在Object构造器对象上调用此方法,而不是在任意一个Object类型的实例上调用。const object1 = {};Object.defineProperty(object1, 'property1', { value: 42, writable: false});object1.property1 = 77;// thro...转载 2021-12-12 15:18:18 · 232 阅读 · 0 评论 -
vue 前端分页的实现
关键代码<el-table ref="multipleTable" :data="dataList.length===0 ? []: dataList.slice( (listQuery.pages-1)*listQuery.rows , listQuery.pages*listQuery.rows )" border highlight-current-row stripe :height="tableHeight" element-loading-text="拼命加载中请稍后。。。" ele原创 2021-09-17 16:05:28 · 129 阅读 · 0 评论 -
前端开发必会面试题和多种实战技巧
【问】$route和$router的区别?可以理解为,一个是用来获取路由信息的,一个是用来操作路由的$routeroute是路由信息对象,里面主要包含路由的一些基本信息,包括name、meta、path、hash、query、params、fullPath、matched、redirectedFrom$routerrouter是VueRouter的实例,包含了一些路由的跳转方法,钩子函数等【问】谈谈你对provide和inject的理解?通过provide/inject可以轻松实现跨级访问祖原创 2021-06-11 18:14:30 · 306 阅读 · 1 评论 -
vue 整体引入组件的方法
1.在src/ommon 中定义组件2.src/utils/plugin.js中定义组件路径映射,并抛出调用import componenName from '../common/componen-name'function plugins(Vue) { Vue.component('componen-name', componenName)}export default plugins3.在main.js中引入plugin.jsimport components from '....原创 2021-06-08 11:25:15 · 218 阅读 · 0 评论 -
es6结构赋值的几种特殊情况
结构赋值数组解构赋值,这种写法属于'模式匹配',只要等号两边的模式相同,左边的值等于右边的let [a,b,c]=[1,2,3]let [aa,[[bb],c]]=[1,[[3],2]let [,,z]=[1,2,3]let [x,...y]=[1,2,3,4,5,6]如果解构不成功就会报错let [aaa,bbb]=[11]let [aaa,bbb=22]=[11,undefined]//es6内部使用严格相等运算符(===),判断一个位置是否有值,所以只有当一个成员严格原创 2021-06-07 11:01:18 · 190 阅读 · 0 评论 -
用javascript 面向对象实现 观察者模式
定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都得到通知并被自动更新。适用性 1.当一个抽象模型有两个方面,其中一个方面依赖于另一方面。 将这二者封装成独立的对象中以使它们可以各自独立地改变和复用。 2.当对一个对象的改变需要同时改变其它对象,而不知道具体有多少对象有待改变。 3.当一个对象必须通知其它对象,而它又不能假定其它对象是谁。 参与者 1.Subject(目标) 目标知道它...原创 2021-01-04 17:37:14 · 193 阅读 · 0 评论 -
websocket 的一个简单客户端封装
//参考https://github.com/MacArthurJustin/vue-remote 修改/** *var client=WsClient({host:"127.0.0.1",port:9502}); *client.connect();//链接服务器 *client.on('/index/index/index',function(data){console.log(data)}).emit('/index/index/index',"data")//on每次绑定都不会销毁 *c.原创 2020-11-21 15:53:52 · 567 阅读 · 0 评论 -
webpack 全面配置指南
webpack 打包构建工具的最详细配置指南,前端小伙伴们,喜欢的赶紧clone ,点star 。本质上,webpack是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个bundle...原创 2020-04-01 20:59:40 · 156 阅读 · 1 评论 -
Promise --js
1. Promise是一个构造函数,既然是构造函数,那么,我们就可以new Promise() 得到一个Promise的实例;2.在Promise 上,有两个函数分别叫做 resolve (成功之 后的回调函数)和reject (失败之后的回满函数)3.在Promise构造函数的Prototype 属性上,有一个 then() 方法,也就说,只要是romise构造函数创建的实例,都...原创 2020-01-08 10:23:44 · 135 阅读 · 0 评论 -
视频裂变的关键代码
var video, player;var vid = pageGlobal.vid;var playStatus = 'pending';if(location.href.indexOf('continue') > -1) { vuxalert('分享成功, 请点击按钮继续播放!'); playStatus = 'continue';}if(pageGloba...原创 2018-07-17 09:32:19 · 2459 阅读 · 1 评论 -
腾讯微信前端库整理
var MODULES = { 'forgetpwd/reset_password.js': 'https://res.wx.qq.com/mpres/zh_CN/htmledition/js/forgetpwd/reset_password.js', 'common/wx/Cgi.js': 'https://res.wx.qq.com/mpres/zh_CN/htmledition/js/...原创 2018-08-28 16:18:37 · 1488 阅读 · 0 评论 -
前端图片懒加载+按需加载范例
需要的依赖 jquery.js、jquery.lazyload.js项目结构:|------app|------|--------js|-----|------jquery.js|-----|-----jquery.lazyload.js|----index.htmlindex.html<!DOCTYPE html><html><...原创 2018-12-26 02:23:57 · 1231 阅读 · 0 评论 -
vue自定义指令
n.jsimport Vue from 'vue'Vue.directive('n',{ bind:function(el,binding,vnode,oldVnode){ el.textContent=Math.pow(binding.value,2) }, update:function(el,binding){ el.textContent=Math.pow(bind...原创 2019-03-31 10:55:59 · 154 阅读 · 0 评论 -
vue事件
vue 事件:<template lang="html"> <div class="events"> <button type="button" name="button" v-on:click="msg">test</button> <button type="button" name="button" v-on:click=...原创 2019-03-31 11:23:57 · 241 阅读 · 0 评论 -
html5 页面定位功能
<!DOCTYPE HTML><html> <head> <style> #map{ width:1000px;height:1000px; } </style> </head> <body> <script type="text/javascript" src="http://a...原创 2019-06-10 21:47:32 · 1236 阅读 · 0 评论 -
webpack 打包工具使用案例
index.jsrequire('./index.css');document.write('webpack 打包教程');webpack.config.jsmodule.exports={ entry:'./index.js', output:{ path:__dirname, filename:'bundle.js' }, module:{ loaders:[{ t...原创 2018-04-23 23:22:16 · 656 阅读 · 0 评论